Sekarang mari kita kelangkah pembuatannya :
- Loggin ke blogger
- masuk ke Tata letak => Edit HTML
- cari kode ]]></b:skin> lalu taruh kode di bawah ini tepat diatasnya
.widget-atas-post {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}
.widget-atas-post-kiri {
float:left;
width:49%;
margin-right:15px;
}
.widget-atas-post-kanan {
float:right;
width:49%;
}

- setelah membuat kode css-nya sekarang kita buat kode pemanggilnya yaitu HTML
- cari kode <div id='main-wrapper'> lalu taruh kode di bawah ini tepat di bawahnya
<b:if cond='data:blog.pageType == "item"'>
<div class='widget-atas-post'>
<div class='widget-atas-post-kiri'>
Taruh kode widget disini
</div>
<div class='widget-atas-post-kanan'>
Taruh kode widget disini
</div>
</div>
</b:if>

- Setelah itu sobat bisa menyimpannya dan melihat hasilnya
- Selesai

Untuk memperbaiki dan mengembangkan blog ini menjadi lebih baik, mari bersama - sama kita bangun, caranya? Apabila kamu menemukan link yang mati/sudah tidak berfungsi atau gambar yang sudah tidak muncul/expire, silahkan hubungi kami disini. Laporan anda sangat berpengaruh pada perkembangan blog ini. Terima kasih atas perhatiannya ![]()
Trik menarik lainnya yang mungkin ingin anda baca :




26 comments
nanti saya coba utak atik sendiri lah :)
mantap sob artikel membuat widget dua kolom di atas posting..
yup mantaff buat nambah kolom lagi...
Hmmm Tri yang bagus mass... Tx yaw
oke bnget xml nya,trims :4:
salam sobat, salam kenal, kunjungan pertama
triknya oke-oke banget, sesuai namanya mas,oke trik...
trik oke..heheheh
sama-sama sob ^_^
sipppp daaaahh
TUTORIAL APA INI!!!!!! :@
Tulisan "Taruh kode widget disini" yang berwarna merah kode widget yang mana? mohon diperjelas
@Dede Rachman => untuk tulisan itu maksudnya, tulisan itu adalah tempat untuk menaruh widget yang ingin di tampilkan di kolom widget di atas post, misalnya kalau anda ingin menaruh widget buku tamu, tinggal hapus tulisan itu lalu taruh kode buku tamu di sana. Terima kasih ^_^
@Remba => Tutorial untuk membuat 2 kolom widget di atas post sob. maaaf kalau sulit di mengerti, maklum saya hanya seorang manusia ^_^
yup thankz bnyak yg bermanfaat dsini bwt newbie sperti saya, pisaran aja tiap trik untuk disertakan gambara hasil dari penggunaan/penambahan code skrip yg dilakukan trhadap blog, ok sekali lgi trims berat.
@Andi lala >> sama-sama sob, makasih juga nich atas masukannya...
sebenarnya sebagian tutorial ada yang di tampilkan screenshout di akhir postnya tapi ada juga yang tidak, untuk kedepannya akan saya perbaiki sob....
Salam kenal Om....
mau tanya gan, ditemplate saya ga ada main wrapernya nya
from psychomputer
klo g ada coba cari main saja, mudah2an aja ketemu. setiap template kodenya berbeda beda jadi sulit untuk memodifikasi sendiri tanpa mengetahui seluk beluk kode template.
Bisa nggak di template minima ya bos...
thx saya coba gan, btw tukeran link yuk..
mas kok saya jadinya ada yang widget nya di dalem postingan semua, dan satu diatas dan satu di bawah, trus parahnya lagi judulnya juga ada diatas widget itu gimana atasinnya yah mas ?
test---test........., kalo membuat
1 kolom + 2 kolom di bawah postingan kaya yang di atas caranya gimana ya............???
belum berhasil
kok bisa? kesulitannya dmn ya? bisa saya bantu?
gan mo saran aja nee ......lebih bagus dikasi contoh gambar sesudah dan sebelum nya deh biar tambah wokeh
Nice share.... thanks...
keren bro
visit me back :)
http://blogsfiw.blogspot.com/
Post a Comment
Segera Laporkan apabila kamu menemukan Broken link (link rusak) atau ingin request dan bertanya, dengan meninggalkan pesan di bawah ini