Cara membuat satu kolom add widget di atas postingan

HaiSob apa kabar? tutorial kali ini tentang cara membuat satu kolom widget di atas postingan. Ok sobat, berbeda dengan cara membuat 2 kolom widget dibawah postingan yang sudah pernah dibagikan pada waktu yang lalu, berikut ini kita akan membuat satu kolom widget bahkan lebih, di atas Postingan.

Sebelum melakukan tutorial berikut ini sebaiknya save dulu template kamu, ini di maksudkan apabila terjadi kesalahan ketika melakukan editting, kamu masih punya backupan kode template dan gampang jika ingin mengembalikannya seperti semula.

Cara menambahkan satu kolom Widget di atas postingan di Blogger


1. Di Blog Bloger 😁
2. Pilih menu Template ➔ Edit HTML
Cara membuat satu kolom widget di atas Postingan
Template - Edit HTML

Baca juga: Widget Random Post dengan Gambar dan Judul

3. Cari kode dan 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{}
4. Cari kode <div id='main-wrapper'> ( kode ini bisa saja berbeda pada template yang kamu gunakan coba saja dimana yang cocok),kemudian letakkan kode berikut ini dibawah atau diatas kode <div id='main-wrapper'>
<b:section class='upperposting' id='upperposting' preferred='yes'/>
5. Save template.

Baca juga: Cara membuat link aktif pada komentar Blog

Contoh kolom widget di atas Postingan

    Cara Membuat Satu Kolom Widget Diatas Postingan
    Kolom widget diatas postingan

    Sekian tutorial blog kali ini, semoga cara menambahkan satu kolom widget di atas postingan ini bermanfaat.
    Join This Site