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

http://oketrik.blogspot.com/2008/05/cara-membuat-widget-kategorilabel-di.html

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot Ebook Dan Game Dll

Sobat sedang membaca artikel tentang Membuat 2 kolom Widget di atas Postingan. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://hasil2.blogspot.com/2013/06/membuat-2-kolom-widget-di-atas-postingan.html" target="_blank"> Membuat 2 kolom Widget di atas Postingan</a>

:: Get this widget ! ::

Related Posts

Related Posts with thumbnails and summary post for blogger