Cara Menambah Dua Kolom Widget Diatas Kolom Postingan

Blog Tips-Trik malam ini saya akan memberikan Blog Tips-Trik tentang
bagaimana CaraMenambah Dua Kolom Widget Diatas Kolom Postingan blog anda. Mungkin anda dapat menggunakannya untuk menambah script iklan atau yang lain. Dan caranya pun mudah tapi sedikit sulit. Blog Tips-Trik ini saya uji coba di Template 3 kolom milik x-template.
Jika anda tertarik, silahkan lakukan langkah berikut:
1. Loggin ke akun blogger
anda
2. masuk ke Rancangan > Edit HTML

jangan lupa memback up template anda sebelumnya, lalu centang "expand template widget"

3. cari kode ]]></b:skin>
lalu pasang kode di bawah ini tepat diatasnya


.widget-atas-post {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}

.widget-atas-post-kiri {
float:left;
width:49%;
margin-right:15px;
}

.widget-atas-post-kanan {
float:right;
width:49%;
}


4. Kode diatas adalah Kode CSS untuk widget tersebut. Untuk menampilkannya pada blog anda, kita butuh script pemanggilnya yaitu kode HTML
. Pemasangannya sebagai berikut.

5. cari kode <div id='main-wrapper'> lalu pasang kode di bawah ini di bawahnya


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widget-atas-post'>
<div class='widget-atas-post-kiri'>
PASANG KODE WIDGET ANDA DISINI
</div>
<div class='widget-atas-post-kanan'>
PASANG KODE WIDGET ANDA DISINI
</div>
</div>
</b:if>


6. Simpan template anda dan lihat hasilnya.
7. Selesai

Jangan pernah takut untuk salah karena manusia belajar dari kesalahan. Jadi, jangan pernah takut untuk ber-eksplorasi terhadap blog anda yaa.

Related Post