Widget Subscribe Keren

Sobat pasti udah pada tau apa ke gunaan dari memasang kotak Subscribe di blog?
Yah benar sekali seperti yang saya jelaskan kemarin-kemarin kegunaan  memasang Subscribe atau form berlangganan adalah untuk mendapatkan pembaca setia dari blog kita.

Dan kali ini saya akan bebagi Widget Subscribe Keren yang bisa sobat gunakan di blog sobat, untuk demonya ya pasti saya tidak memberikan karna ini hanya widget jadi tidak perlu demo, tapi saya telah menyediakan simple gambarnya di sebelah agar sobat tau Widget Subscribe Keren seperti apa yang saya maksudkan.

Udah ngelihat gambarnya kan, gimana sobat berminat memasangnya di blog sobat? kalo iya sekarang mari kita bahas caranya.

1. Masuk ke akun blogger sobat.

2. Pada Dasbor klick Rancangan ➨ Tambah Gadget (di bagian manapun sobat ingin widget ini muncul)

3. Lalu pilih elemen HTML/Java Script.

4. Selanjutnya sobat copy kode di bawah ini dan paste atau letakkan di dalam elemen HTML/Java Script tadi.

<style> .form {border:1px solid #ccc; background:#fff; padding:3px; width:300px; height:178px} .rss {background:url("https://lh6.googleusercontent.com/-mstEja_NzCg/T21GQuoGxgI/AAAAAAAAByA/ApyfawPuJfE/s128/Newspaper_Feed_128x128.png") no-repeat top right} .button {background:#069; color:#fff; font-size:11px; font-family:Arial,Tahoma, Verdana; margin-left:5px; border:1px solid #234b69; padding:3px 5px 3px 5px; font-weight:bold}  </style> <div class="form"> <div class="rss"> <div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2muHv-AHOmD0nrG-PpAcGhu1AtOBHznbPcijQ9mYt6hpdJoBs04ALiCz1lIVCHfDCJcfA6gx4aiD0JIf-3eZkhu3E3-XTW3H8J3Z5HttYiCSmfreHRxK_wKjbQKvEkyompTwEiWim0kO-/s800/005.png" /></a> <a href="http://feeds.feedburner.com/otowebsite">Dapatkan Artikel Terbaru Via RSS</a></div> <div style="font-weight:bold; padding:10px 10px;">Artikel Terbaru Via Email</div> <div style="font-color: black; padding-left:10px">Dapatkan kiriman artikel terbaru dari blog ini langsung ke email Anda.!!!</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=otowebsite', '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 == "") {this.value = "Ketik email anda disini...";}" onfocus="if (this.value == "Ketik email anda disini...") {this.value = ""}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value="agungtalaga" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="button" type="submit" value="Subcribe" /> </div> </form> <div style="padding-left:10px"><a href="http://feeds.feedburner.com/otowebsite" target="_blank"> <img src="http://feeds.feedburner.com/~fc/otowebsite?bg=000000&fg=FFFFFF&anim=1&label=listeners" height="26" width="88" style="border:0" alt="" /></a> </div></div></div>

5. Simpan.

Keterangan :
Ganti warna merah dengan id feedburner sobat.

Mudah bukan !

Oke saya rasa cukup untuk kali ini, silahkan tinggalakn tanggapan atau komentar sobat tentang postingan atau articles di atas !