Langsung aja tanpa basa basi menuju TKP.
- Login ke blog sobat.
- Pilih tata letak ( Layout ) lihat dulu .
- kemudian ke template lalu Klik edit html, jangan lupa centang Expand Template Widget .
- Cari kode yang seperti ini: ]]></b:skin>
- Kemudian tambahkan kode dibawah ini persis diatas code : ]]></b:skin>
#under_header{float:left;width:100%;}
Sehingga letaknya seperti ini :
#under_header{float:left;width:100%;}
- Kemudian cari kode seperti ini [ gunakan Ctrl + F untuk mempercepat pencarian ] :
<div id='header-wrapper'>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
</b:section>
</div>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
</b:section>
</div>
- Copy code dibawah ini lalu tempatkan code tersebut tepat dibawah code yang di atas
code dibawah ini adalah code pembuatan kolom gadgetnya.
<div id='under_header'>
<b:section class='header' id='underheader' preferred='yes'/>
</div>
<b:section class='header' id='underheader' preferred='yes'/>
</div>
- Setelah anda menempatkan code diatas hasilnya akan seperti ini :
<div id='header-wrapper'>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
</b:section>
</div>
<div id='under_header'>
<b:section class='header' id='underheader' preferred='yes'/>
</div>
<b:section class='header'id='header'maxwidget="1'showaddelement="no">
<b:widget id='header1'locked='true'title='nama blog sobat(header)'
type='header'/>
</b:section>
</div>
<div id='under_header'>
<b:section class='header' id='underheader' preferred='yes'/>
</div>
- Warna merah adalah kode yang harus sobat tambahkan.
- Klik simpan
- Kemudian lihat hasilnya melalui tata letak pada layout Template sobat.
Semoga apa yang telah diterangkan di atas akan senantiasa membantu sobat, bila ada hal yang belum dimengerti silahkan kita saling membantu lewat form komentar dibawah .
Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.
Salam Blogger.... !!! .
Admin Rivai Silaban
Di posting oleh :
Update pada :
3:15 AM
Malam Mas, boleh bertanya-tanya ga?
ReplyDeleteada beberapa ni..
mohon bntuannya karena templatenya sama..
1. bagaimana ya mas buat breaking news diatas itu,?
2. pada sidebar, bagaimana buatnya jdi statis, mksudnya selalu dlam keadaan terbuka. pokoknya seperti sidebar mas, tidak semuanya tertutup gitu..
mohon bantuannya mas, terimas kasih..
http://rudihartoyo.blogspot.com
Dengan senang hati sob..
DeleteMaaf sob saya terlambat lihat comentnya, mohon dimaklumi...
1. bagaimana ya mas buat breaking news diatas itu,?
jwb : Saya sudah membuat postingan mengenai Headline News sob coba di lihat.http://rivai-silaban.blogspot.com/2013/03/cara-membuat-headline-news-di-blog.html
2. pada sidebar, bagaimana buatnya jdi statis, mksudnya selalu dlam keadaan terbuka. pokoknya seperti sidebar mas, tidak semuanya tertutup gitu..
Jwb : Oh soal itu sob sebenarnya saya hanya menambahkan kolom gadgetnya dibawah sidebar yang disebelah kanan templatenya.
Makasih atas kunjungannya....
terima kasih suda di respon mas,,,
Deleteuntuk no.1 terima ksih, ntar saya coba..:)
untuk 2, saya udah coba untuk nambah disebelah kanannya, tapi untuk judul gadegtnya gk sama atau tanpa background yang sama?
apa mas, ada ubah sedikit kode html nya d template mohon bantuannya lagi mas..:)
#main-wrapper{padding-top:10px;width:600px;float:left;word-wrap:break-word;overflow:hidden}
Delete#sidebar-wrapper,#sidebar1-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden;padding-top:10px}
#bottom-col {
width:300px;
float:right;
word-wrap:break-word;
overflow:hidden;
}
Copy script diatas lalu pastekan tepat diatas cript yang dibawah ini #___( Cari Script yang ada dibawah ini )__#
h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em}
h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0}
.post{border:1px solid #c4c4c4;margin:0 0 15px;padding:5px 15px 15px}
.post h1,.post h2{font-family:Arial;font-size:160%;font-weight:700;line-height:1.2em;color:#0a2e56;margin:.0em 0 0;padding:4px 0}
Script yang diatas adalah CSS nya sob....
Deleteuntuk memanggil script gadgetnya saya sudah postkan di G+ kamu sob, Maklum tag DIV tidak diperbolehkan di coment. bila ada yang masih kurang kita sama sama share lagi sob.
salam bloger
terima kasih bnyak atas ilmunya mas...:)
DeleteSama sama sob... !! lanjutkan kreativitasnya...
ReplyDeletesalam bloger..
nice artikel gan (y)
ReplyDeletefollow balik ya gan http://gaulblog26.blogspot.com/
@anonymous_69
ReplyDeleteMakasih gan, setelah saya lihat, blognya terlalu brat gan, kurangi pemakaian widget dan script yang terlalu berlebihan. Terimakasih atas kunjungannya.
terima kasih brother untuk infonya :)
ReplyDeletesama sama gan...
Deletekalo gk ada header-wrapper cara lain.nya gimana
ReplyDeletegitu ya, pokoknya pada intinya pemasangannya dibawah judul blog, atau diatas widget Blog 1 ( postingan halaman blog )memang terkadang penulisan tidak sama oleh pembuat template tapi setidaknya blog pasti memiliki header, postingan dan footer serta sisi kiri dan kanan.
Deletetanya gan, di template saya kodenga tidak seperti
ReplyDeletediv -nya
tapi kodenya seperti ini
b:includable id='main'
artinya gak ada div> nya, jd gmn cara nambahnya gan?
yang penting di pasang di bawah header memang terkadang kodenya seikit berbeda penulisannya tapi intinya dibawah header blog agan aja
Deletethnks atas infonya gan,,,
ReplyDeletesama sama gan..
Deletemau tanya gan kok di template saya memang di tambah 1 kolom di bawah header, tapi BENAR-BENAR di bawah header, kalo tutorialnya di bawah menubar gimana gan?
ReplyDeletehttp://www.arief-teknisi.com
Salam mas rivai, saya ingin tanya.. mengapa setelah saya instalasi trik ini pop up Add a Gedget saya tidak muncul ??
ReplyDeleteSebelumnya terima kasih, mohon balasannya.
http://www.gorospells.com/