search-button

Nov 24, 2013

Cara Memindahkan Judul Blog Ke Tengah

   
Advertisements
Advertisements
Membuat judul blog berada di posisi tengah bisa dilakukan tergantung dari Template yang sedang anda gunakan saat ini. Karena antara Template bawaan dari blogger dan Template yang anda gunakan dari pihak ketiga biasanya mempunyai kode CSS yang berbeda. Kali ini saya akan coba menunjukkan bagaimana cara melakukan hal tersebut untuk memindahkan judul dan deskripsi dari blog ke posisi tengah.

judul blog ditengah


Langkah-langkah :

1) Masuk ke Blogger

2) Klik Template lalu Back up

3) Klik Edit HTML lalu pilih dan cari kode (tekan Ctrl+F) yang sama seperti dibawah sesuai dengan template yang anda gunakan saat ini

(1) Kode untuk template bawaan dari blogger
Klik ganda untuk menyalin
.header-inner .Header .titlewrapper {
  padding: 22px $(header.padding);
}

.header-inner .Header .descriptionwrapper {
  padding: 0 $(header.padding);
}

(2) Kode untuk template dari pihak ketiga
Klik ganda untuk menyalin
#header-inner { ; disini adalah kode lainnya }
#header .description { ; disini adalah kode lainnya}

4) Tambahkan "text-align: center ;" sehingga kodenya menjadi seperti ini

(1) Template bawaan blogger
Klik ganda untuk menyalin
.header-inner .Header .titlewrapper {text-align: center ;
  padding: 22px $(header.padding);
}
.header-inner .Header .descriptionwrapper {text-align: center ;
  padding: 0 $(header.padding);
}

(2) Template dari pihak ketiga
Klik ganda untuk menyalin
#header-inner {text-align: center; disini adalah kode lainnya}
#header .description {text-align: center; disini adalah kode lainnya}

5) Klik Pratinjau lalu klik Simpan Template

Sekarang coba lihat ke blog anda maka posisi dari judul dan deskripsi blog sama rata berada di tengah. Good Luck and Happy Coding!