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,

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Ksv0MmGld1ew5uFtKws-GrFmp91yZYyrf-N83T5gFh1OkilrzZ2pOaBZ234zgBVrMPbVtXGxYhZ7ZZAyOiDWQ8v131hhcSh53m2jRZBPackwpY6MrfIUP_Bh_jNXRl6E6lDjS1PwQcA/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Ksv0MmGld1ew5uFtKws-GrFmp91yZYyrf-N83T5gFh1OkilrzZ2pOaBZ234zgBVrMPbVtXGxYhZ7ZZAyOiDWQ8v131hhcSh53m2jRZBPackwpY6MrfIUP_Bh_jNXRl6E6lDjS1PwQcA/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

    

Posted in: Tips Blog