Cara Membuat Satu Kolom Widget Diatas Postingan. Ok sobat tutorial blog seocips.com berikut ini masih berhubungan dengan cara membuat 2 kolom widget dibawah postingan yang sudah pernah dibagikan pada waktu yang lalu bedanya berikut ini kita akan membuat Satu Kolom Widget dan di Diatas Postingan.

Sebelum melakukan tutorial berikut ini sebaiknya save dulu template yang anda gunakan, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.

Cara Membuat Satu Kolom Widget Diatas Post

PostinganMasuk ke akun blogger anda
Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda
Cari kode ]]></b:skin>
Letakkan kode berikut diatas kode ]]></b:skin>
.upperposting{width: 100%;padding:10px 0px 10px 10px;background:#fff;margin:0px 0px 10px 0px;text-align:left;}
.upperposting .widget{}
Cari kode <div id='main-wrapper'>
Letakkan kode berikut ini dibawah atau diatas ( silahkan di test di template sobat  mana yang cocok diletakan diatas atau dibawah) kode <div id='main-wrapper'>
<b:section class='upperposting' id='upperposting' preferred='yes'/>
Klik Pratinjau terlebih dahulu untuk melihat hasilnya, jika tidak ada error silahkan Simpan Template anda dan lihat hasilnya di Tata Letak. Jika berhasil maka akan ada kolom add gadget seperti di gambar dibawah ini.
Cara Membuat Satu Kolom Widget Diatas Postingan

 Sekian tutorial blog kali ini, semoga cara menambahkan satu kolom widget diatas postingan ini bermanfaat untuk anda.
1 Komentar untuk "Cara Menambahkan Satu Kolom Widget Diatas Postingan"

Kalo menambah 3 kolom widget di footer bagaimana sob ?