Trik Membuat Kolom Berlangganan Artikel Yang Keren

Assalamu'alaikum.Wr.Wb | Lama gak update, karena lagi sibuk di kegiatan sekolah. Membuat saya kangen untuk menulis postingan lagi di blog kesayangan ini. Oya! Hari ini saya ingin menulis postingan yang pernah di request sebelumnya oleh salah satu pengunjung BoyTrik. Udah lama sih requestnya, tapi semoga kebayar deh. Requestnya seperti ini:
"request juga y artikel berlangganan kyk punya blog ini juga" di Postingan Cara Memasang Widget Artikel Terkait Dengan Gambar

Saya merasa sangat terhormat untuk menjawab request dari mas Arimurti, untuk saya gak mau panjang lebar. Sekarang langsung aja ke cara membuat kolom berlangganan artikel keren punya blog ini. Oya untuk contoh bisa anda lihat screenshoot di bawah ini:

  1. Masuk ke Dasboard
  2. Kemudia pilih RANCANGAN
  3. Pilih TAMBAH GADGET kemudian pilih HTML/JAVASCRIPT
  4. Masukan Kode Script Di bawah ini
  5.  <right><style> .form{border:opx solid #d8d8d8;background:#fff padding:0px;width:310px;height:200px;-moz-border-radius:6px}.rss{background:url("http://3.bp.blogspot.com/_C6KkooKXCEw/SdzycInYPWI/AAAAAAAAEIQ/-wCtpr_KsfM/s400/feedreader_2.jpg") no-repeat top right}.button{background:#9b9b9b;color:#FFF;font-size:11px;font-family:Arial,Tahoma,Verdana;margin-left:5px;border:1px solid #fff;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:0px} </style> <div class="form"> <div class="rss"> <div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><a href="http://feeds.feedburner.com/boytrik"><img src="http://lh6.ggpht.com/_15FopxVONSo/SSwFpjxP6BI/AAAAAAAAA3I/0GCim8O1rZ0/s144/rss%20feed%20icon.gif" /></a> <a href="http://feeds.feedburner.com/boytrik">LANGGANAN GRATIS VIA RSS</a></div> <div style="font-weight:bold; padding:10px 10px;">LANGGANAN GRATIS VIA EMAIL</div> <div style="padding-left:10px">Jika anda suka dengan artikel di blog ini. Silahkan berlangganan GRATIS via EMAIL. Isi alamat email anda di bawah ini!!</div> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=boytrik', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}" onfocus="if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value="boytrik" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="LANGGANAN" /></div></form> <div style="padding-left:10px"><a href="http://feeds.feedburner.com/boytrik"><img src=" http://feeds.feedburner.com/~fc/Boytrik?bg=99CCFF&amp;fg=444444&amp;anim=0&amp;label=listeners" width="88" height="26" style="border:0" alt="" /></a></div> </div></div></right>

Perhatian:
Biru: ganti dengan Feed Blog anda

24 Responses to "Trik Membuat Kolom Berlangganan Artikel Yang Keren"

  1. trims banyak kang buat tutor caranya nanti coba dulu caranya,,, sukses terus dan sehat lalu..oke ,saya jadi komentar pertama dlm post ini ,

    BalasHapus
  2. Akhirnya di posting juga kode kotak berlangganan kayak punyanya boytrik ini. Saya sdh niat mau tanyakan kodenya tu hari tapi lupa terus coz lagi sibuk blogwalking ke luar negeri sob. Biasa rutinitas untuk cari2 tips baru. :D

    Mantaplah sdh share kodenya. Izin copy kodenya ya sob untuk menambah koleksi kode widget saya...

    BalasHapus
  3. bagus juga ini tapi kira2 kalau di pasang di wo bisa nggak yah

    BalasHapus
  4. Terima kasih atas artikelnya.
    o iya selama saya jelajah mencari ilmu dengan blogwalking, menurut saya

    anda memiliki kelebihan tersendiri dari situs-situs lain dan jujur potensi

    anda juga sangat bagus, banyak juga ilmu yang saya pelajari disini jika ada

    waktu saya akan berkunjung lagi.

    ditunggu kunjungan baliknya :D


    #Semoga sehat selalu :D

    BalasHapus
  5. wah, makasih triknya, saya edit beberapa di t4 saya.
    makasih....

    BalasHapus
  6. weh.. mantap Gan... boleh juga neh... ijin save dulu... ntar bisa di coba...

    Salam Blogger

    BalasHapus
  7. Waw... Mantappp...
    100Persen Work..

    BalasHapus
  8. Wah Keren Kang sudah saya Coba, Mantap... :D

    BalasHapus
  9. tambah ilmu lagi... makasih yah sobat.

    BalasHapus
  10. tanks gan inponya,, ijin pasang!!!
    bri kritikan n saran pda blog ane ini
    www.andragembara.blogspot.com
    soalnya ane masih newbie

    BalasHapus
  11. ikutan gan, saya suka ni dengan artiket yang seperti ini, karena saya secara tidak langsung bisa belajr dari artikel ini..

    http://m-a-satrio.blogspot.com

    BalasHapus
  12. thanks gan untuk infonya, meskipun di lihatnya sangat rumit, tetapi apabila sudah di masukkan ke blog ternyata tidak serumit yang kita bayangkan . . .

    BalasHapus
  13. kalo yang menggabungkan share facebook juga disana gimana caranya ya

    BalasHapus
  14. thanks sob . sudah berhasil , keren! ^_^

    BalasHapus
  15. Terima kasih infonya, patut dicoba nih...

    SALAM

    BalasHapus
  16. sip gan,ne udah tak coba dan berhasil,makasi gan ya,,salam kenal,kalo ada waktu,mampir gan ya

    BalasHapus
  17. artikelnya sangat bagus sob. Ana mau nitip iklan blog ana sob. kalo tak suka komen ana boleh di delete :) syukron sebelumnya.

    kalo ada yg punya masalah seputar fiqih silahkan meluncur ke http://fiqihimam.blogspot.com/

    BalasHapus
  18. makasih banyak gan infonya.. bisa saya gunakan di blog saya ne..

    BalasHapus

Terimakasih ya udah repot-repot berkunjung kesini. Dan sebagai tanda jejak, dengan senang hati saya menerima setiap Komentar dari Anda. Dan bagi Anda yang Blogger, boleh menyematkan LINK di Namanya, biar Nanti saya bisa berkomentar Balik Keblog Anda!!!