6.21.2012

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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyor4Vntv6UYVZvW_Xo5BKqeGznxHh_RMCzha9lbHFyWSXwvsDvibkOOd46ScNv8CnjDi_PI8OgzG8yKYjaO4wV4OvwXARkzVuqjlHf2MSipkupv3wq7uAytzTs-D9B1OOwggyXclBfJsi/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghukuNtgKuObl1dMLbrmIiRQ6dCYs_KIt8i0hO55pbe6wSevUmqdFdjis5YY7iDguGxPvNyNFZYaTWcEE2SrACfrRsie-6sXPAKW0_sy-6wouSJceuvD3PO4lPy9aOvFBnWuZXouruo62X/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

0 comments:

Posting Komentar