Cara Membuat kolom Widget di Atas Postingan

Askum, Selamat Sore. Tema Minggu ini akan memberikan Tips dan Trik untuk Blog Sobat, Tips yang pertama adalah Cara Membuat  kolom Widget di Atas Postingan !!! cekidottttttt.....







Walaupun ga nyambung sama Judul Blog ini, tapi sekedar berbagi Informasi ja....
Oke Postingan pertama Tips Trik Blog tentang cara menambah Kolom Widget bisa untuk menaruh gadget, untuk dimana ? yang ini untuk diatas Postingan Blog. Sebelumnya ngeTeh masnis dulu :)....


Di bawah ini contoh halaman Blog Sebelum ditambah kolom diatas Postingan.....

Terlihatkan belum ada kolom untuk menambah Gadget, cara untuk menambahnya...
1. NgTeh manis dulu hahhahah
2. Buka Blog, terus Klik Rancangan (Di atas)..akan masuk ke halaman Blog sobat..
3. Klik Edit HTML, akan muncul kode-kode yang bikin pusing hahhaha.
4. Centang atau ceklis (b. sunda) kata Expand Template Widget di atas kode HTML
5. Cari Kata  ]]></b:skin> Kalau susah nyarinya Pencet(b.sunda) Tekan di Keyboard sodara CTRL F (akan muncul kotak pencarian, kalau di mozilla ada di bawah, kalau Google Chrome ada Atas).
6. Kalau sudah ketemu Masukan Kode ini

.atas posting{
width: 578px;
padding:10px 0px 10px 10px;
background:#fff;
margin:0px 0px 10px 0px;
text-align:left;
border:1px solid #ccc;
}
.atas posting .widget{
}

Diatas Kode ]]></b:skin>

7. lalu Cari kode <div id='main-wrapper'> dengan cara Nomer 5..
8. copy Kode HTML ini
<b:section class='atas posting' id='atas posting' preferred='yes'/>  
Dibawah Kode  <div id='main-wrapper'>

Hasilnya akan Seperti INI

  

Oke Mudahkan!!

 Cara diatas Sudah Dicoba dan Berhasil....
Sumber : http://blogtutorialblogger.blogspot.com/2011/02/cara-membuat-kolom-elemen-di-atas.html

Silahkan abang dan nonanya tinggalkan komen :D