Membuat Dua Kolom Widget di Blogspot

Diposkan oleh Unknown on 10 April 2013 at 1:00 PM

Membuat Dua Kolom Widget di Blogspot | Tutorial Blog

Kadang template yang kita gunakan tidak sesuai dengan keinginan kita, misalnya kolom widget yang disediakan hanya ada satu padahal kita membutuhkan yang dua kolom, Tutorial kali ini saya buat untuk para blogger yang ingin Membuat Dua Kolom Widget di Blognya.

Dua Kolom Widget / Gadget

Untuk mempercantik blog dengan susunan gadget yang sesuai dengan keinginan Sobat, dalam hal ini jumlah kolom widget, Sobat dapat membuatnya sendiri dan terserah mau meletakkannya dimana, bisa di bawah posting, di atas posting, di bawah header, di dalam sidebar, di bagian footer ataupun di lain tempat.

Berikut Cara Membuat dua Buah Elemen Gadget/Widget :
  • Login Blogger Sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode ]]></b:skin> dengan menekan tombol CTRL+F pada keyboard.
  • Letakkan script berikut ini diatas ]]></b:skin> :
    #box-main-container {
    clear:both;
    }
    .box-column {
    padding:0px 10px 10px 10px;
    border:1px dotted $bordercolor;
    }
    *Anda dapat mengubah padding ( jarak posisi gadget ) 0px 10px 10px 10px maksudnya adalah Jarak ( Atas, Kanan, Bawah, Kiri ).
    *Anda juga dapat merubah border ( garis tepi widget ) dengan warna, caranya hapus $bordercolor dan ganti dengan kode warna yang Anda inginkan.
  • Kemudian cari kode
    •   <div id='main-wrapper'>
    •   <div id='content-wrapper'>
    •   <div id='header'> atau <div id='header-wrapper'>
    •   <div id='sidebar-wrapper'>
    •   <div id='bottom'>
    Keterangan :
    *<div id='main-wrapper'> adalah posisi halaman utama anda. Biasanya dipakai untuk penempatan menu horizontall atau daftar isi sebuah blog.
    *<div id='content-wrapper'> adalah posisi postingan.
    *<div id='header'> adalah posisi kepala. Biasanya ditempatkan judul blog dan deskripsi blog.
    *<div id='sidebar-wrapper'> adalah posisi sidebar blog.
    *<div id='bottom'> adalah posisi paling bawah. Atau Footer Blog Anda.
    Silakan pilih salah satu, mau menempatkannya dimana.
  • Jika sudah didapat atau hampir sama dengan kode diatas, letakkan kode HTML di bawah ini
    <div id="box-main-container"> <div id="box1" style="float: left; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col1" preferred="yes" style="float: left;"> </b:section></div> <div id="box2" style="float: right; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col2" preferred="yes" style="float: right;"> </b:section></div>
    <div style="clear: both;"> </div></div>
    Silakan Anda letakkan di bagian atas atau dibawah salah satu kode tadi.
    *Sebagai contoh saya letakkan dibawah kode <div id='main-wrapper'>
    Dua Kolom Widget / Gadget
    *Hasilnya seperti gambar berikut
    Dua Kolom Widget / Gadget
  • Jika sudah selesai klik Preview / Pratinjau dulu, baru klik Save Template / Simpan Template.
Semoga Tutorial diatas bisa berguna dan bermanfaat...

