Cara membuat judul Postingan Ditengah

Editor by Manoby
3

Baca Juga


 
Judul Blog atau blog title berada di bagian header di sebelah kiri. Posisi Judul blog yang berada di sebelah kiri sebenarnya tidak mengurangi keindahan tampilan blog kita. 


Akan tetapi, tidak sedikit dari rekan-rekan sesama blogger yang ingin mengganti posisi judul blog mereka yang berada di sebelah kiri menjadi posisi center atau tengah. Oleh sebab itu, saya pun berinisiatif untuk membuat postingan tentang Cara membuat judul blog berada di tengah. 

Teknik yang akan saya berikan untuk menetengahkan judul blog ini saya dapatkan dari Forum Blogger. Teknik ini pernah saya coba sendiri, dan alhamdulillah berhasil. Semoga teknik ini juga berhasil diterapkan atau diimplementasikan di blog sobat blogger.

Cara Buat Judul Blog Berada di Tengah :

1.  Login dulu di blogger.com

2.  Klik tombol Design dan Edit HTML

3. Back Up dulu template sobat untuk berjaga-jaga

Kemudian sobat cari kode yang seperti ini :

.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}

Kalau sudah ketemu kode yang seperti itu atau mirip seperti itu, hapus dan ganti dengan kode di bawah ini :



.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}


4. Klik save

Cara lain:
Atau pakai yang dibawah ini  Biasanya sesuaikan dengan struktur thema blog beda-beda tinggal pilih mana yang sesuai

Pasang kode berikut diatas kode ]]></b:skin>

Simpan dan lihat hasilnya

Cara ke dua:
Tambahkan kode CSS dibawah sebelum kode ]]></b:skin> berikut ini;

/*judul postingan rata tengah*/
.post-title { text-align:center; 


Kemudian save  


Cara ke tiga: 
1. Buka akun Blogger anda

2. Pilih menu tema dan klik edit html

3. Cari kode yang seperti ini. 

h3.post-title, .comments h4 { font: $(post.title.font); margin: .75em 0 0; }

4. Tambahkan kode text-align:center; pada kode kode di atas. Sehingga menjadi seperti berikut ini:

h3.post-title, .comments h4 { text-align:center; font: $(post.title.font); margin: .75em 0 0; }

4. Jika sudah silahkan simpan tema.

Semoga bermanfaat pastikan kodenya sudah sesuai.

Tags:

Posting Komentar

3Komentar

Posting Komentar