Home » » Membuat Teks Rata Tengah ( Text Align Center )

Membuat Teks Rata Tengah ( Text Align Center )

Jika anda ingin merubah title ( judul ) widget pada blog anda,baik untuk judul yang ada pada sidebar, title (judul) posting, ataupun footer menjadi (center) rata tengah seperti yang ada pada blog ini,
Membuat Teks Rata Tengah ( Text Align Center )


langkahnya adalah sebagai berikut :
  • Login akun blogspot,
  • Klik design ( rancangan) Edit HTML, dan jangan lupa klik Expand Templates Widget untuk mencegah terjadinya kode yang error.
  • Lalu cari kode berikut: .sidebar h2 {
  • Untuk merubah judul sidebar jadi rata tengah maka carilah kode .sidebar h2 {
.sidebar h2{color:#fff;background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/TT7jruHfE_I/AAAAAAAAL6E/Ub0dYSDZM40/s1600/widget-title-bg.png) left top repeat-x;font-size:14px;line-height:14px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:0 0 10px 0;padding:8px 0 8px 10px;text-transform:uppercase;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-shadow:0 1px 0 #710000;}

  • Jika kode yang anda temukan seperti diatas maka tambahkanlah text-align:center;
Maka jadinya seperti ini :

.sidebar h2{color:#fff;background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/TT7jruHfE_I/AAAAAAAAL6E/Ub0dYSDZM40/s1600/widget-title-bg.png) left top repeat-x;font-size:14px;line-height:14px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;text-align:center;margin:0 0 10px 0;padding:8px 0 8px 10px;text-transform:uppercase;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-shadow:1 3px 0 #5645f7;}


  • Jika pada sidebar anda sudah terdapat kode Text-align:…….; maka anda tinggal mengganti posisinya saja, baik Right (rata kanan), ataupun left ( rata kiri ) 
  • Simpanlah tamplates.
Catatan
Cara ini juga bisa digunakan untuk Judul Widget pada Footer blog anda,caranya juga sama seperti di atas, anda hanya perlu mencari kode: #footer { atau id.footer atau #bottom h2 {disesuaikan saja, karena setiap templates berbeda). Atau bisa juga untuk Judul Postingan, dengan cara mencari kode : .post h3 {
Selamat Mencoba......

    

Write By : Khocet Dot Com ~ Panduan Gratis Adobe Photoshop,Blog,Puisi,Ragam Tips,Dan Bahan Ajar

Article : Membuat Teks Rata Tengah ( Text Align Center ) Post By : Khocet Dot Com
Terimakasih atas kunjungan serta kesediaan Anda membaca artikel ini. Kritik yang membangun serta pertanyaan dan saran dapat anda tuliskan melalui kotak komentar,semoga bermanfaat
Share this article :

1 comment:

 

Design By : Khocet Dot Com
Powered by Blogger