Menambah kolom elemen di bawah posting itu lah topik kita hari ini. karna posting sebelumnya membahas tentang design tamplate yaitu:
Cara Membuat Kolom Elemen Di Atas Posting
- Cara Membuat Kotak Di Blogspot Dengan HTML
- Cara Membuat 2 Kolom Elemen Di Bawah Header
- Cara Membuat 3 Kolom Elemen Di Atas Footer
Nah biar lebih complate sekarang bagai mana pula cara untuk menambah kolom elemen dibawah posting. untuk membuatnya anda sedikit menambahkan kode CSS ke dalam tamplate. ikuti langkah-langkah di bawah ini.
- Seperti biasa Log in dulu ke blogger
- 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 Semoga Bermanfaat.. Jangan Lupa Coment Yah... Heheheh :)
Masih Newmbie..
Artikel
{ 12 comments... Read Them Below or add one }
Wah... Nice Share.. Numpang Seot Gan.. Heheh :)
Heheh.. Sep-Sep... Tink Qiu...
thanks,,,,
makasih infonya
MAKASIH INFONYA GAN ...
Nyasar kemari pakai kk "membuat kolom dibawah postingan"
Makasih
(admin www.alatbekam.net)
ok.gan info yg sangat menarik blog agan juga menarik mempunyai post yg besar....
slm suksek smga blog nya makin rame,jika agan berkenan mampir ke gubug ane,
http://mediaonlen.blogspot.com
makasih gan atas infonya... sangat bermanfaat...
thank's infonya gan...
kunkung balik ya...
thank's infonya gan...
kunkung balik ya...
Makasih bgt bro info nya, sangat bermanfaat saya. hehe
Jangan Lupa mampir ke blog EXPO Lowongan Kerja Terbaru ane ya Lowongan Kerja PT. INKA Multi Solusi
hahayyy mantaf gan,,, berhasil... lebar ternyata otomatis menysuaikan elemen halaman posting ya,,, kirain tadi kok gak ada width brp? tksh gan
Posting Komentar
Silahkan sahabat berkomentar sesuai dengan artikel postingan di atas. Apabila ada postingan yang rusak atau tidak bisa terbaca mohon beritahu di Komentar ini.Trimakasih telah berkunjung & berkomentar
Penting... Maaf,Tidak Diizinkan Memberikan Atribut Pada Komentar Anda..