Header Ads

Cara Menambah Dua Kolom Widget di Atas Postingan

Cara Menambah Dua Kolom Widget di Atas Postingan

Masih tentang menambah kolom widget, kali ini saya akan share Tutorial tentang Cara Membuat Dua Kolom Widget di Atas Postingan, sebelumnya juga saya sudah share tutorial mengenai cara menambahkan satu kolom widget di atas postingan dan cara menambahkan satu kolom widget di bawah postingan .

cara ini saya dapatkan dari bloggerspice.com jika anda ingin menambahkan dua kolom widget di atas postingan silahkan ikuti Tutorial ini.

Baca Juga :

Cara Menambah Satu Kolom Widget di Atas Postingan

Cara Menambah Dua Kolom Widget di Bawah Postingan

Cara Menambah Satu Kolom Widget di Bawah Postingan

Pertama login ke dashboard blog anda kemudian klik menu template kemudian edit HTML lalu cari kode ]]></b:skin> gunakan Ctrl+F untuk mempercepat pencarian
jika sudah ketemu pastekan kode di bawah ini diatas kode ]]></b:skin>


 /*Extra Column by www.bloggerspice.com*/
#Spicy Column h2{
font-size:13px;
font-weight:bold;
color:#B8002E;
border-bottom:2px solid #000000;
padding-left:5px;
}
#Spicy Column{
width:600px; /*Change width */
}
#Spiceleft{
width:295px; /*width of the left column*/
float:left;
margin:4px;
}
#Spiceright{
width:295px; /*width of the right column*/
float:right;
margin:4px;
}

Selanjutnya cari kode <div id='main-wrapper'>
kemudian pastekan kode di bawah ini, sebelum atau di atas kode tersebut

 <div id='Spicy Column'><b:section class='Spiceleft' id='Spiceleft'/><b:section class='Spiceright' id='Spiceright'/></div> 

Klik Pratinjau terlebih dahulu untuk melihat hasilnya, jika tidak ada error silahkan Simpan Template anda, dan lihat hasilnya di Tata Letak.

No comments

Powered by Blogger.