Jumat, 04 Maret 2011
Menambah Kolom Dibawah Postingan Blogspot
Teman-teman semua pasti ingin memasang iklan atau kode javascript lainnya dibawah postingan. Karena kalau dipasang di sidebar terlalu ramai maka dibawah ini saya akan memberikan cara-cara bagaimana menambah elemen di bawah postingan untuk pasang iklan atau lainnya. untuk membuatnya anda sedikit menambahkan kode CSS ke dalam tamplate. ikuti langkah-langkah di bawah ini.
- Seperti biasa Log in dulu ke blogger temen.
- Tata letak
- Edit HTML
- Download tamplate anda terlebih dahulu untuk menghindarkan hal-hal yang tidak diinginkan.
- Beri tanda centang di kotak kecil atas
- Kemudian cari kode #main-wrapper {
width: 410px;
float:$startSide;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */} - Tambahkan kode berikut di bawah kode tadi #mainbottom {
background:#ffffff;
border:1px solid #0B610B;
margin:0 0 0.5em;
padding:0.5em;
} - Sekarang kita membuat id untuk mainbottom tersebut. Cari kode ini:<div id='main-wrapper'><b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/></b:section>
</div> - Sisipkan kode berikut di bawah </b:section><b:section class='main' id='mainbottom' showaddelement='yes'/>
- Sehingga menjadi seperti ini <div id='main-wrapper'><b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/></b:section><b:section class='main' id='mainbottom' showaddelement='yes'/></div>
- Sekarang simpan tamplate anda dan lihat hasilnya
Selamat mencoba........
Label:
tutorial blog