.:. 235 komentar .:.Post a Comment

  1. mesti teliti niihh bikinnya..mksih bnyak gan infonya..

    ReplyDelete
  2. langsung dicoba aj dah gan,,terimakasih bnyak gan..

    ReplyDelete
  3. biar ga penasaran dicoba dulu dah,,mksh bnyak yaa gan..

    ReplyDelete
  4. nambah ilmu baru niihh..mksh bnyak yaa gan..

    ReplyDelete
  5. terimakasih sudah mau sharing .. thanks

    ReplyDelete
  6. artikelnya benar benar menambah wawasan .. terimakasih

    ReplyDelete
  7. Makasih gan infonya, tapi masalahnya saya ga pake blogspot :D

    ReplyDelete
  8. tanks infonya gann,, artikel ini sangat membantu bagi saya pribadi,
    salam kenal dari : http://www.obatkuat-kamasutra.com/
    salam sukses

    ReplyDelete

  9. informasi yang sangat menambah wawasan saya makasih ga,.

    ReplyDelete
  10. Her posts are very dance gan,,

    ReplyDelete
  11. cool article, thanks gan his info .

    ReplyDelete
  12. thanks for the info may be useful gan

    ReplyDelete
  13. continued success gan, awaited further atikel ..

    ReplyDelete
  14. informasinya luar biasa sangat bermanfaat sekali...
    Banyak sekali ilmu pengetahuan yang saya dapatkan
    Terimakasih banyak atas informasinya ...
    Semoga semakin sukses

    ReplyDelete
  15. trimakasi info, useful ... add to my knowledge ...

    ReplyDelete

  16. thanks for the info may be useful for everyone ..

    ReplyDelete

  17. Her comments come gan article, I think the info is very interesting to observe ...

    ReplyDelete

  18. informasi yang sangat menambah wawasan saya makasih ga,.

    ReplyDelete
  19. Her posts are very dance gan,,

    ReplyDelete
  20. cool article, thanks gan his info .

    ReplyDelete

  21. information is very interesting to observe, hopefully useful,

    ReplyDelete
  22. gan cool info, thanks gan broaden my

    ReplyDelete
  23. success continues to sob, wait again next article,,

    ReplyDelete
  24. Informasinya sangat bermanfaat sekali...
    Banyak pengetahuan saya dapatkan setelah saya menyimak artikel di blog ini...
    Ditunggu postingan selanjutnya...
    Semoga semakin suksesnya....

    ReplyDelete
  25. waah infonya kangat kereeennn gan :p

    ReplyDelete
  26. artikel yang sangat bagus sekali dan tentunya sangat bermanfaat untuk pembaca khususnya saya pribadi, terima kasih salam kenal dan sukses selalu.

    ReplyDelete
  27. setelah saya baca seluruh artikel dan akhirnya saya menemukan apa yang saya cari selama ini. saya ucapkan terima kasih ini semua berkat anda. salam kenal dan salam sukses

    ReplyDelete
  28. artikel yang patut di acungkan jempol, kata-kata yang tersusun rapi jelas dan mudah di mengerti, banyak di butuhkan orang teruma saya pribadi, terima kasih atas segala kebaikan anda yang anda berikan melalui tulisan ini.

    ReplyDelete
  29. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  30. artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu

    ReplyDelete
  31. stelah sayan baca artikelnya sangat menarikkk thanks gan

    ReplyDelete
  32. stelah saya baca memang artikelnya sangat menarik untuk disimak, sukses terus gan

    ReplyDelete
  33. setelah saya menyimak smua isi artikel anda dan saya ucapkan beribu terima kasih, berkat artikel ini, ilmu dan pengetahuan saya jadi bertambuah, semoga bermanfaat. salam kenal gan dari saya.

    ReplyDelete
  34. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  35. artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu

    ReplyDelete
  36. artikel yang sangat bagus sekali dan tentunya sangat bermanfaat untuk pembaca khususnya saya pribadi, terima kasih salam kenal dan sukses selalu.

    ReplyDelete
  37. setelah saya baca seluruh artikel dan akhirnya saya menemukan apa yang saya cari selama ini. saya ucapkan terima kasih ini semua berkat anda. salam kenal dan salam sukses

    ReplyDelete
  38. kwalitas yang penting dalam suatu artikel dan itu ada dalam artikel anda ini, hebat gan. lam kenal dari saya.

    ReplyDelete
  39. artikel yang patut di acungkan jempol, kata-kata yang tersusun rapi jelas dan mudah di mengerti, banyak di butuhkan orang teruma saya pribadi, terima kasih atas segala kebaikan anda yang anda berikan melalui tulisan ini.

    ReplyDelete

  40. infonya sangat menarik banget gan :)

    ReplyDelete

  41. ok dech artikelnya sangat menarikkk gan

    ReplyDelete
  42. waah infonya kangat kereeennn gan :p

    ReplyDelete
  43. infonya benar-benar sangat menarik gan thanks

    ReplyDelete
  44. ditunggu ea gan artikel slanjutnya :)

    ReplyDelete
  45. infonya sangat menariiik banget gan

    ReplyDelete

  46. ikut komen gan,, infonya sangat menarik gan... thanks

    ReplyDelete
  47. makasih infonya sangat membantu, salam sukses

    ReplyDelete


  48. artikelnya sangat menarik untuk dibaca gan sukses terus ea..

    ReplyDelete


  49. informasi yang sangat menarik dan bermanfaat bagi saya thanks gan

    ReplyDelete
  50. ditunggu ea gan artikel slanjutnya :)

    ReplyDelete

  51. infonya sangat menarik gan untuk disimak thanks :)

    ReplyDelete
  52. stelah sayan baca artikelnya sangat menarikkk thanks gan

    ReplyDelete

  53. stelah saya baca memang artikelnya sangat menarik untuk disimak, sukses terus gan

    ReplyDelete
  54. setelah saya menyimak smua isi artikel anda dan saya ucapkan beribu terima kasih, berkat artikel ini, ilmu dan pengetahuan saya jadi bertambuah, semoga bermanfaat. salam kenal gan dari saya.

    ReplyDelete
  55. artikel yang sangat bagus sekali dan tentunya sangat bermanfaat untuk pembaca khususnya saya pribadi, terima kasih salam kenal dan sukses selalu.

    ReplyDelete

  56. makasih infonya semoga dapat bermanfaat untuk semua orang..

    ReplyDelete
  57. artikel yang patut di acungkan jempol, kata-kata yang tersusun rapi jelas dan mudah di mengerti, banyak di butuhkan orang teruma saya pribadi, terima kasih atas segala kebaikan anda yang anda berikan melalui tulisan ini.

    ReplyDelete


  58. makasih infonya semoga dapat bermanfaat untuk semua orang..

    ReplyDelete
  59. ditunggu ea gan artikel slanjutnya :)

    ReplyDelete
  60. setelah saya baca seluruh artikel dan akhirnya saya menemukan apa yang saya cari selama ini. saya ucapkan terima kasih ini semua berkat anda. salam kenal dan salam sukses

    ReplyDelete
  61. stelah saya baca memang artikelnya sangat menarik untuk disimak, sukses terus gan

    ReplyDelete
  62. stelah sayan baca artikelnya sangat menarikkk thanks gan

    ReplyDelete
  63. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  64. artikel yang sangat bagus sekali dan tentunya sangat bermanfaat untuk pembaca khususnya saya pribadi, terima kasih salam kenal dan sukses selalu.

    ReplyDelete

  65. ikut komen ea gan infonya sangat bermanfaat

    ReplyDelete
  66. ikut komentar ea gan infonya sangat bagus

    ReplyDelete

  67. informasi yang sangat menakjubkan gan

    ReplyDelete

  68. infonya sangat menarik gan

    ReplyDelete

  69. kreatif skali bikin artikelnya gan,

    ReplyDelete

  70. sangat menarik sekali infonya untuk saya simak,,

    ReplyDelete
  71. Terimakasih banyak atas infonya sangat bermanfaat sekali...
    semoga semakin sukses....
    Ditunggu artikel berikutnya....

    ReplyDelete

  72. wiih menarik gan artikelnya

    ReplyDelete
  73. saya paling suka berkunjung ke blog ini
    informsinya sangat bermanfaat sekali makasih gan
    atas informasinya...
    semoga semakin susesnya....

    ReplyDelete

  74. Informasi yang unik dan inopatif gan :)

    ReplyDelete

  75. makasih infonya semoga bermanfaat gan

    ReplyDelete

  76. makasih ea gan infonya :P kereenn bangettt

    ReplyDelete
  77. artikel yang sangat bagus sekali dan tentunya sangat bermanfaat untuk pembaca khususnya saya pribadi, terima kasih salam kenal dan sukses selalu.

    ReplyDelete
  78. makasih banyak atas info nya semoga bermanfaat
    dan semoga semakin sukses...

    ReplyDelete

  79. Artikelnya sangat menarik gan

    ReplyDelete
  80. setelah saya baca artikelnya sangat menarik dan menambah pengetahuan saya, sukses terus gan ditunggu artikel selanjutnya

    ReplyDelete
  81. informasi yang menakjubkan dan sangat menarik
    terimakasih info nya sangat bermanfaat
    semoga sukses

    ReplyDelete
  82. menarik sekali artikel yang anda buat
    saya tunggu artikel selanjutnya
    semoga bermanfaat salam sukses

    ReplyDelete
  83. Terimakasih banyak atas info nya
    sangat bermanfaat sekali
    kini pengetahuan saya semakin bertambah
    semnoga semakin sukses nya

    ReplyDelete
  84. terimakasih banyak atas informasinya sangat luar biasa sekali bermanfaat

    ReplyDelete
  85. informasi yang sangat luar biasa sekali menakjubkan
    banyak pengetahuan yang saya dapat
    teimakasih salam sukses

    ReplyDelete
  86. infonya sangat menarik untuk saya simak,, nice infonya gan. sukses terus!!!!

    ReplyDelete
  87. sangat luar biasa informasi yang saya dapatkan
    banyak sekali pengetahuan yang saya dapatkan
    sangat bermanfaat sekali

    ReplyDelete
  88. . artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu

    ReplyDelete
  89. terimakasih banyak atas informasi nya
    semoga bermanfaat dan sukses

    ReplyDelete
  90. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  91. artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

    ReplyDelete
  92. . setelah saya menyimak dari awal hingga akhir, banyak sekali ilmu yang saya terima dari artikel yang anda tulia, semoga tambah bermanfaat ya lam kenal dan sukses selalu

    ReplyDelete
  93. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  94. makasih banyak info nya
    bermanfaat

    ReplyDelete
  95. luar biasa mantap informasi nya
    sangat keren
    semoga semakin sukses

    ReplyDelete
  96. makasih infonya sangat menarik

    ReplyDelete
  97. terimakasih info nya
    sangat membatu dan bermanfaat

    ReplyDelete
  98. artikel nya menarik dan bermafaat
    terimakasih semoga sukses

    ReplyDelete
  99. luar biasa info nya keren dan menakjubkan

    ReplyDelete
  100. makasih info nya
    saya sangat menyukai nya
    semoga sukses nya

    ReplyDelete
  101. . artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

    ReplyDelete
  102. informasi nya menakjubkan sekali
    sangat bermanfaat...
    semoga sukses

    ReplyDelete
  103. terimakasih banyak atas info nya sangat bermanfaat sekali....
    semoga sukses nya... dan bermanfaat

    ReplyDelete
  104. terimakasih banyak atas info nya sangat bermanfaat sekali
    semoga sukses...

    ReplyDelete
  105. Dapat tambahan ilmu dari sini,,,,makasih gan
    Andonesi'S

    ReplyDelete
  106. sangat menarik infonya gan,,

    ReplyDelete

  107. Thanks infonya sangat bermanfaat sekali buat saya, di tunggu ea artikel selanjutnya :D

    ReplyDelete

  108. Informasinya sangat keren....

    ReplyDelete
  109. Informasinya sangat bermanfaat makasih gan,,,

    ReplyDelete
  110. Mantappppp infonya gan thankas ea :D

    ReplyDelete
  111. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  112. tambah 1 ilmu..., luar biasa..!

    ReplyDelete
  113. blogspot memang menarik ya...!

    ReplyDelete
  114. informasi yang sangat menambah wawasan saya makasih ga,.

    ReplyDelete

  115. thanks ea, kerennn bangettt infonya.... sukses selalu ea sob

    ReplyDelete
  116. nice infonya.... sukses terus ea ditunggu artikel selanjutnya!!!

    ReplyDelete
  117. saya gagal gan mohon pencerahannya gan?'

    ReplyDelete
  118. Makasih banyak buat infonya...
    sangat bermanfaat sekali... http://goo.gl/gpxq06

    ReplyDelete
  119. Hebat gaaan!

    ReplyDelete
  120. Sangat bermanfaat sekali, terutama bagi pemula seperti saya

    ReplyDelete
  121. mantap banget deh infonya makasih banyak

    ReplyDelete
  122. cara buatnya mudah sekali makasih infonya

    ReplyDelete
  123. Jago ente Gan....ane bekali - kali kunjung buat belajar kemari, tapi masih belon sukses seh belajar ngedi html....hehe thx gan

    ReplyDelete
  124. Terima Kasih atas informasinya
    Mampir balik Gan... di blog kami
    Sedia Berbagai Macam Aksesoris Handphone, Komputer Dan Lainnya
    Harga Grosir

    http://dasssphone13.blogspot.com/

    ReplyDelete
  125. semoga dapat bermanfaat buat kita semua. Amin . . . . artikelntya sangat bagus sekali. Senang sekali berkunjung ke website anda.

    ReplyDelete
  126. sangat bermanfaat sekali..
    makasih banyak sobat..

    kangan lupa Kunjung balik kesini juga ya >> tutorialblogwiky.blogspot.com

    ReplyDelete
  127. mantap banget deh infonya makasih banyak

    ReplyDelete
  128. ditunggu ea gan artikel slanjutnya :)

    ReplyDelete
  129. teirma kasih banyak karena sudah berbagi berita yang sangat menarik. zaman sekarang sudah jarang menemukan blog yang isinya penuh manfaat seperti ini, keren!!

    ReplyDelete
  130. Terimakasih, artikelntya sangat bagus sekali. Senang sekali berkunjung ke website anda. semoga dapat bermanfaat buat kita semua. Amin . . . . :D :D

    ReplyDelete
  131. menarik dan tentu bermanfaat sekali infonya

    ReplyDelete
  132. bagus sekali informasi yg agan berikan ini. Jelsa sekali sangat menarik dan bermanfaat. thanks gan!! Thanks banget!! ijin share berbagi info :)

    ReplyDelete

 
Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com
Follow
back to top
Home
back to bottom