Back to TopBack to Bottom

Membuat 2 kolom Widget di atas Postingan

Setelah kemarin saya membahas tentang "Menaruh Widget di atas Postingan" kini saatnya Membuat dua kolom widget di atas Postingan. Hanya menggunakan kode css dan kode pemanggilnya yaitu HTML sobat sudah dapat dua kolom widget diatas postingan, trik ini tidak membuat blog sobat bertambah berat banyak namun kalau menaruh widget yang berlebihan maka akan bertambah berat jadi saya sarankan agar menaruh widget yang penting saja jangan widget yang tidak terlalu penting di masukan ke dalamnya.

Sekarang mari kita kelangkah pembuatannya :
  1. Loggin ke blogger
  2. masuk ke Tata letak => Edit HTML
  3. 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%;
    }



  4. setelah membuat kode css-nya sekarang kita buat kode pemanggilnya yaitu HTML
  5. cari kode <div id='main-wrapper'> lalu taruh kode di bawah ini tepat di bawahnya

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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>



  6. Setelah itu sobat bisa menyimpannya dan melihat hasilnya
  7. Selesai

Bagaimana? mudah bukan cara mebuatnya? di atas hanya contoh saja untuk cara Membuat dua kolom Widget di atas postingan. kalau ada pertanyaan tentang trik ini sobat bisa tinggalkan pesan di bawah ini tepatnya di kotak komentar ini, saya pergi dulu y. Terima kasih dan Happy Blogging :)).
Attention

ATTENTION PLEASE!

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 thanks

Trik menarik lainnya yang mungkin ingin anda baca :

26 comments

nanti saya coba utak atik sendiri lah :)

Balas | April 15, 2010

mantap sob artikel membuat widget dua kolom di atas posting..

Balas | April 15, 2010

yup mantaff buat nambah kolom lagi...

Balas | April 15, 2010

Hmmm Tri yang bagus mass... Tx yaw

Balas | April 15, 2010

oke bnget xml nya,trims :4:

Balas | April 23, 2010

salam sobat, salam kenal, kunjungan pertama
triknya oke-oke banget, sesuai namanya mas,oke trik...

trik oke..heheheh

Balas | May 16, 2010

sama-sama sob ^_^

Balas | May 16, 2010
Anonymous

sipppp daaaahh

Balas | June 01, 2010

TUTORIAL APA INI!!!!!! :@

Balas | June 10, 2010

Tulisan "Taruh kode widget disini" yang berwarna merah kode widget yang mana? mohon diperjelas

Balas | June 10, 2010

@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 ^_^

Balas | June 10, 2010

@Remba => Tutorial untuk membuat 2 kolom widget di atas post sob. maaaf kalau sulit di mengerti, maklum saya hanya seorang manusia ^_^

Balas | June 10, 2010

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.

Balas | July 17, 2010

@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....

Balas | July 17, 2010

Salam kenal Om....

Balas | July 22, 2010

mau tanya gan, ditemplate saya ga ada main wrapernya nya

from psychomputer

Balas | December 07, 2010

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.

Balas | December 07, 2010

Bisa nggak di template minima ya bos...

Balas | May 08, 2011

thx saya coba gan, btw tukeran link yuk..

Balas | May 22, 2011

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 ?

Balas | June 29, 2011

test---test........., kalo membuat
1 kolom + 2 kolom di bawah postingan kaya yang di atas caranya gimana ya............???

Balas | July 15, 2011

belum berhasil

Balas | August 02, 2011

kok bisa? kesulitannya dmn ya? bisa saya bantu?

Balas | August 02, 2011
Anonymous

gan mo saran aja nee ......lebih bagus dikasi contoh gambar sesudah dan sebelum nya deh biar tambah wokeh

Balas | November 16, 2011

Nice share.... thanks...

Balas | November 21, 2011

keren bro
visit me back :)
http://blogsfiw.blogspot.com/

Balas | January 06, 2012

Post a Comment

Segera Laporkan apabila kamu menemukan Broken link (link rusak) atau ingin request dan bertanya, dengan meninggalkan pesan di bawah ini

 
Di Like sama Follow ya biar tambah Semangat >>