Cara Membuat 3 Kolom Di Bawah Header. Artikel kali ini kita akan membahas sedikit cara memodifikasi blog yaitu Cara Membuat 3 Kolom Di Bawah Header. Biasanya 3 kolom ini digunakan sebagai space iklan. Selain digunakan sebagai space iklan, 3 kolom ini juga bisa digunakan sebagai daftar artikel, daftar link dan sebagainya. Nah langsung aja yuk kita cari tau Cara Membuat atau Menambah 3 Kolom Di Bawah Header :
- Masuk ke akun bloggger anda.
- Klik Layout/Template (New) > Klik Edit HTML.
- Beri tanda centang pada Expand Widget Template.
- Sekarang Cari kode ]]></b:skin>.
- Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>.
- Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer">
- Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">.
- Langkah terakhir klik Tombol Simpan Template.
- Selesai dan lihat hasilnya.Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout. Semoga bermanfaat Artikel Cara Membuat 3 Kolom Di Bawah Header, Terima kasih.
<div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;">
<b:section class="box-widget" id="col3" preferred="yes" style="float: left;">
</b:section></div>
<div id='box-kolom-widget'>
<div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>
roy87.blogspot.com, SARJANA | COPY | PASTE
Description » Cara Membuat 3 Kolom Di Bawah Header
» Rating: 5.0
» Reviewer: Roy
» ItemReviewed: Cara Membuat 3 Kolom Di Bawah Header
24 komentar:
bos, gimana cara mengganti warna backgroundnya?
http://sikkahoder.blogspot.com/
mantap gan tapi biasanya kode div id='main-wrapper
tidak ada pada template bawaan blogspot
thanks atas info nya, salam kenal
SIp gan... thank's atas infonya.. hehe, saya pemula gan jadi sama2x belajar kita gan... hehe
makasi mas ilmunya..
hehehe
senengnya berbagi
jangan lupa bermain di blogku ya mas
mantap ,, lanjutkan brooo
Terimakasih ya Mas M. Roy artikelnya boleh ngopas ya...!tak cobain.
mantab gan lagsung ane ke TKP....
jadi gmn caranya agar blog bawaan blogspot bisa 3 kolom dibawah headernya ??
template yang bawaan BLOGGER,, caranya tuh,,
cari kode <div class (truss ada tulisannya main-outer )
jadi perbedaannya,, dalam postingan ini tulisannya "ID" tetapi klo bawaan blogger "CLASS"
kunjung balek http://aldofahreza.blogspot.com
keren bang, sangat membantu ..
makasih gan sangat membantu bagi para pemula....
KREN BOS
Keren.... sangat mencerahkan..
thank's bang :D
contohnya g ada?
apakah cara ini sama dengan yang ada di blog sobat?
yg ada 3 kolom di atas itu bukan?
thank,s http://pendidikanjasmani13.blogspot.com/
memang si muncul 3 kotak
tapi gan kok jadi gak bisa ya tambah gadget,,,,
mohon bantuannya segera
ok.... thanks ya....,insyaallah berguna...
aduh pusing bos gagal terus saya membuatnya. kira-kira ada cara yang lebih mudah gak bos. mohon bantuannya.
ga ketemu nih caranya gan,..
kalo yang buat dibawah bagaimana caranya?
www.pakepe.com
btw css awalnya itu harus di hapus ato langsung nambahin script di atas itu aja? thanks gan
monggo mampir
Ashab
Supplier Herbal Jember
Supplier Herbal Sidoarjo
Supplier Herbal Tulungagung
mantap dah
http://acemaxs31.com/
terimakasih banyak sob, sangat membantu sekali
http://acemaxsshop.com/
thanks sob artikelnya sangat bermanfaat sekali buat saya yg masih newbie..
awalnya saya juga bingung, tp stlah saya baca sesuai pnjelasan di atas akhirnya berhasil juga..dan salam kenal dari admin http://hingga.blogspot.co.id/
Post a Comment