Cara Membuat Widget 2 Kolom Di Bawah Postingan Blog

Cara membuat widget / gadget dua (2) kolom di bawah postingan blog atau cara membuat 2 kolom di bawah postingan blog, Screen Soltnya terlihat seperti gambar di bawah, ini yang sudah di buat oleh file education.
Cara membuat widget/gadget 2/dua kolom di bawah postingan blog atau cara membuat 2 kolom di bawah postingan blog
Gambar Cara membuat widget/gadget 2/dua kolo, di bawah postingan blog
Sebenarnya widget ini saya buat karena saya tidak mau menambah widget di footer, karena hanya akan menambah berat loading blog dan menambah banyak CSS, dengan menambahkan widget 2 kolom di bawah postingan blog akan mengurangi berat loading blog itu sendiri

Okay langsung saja Cara membuat widget 2 kolom di bawah postingan :


1. klik Edit Html , dan jangan lupa centang Expand Template Widget

2. kemudian letakan kode dibawah ini , tepat di atas kode ]]></b:skin>

.bawahpost {{margin:5px 0px 10px 0px;padding:5px 0;clear:both;}}

.bawahkiri {float:left;width:305px;margin-right:5px;border: 1px solid #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;}
.bawahkanan {float:right;width:305px;border: 1px solid #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;}

3. setelah itu letakan kode di bawah ini tepat di bawah kode <data:post.body/>, Bila sudah menggunakan readmore, Pilih <data:post.body/> yang ke 2.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='bawahpost'>
               <div class='bawahkiri'>
                Kode Widget atau tulisan anda ada di sebelah kiri disini
               </div>
              <div class='bawahkanan'>
              Kode Widget atau tulisan anda ada di sebelah kanan disini
               </div>
    </div>
    </b:if> 
Catatan :
Anda dapat merubah css anda sesuka hati, bila ukuranya tidak sesuai anda bisa merubahnya di width:305px, Contohnya di rubah menjadi 200px maka tinggal edit width:200px.
Sekian tutorial dari saya mengenai : Cara membuat widget/gadget 2/dua kolom di bawah postingan blog atau cara membuat 2 kolom di bawah postingan blog.

22 comments Untuk Cara Membuat Widget 2 Kolom Di Bawah Postingan Blog, Hargai Penulis Dengan Berkomentar...!

  1. Terima kasih caranya.. 100% working.. :D Salam kenal :)

    BalasHapus
  2. ia sama2 mas salam kenal juga ya

    BalasHapus
  3. saya mau coba sob, salam kenal and visit me back

    BalasHapus
    Balasan
    1. okay sob silahkan di coba dan ane juga mau visit blog ente :D

      Hapus
  4. NICE SHARE BRO. THANKS YA.. SALAM KENAL

    BalasHapus
    Balasan
    1. salam kenal juga sob semoga dapat bermanfaat

      Hapus
  5. thanks sob... good luck y
    slam kenal y .asdi

    BalasHapus
  6. Wah keren juga ya kalau buat pasang iklan tapi sayangnya template q tak cari kode gak ada.

    BalasHapus
    Balasan
    1. maaf mas mau nulis kode html disini gag bisa, adakah alamat fb mas?

      Hapus
  7. wah tutorialnya bermanfaat banget. saya coba ah moga aja berhasil.

    BalasHapus
    Balasan
    1. kalau berhasil di blog agan kasih tau ya gan hehhe, kalau di blog saya sih sudah berhasil soalnya sudah saya uji tuh posting

      Hapus
  8. nice info gan.
    kpn2 mampir blog ane ya

    BalasHapus
  9. nice infony gan hehehe akan di coba nih

    BalasHapus
  10. wah mkasih sobat, udah saya coba dan berhasil, thanks buat tutorialnya sobat :)

    BalasHapus
  11. mantap nih gan tutorialnya buat pasang iklan.. trims

    BalasHapus
  12. all@ sama-sama, terimakasih komentarnya dan kunjunganya

    BalasHapus