Membuat Widget 2 Kolom dibawah Postingan

widgetMembuat Widget 2 Kolom dibawah Postingan | Postingan kali ini adalah membahasa bagaimana membuat iklan di bawah postingan yang bisa kita sejajarkan dengan artikel terkait atau yang lainnya. Kebetulan ada sobat yang menanyakan cara membuatnya, semoga bisa bermanfaat buat sobat Ferry Nurse dan sobat yang lain.
Tutorial ini sebenarnya sudah banyak betebaran di blog para master, namun itung-itung sebagai arsif blog ini, saya coba share kembali disini.
Sebenarnya kenapa kita bisa menaruh iklan di samping artikel terkait atau mungkin yang lainnya, karena di bawah postingan terdapat widget 2 kolom. Ini sedikit berguna jika template kita tidak ada lahan untuk menyimpan widget lagi. Cara membuatnya cukup mudah. Berikut ini caranya :

Login ke blogger dengan ID sobat
Klik Tata Letak
Klik Tab Edit HTML
Silahkan backup dulu sebelum melakukan editting template dengan klik Download Template Lengkap, karena ini tidak bisa di review kecuali sudah disimpan. Klik kotak kecil disamping tulisan Expand Widget Template.

Carilah kode ]]></b:skin>, lalu copy paste kode di bawah ini persis diatasnya :

.bawahkiri {float:left;width:230px;margin-right:2px;border: 0px solid #EFF0F1; padding: 2px; background: #ffffff;-moz-border-radius:2px;}

.bawahkanan {float:right;width:300px;border: 0px solid #EFF0F1; padding: 2px; background: #ffffff;-moz-border-radius:2px;}

Lalu carilah kode : <data:post.body/>, jika di blog sobat sudah terdapat readmore, biasanya kode ini terletak  yang kedua, atau silakan coba-coba saja dulu.

Kemudian copy paste kode di bawah ini persis di bawahnya :


<div class='bawahpost'>

           <div class='bawahkiri'>

            Kode sebelah kiri disini

           </div>

          <div class='bawahkanan'>

          Kode sebelah kanan disini

           </div>

</div>


</b:if>

Klik tombol SIMPAN TEMPLATE.

Keterangan :
- Silakan atur width sesuai dengan lebar template.
- Kode sebelah kanan dan kiri bisa diisi sesuai selera.
- Jika diisi dengan iklan, jangan lupa untuk mem-PARSE terlebih dahulu.

Demikian semoga bisa bermanfaat, jika terjadi kegagalan silakan bisa di tanyakan kepada para masternya.



Next Post Previous Post
65 Comments
  • dan
    dan November 29, 2012 at 4:35 PM

    blog ane juga sudah dalam kondisi seperti ini sob.... keren..

    • Download Software Full Version Free Crack Keygen Patch Serial
      Download Software Full Version Free Crack Keygen Patch Serial November 29, 2012 at 10:31 PM

      Kalau punya aku gak yang dulu seperti ini.

      oh iya, templetenya ganti ya kak, lm g main kesini kok udah beda, mirip punya kak arif putra yunar nih ?

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:14 AM

      @usrandante : iya sob makasih, tempaltenya memnag sudah punya bawaan dari authornya, waktu saya pake tempplate itu malah saya buang, sudah rame hihi...

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:15 AM

      udah lama gantinya kok, ah masa yah, coba deh nanti maen kesana, ini kan template gratisan, jadi siapa saja boleh make hihi...

  • Dini Haiti Zulfany
    Dini Haiti Zulfany November 29, 2012 at 5:22 PM

    wookeh.. untuk sekarang, berhubung kayaknya blog saya udah lumayan berat sama widget kanan, yang di bawah2 di tahan dulu sampe pengen ganti template lagi hehe

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:15 AM

      wokeh silakan mba, trims silaturrahimnya:}

  • Staff Administrator
    Staff Administrator November 29, 2012 at 5:25 PM

    ga ada link parse nya sekalian ya mas Mur.... :)

  • Staff Administrator
    Staff Administrator November 29, 2012 at 5:25 PM

    ga ada link parse nya sekalian ya mas Mur.... :)

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:16 AM

      untuk link parse silakan bisa lihat menu bar di blog ini bang...

    • Staff Administrator
      Staff Administrator December 1, 2012 at 5:54 PM

      owh....ok deh...sip...mas :)

  • Seo
    Seo November 29, 2012 at 5:43 PM

    Wah bisa langsung dicoba nih gan?

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:16 AM

      silakan sob, trimakasih:}

  • Abed Saragih
    Abed Saragih November 29, 2012 at 6:52 PM

    Mas ada demonya biar lebih taw :)

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:17 AM

      demonya silakan lihat di bawah postingan ini sobat, saat ini saya pake 2 kolom..

    • Abed Saragih
      Abed Saragih November 30, 2012 at 3:10 PM

      Oh...gitu bentuknya ya Mas,,trims ini kalau ada perlu nanti saya ikuti tutor dari Mas.Mudahan aja ada iklan yang datang biar dibuat macam tutor Mas ini :)

  • Limit Komputer
    Limit Komputer November 29, 2012 at 7:24 PM

    blog sya sdh ada bang ...3 kolom ge

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:18 AM

      kalo ini beda lagi sobat, ini persis di bawah postingan...

  • Ferry Nurse
    Ferry Nurse November 29, 2012 at 8:52 PM

    Makasih sobat requestnya saya langsung dipenuhi. Sebenarnya ini akan digunakan untuk mengurangi widget kanan saya yang sudah terlalu banyak. Saya bookmark dulu sobat nanti setelah saya berhasil memasangnya tentunya saya akan kabari.

    Saya sudah banyak mencari sebenarnya referensi membuat widget 2 kolom seperti di atas tetapi belum berhasil juga. kalau melihat penjelasannya mudah dimengerti dan semoga pula dipraktekkannya berhasil.
    Sekali lagi terima kasih sahabat atas berbagi ilmunya ini

    • Ferry Nurse
      Ferry Nurse November 29, 2012 at 11:15 PM

      Alhamdulillah setelah mengotak-atik beberapa lama berhasil juga sobat.
      Terima kasih saya ucapkan sekali lagi atas bantuan tipsnya ini

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:19 AM

      alhamdulillah kalo sukses sob, trimakasih :}

  • Anonymous
    Anonymous November 29, 2012 at 9:11 PM

    BGUS JUGA TAPI BLOGKU DAH TERLALU BANYAK WIDGETNYA

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:19 AM

      okeh sobat, trimakasih silaturrahimnya

  • zachflazz
    zachflazz November 29, 2012 at 9:59 PM

    oh gitu ya caranya. hehe.. saya masih tulalit kalo soal ginian.

    • Mang Lembu
      Mang Lembu November 29, 2012 at 11:29 PM

      kang zach :semua sudah dengan jalannya masing2 kang...hehee

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:20 AM

      ah saya ge belum bisa kang, ini mah sekedar sharing wae, semoga bermanfaat...

    • zachflazz
      zachflazz November 30, 2012 at 5:16 PM

      pasti bermanfaat, saya jadi belajar nih Mas. bener kata Kang Cilembu, jalannya sendiri2, hehe

  • Blog Motivasi
    Blog Motivasi November 29, 2012 at 11:11 PM

    Disimpan dulu bang widgetnya, nanti jika diperlukan saya bongkar lagi.

    Sukses selalu untuk abang.

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:20 AM

      silakan sobat, trimakasih silaturrahimnya

  • Desa Cilembu [Ubi Cilembu]
    Desa Cilembu [Ubi Cilembu] November 29, 2012 at 11:36 PM

    punya saya malah ngga pake dua kolom kang, tapi tak atur Panjang dan Lebar widgetnya azh, akibatnya jadi berat load nya...kolo edit HTML umumnya loadingnya ngga gitu ngaruh...pasti lebih asik tutorial ini nih.
    siplah...moga jadi pahala.
    salam sehat selalu

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:21 AM

      makasih kang, salam sehat juga buat ubi cilembu, semoga makin sukses:}

  • Asuka
    Asuka November 30, 2012 at 5:14 AM

    Ooh. Saya juga mau pasang sob. Thanks.

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:22 AM

      oke silakan sobat, trims:}

  • Jane Doe
    Jane Doe November 30, 2012 at 5:50 AM

    Terima kasih tutornya pak. :) sangat membantu

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:22 AM

      sama sama, saya juga banyak belajar dari sobat:}

  • lang lang blog
    lang lang blog November 30, 2012 at 7:03 AM

    punyak saya malah pakai tiga kolom, meyesuaikan lebar halaman posting agar kelihatan lebih rapi, begitu ya sob

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:23 AM

      yang ini persis dibwah postingan sobat, mungkin sedikit berbeda...

  • Admin
    Admin November 30, 2012 at 9:06 AM

    kenapa gak buat skalian mobile template bang. Biar gw ikutan icip2.kwkwk

    • Kang Muroi
      Kang Muroi November 30, 2012 at 9:24 AM

      wah kalo saya bukan masternya bikin template sob, mungkin nantilah belajar dulu hihi...

  • Aw
    Aw November 30, 2012 at 10:03 AM

    ijin nyimak kakak xD kapan2 gue coba deh heheh ^^

    • Kang Muroi
      Kang Muroi November 30, 2012 at 10:49 AM

      silakan, trimakasih kunjungannya

  • intan panjaitan
    intan panjaitan November 30, 2012 at 10:42 AM

    Kalau widget 2 kolom ini biasanya untuk apa mas gunanya?

    • Kang Muroi
      Kang Muroi November 30, 2012 at 10:50 AM

      widget ini persis dibawah postingan, terserah mau diisi apa saja, bisa iklan, artikel terkait, email subcribe ato apalah sesuai selera....

  • Annur Shah
    Annur Shah November 30, 2012 at 12:53 PM

    kapan2 aku nyoba, soalnya lagi galau sama blogku gak mau ada lamannya. hehee... jadi pas aku pengn naruh pasti gak bsa

    • Kang Muroi
      Kang Muroi November 30, 2012 at 5:33 PM

      silakan, semoga ilang galaunya...

  • Limit Post
    Limit Post November 30, 2012 at 1:55 PM

    wahh kebetulan bang muro'i sya lagi nyari ini nih buat naro iklan hehehe :D

    • Kang Muroi
      Kang Muroi November 30, 2012 at 5:35 PM

      oke sob, silakan jika mau pasang, selamat utak-atik hihi...

  • Mohammad Fanirifanto
    Mohammad Fanirifanto November 30, 2012 at 5:13 PM

    Hadir bang ...
    Ini widget tampil di bawah postingan jejer gitu ya bang.. ?
    Tak bookmark dulu aja.. sp tahu ntar butuh... makasih bang..

    • Kang Muroi
      Kang Muroi November 30, 2012 at 5:36 PM

      iya bang, jadi sejajar, untuk menghemat lahan sih,makasih kunjungannya...

  • Andy
    Andy December 1, 2012 at 6:34 AM

    Lebih suka minimalis mas,kalau saya pribadi soalnya biar reader juga kagak ribet buat lalu lalang'a :)

    • Kang Muroi
      Kang Muroi December 1, 2012 at 3:19 PM

      oke sobat, makasih kunjungannya

  • Asuka
    Asuka December 1, 2012 at 8:43 AM

    Mampir lagi kawan. Nunggu artikel terbaru. . .

    • Kang Muroi
      Kang Muroi December 1, 2012 at 3:20 PM

      makasih sudah mampir lagi sob..:}

  • arief
    arief December 1, 2012 at 9:33 AM

    Bookmark dulu ah, sapa tahu nanti perlu. Thanks

    • Kang Muroi
      Kang Muroi December 1, 2012 at 3:21 PM

      silakan sobat, trims silaturrahimnya, semoga manfaat

  • Icahbanjarmasin
    Icahbanjarmasin December 1, 2012 at 11:34 AM

    Wahh makin mantef tuh bang Muro'i kalo ditambah,ntar aku coba2 dech..hahhahyy

    • Kang Muroi
      Kang Muroi December 1, 2012 at 3:22 PM

      silakan bang, abang sepertinya lebih master hihi..

  • Asep Haryono
    Asep Haryono December 1, 2012 at 12:44 PM

    Menarik sekali ini. Saya pelajari dulu scriptingya. Mau dicoba dalam waktu dekat ini Insya Allah. Terima Kasih sudah sharenya

    • Kang Muroi
      Kang Muroi December 1, 2012 at 8:42 PM

      silakan sob, semoga bermanfaat:}

  • Unknown
    Unknown December 1, 2012 at 6:16 PM

    jadi kaya majalah korang gitu ya sob kolom postingnya,,

    • Kang Muroi
      Kang Muroi December 1, 2012 at 8:41 PM

      wah ini bukan kolom postingan, tapi widget dibawah postingan

  • cerita anak kost
    cerita anak kost December 2, 2012 at 5:39 AM

    ehm.... mungkin lebih enak di sertakan gambar gan. soalnya ane dari HP, agak bingung juga kalau tidak melihatnya langsung. ehm... cek versi aslinya dah :D

  • Benny Dwi
    Benny Dwi December 2, 2012 at 5:45 PM

    wah keren gan, semoga buat blogger yang bingung caranya bisa jadi tau karena artikel nya sobat ini hehe :D

  • Yogi Prasetian
    Yogi Prasetian December 6, 2012 at 7:08 AM

    Mantap gan tutor nya..
    Izin praktek ya gan..

  • Yogi Prasetian
    Yogi Prasetian December 6, 2012 at 7:10 AM

    Mantap gan tutor nya..
    Izin praktek ya gan..

  • Blogger Gubug
    Blogger Gubug April 19, 2013 at 3:18 PM

    ijin praktik mas, makasih :)

Add Comment
comment url