Berbagi tanpa Batas

Sabtu, 17 Maret 2012

Cara Membuat Widget Subcribe e-Mail Versi 1

with 0 Comment
MalvinShare-Komponen penting yang harus dimiliki sebuah blog itu bermacam-macam, salah satunya adalah Kotak Subcribe e-Mail. Kotak Subcribe e-Mail memungkinkan para pengunjung blog untuk berlangganan artikel yang kita posting kapanpun. Kronologinya mungkin seperti ini, pada saat kita menulis artikel di blog atau web maka otomatis pengunjung yang melakukan subcribe terhadap blog kita akan diberikan sebuah e-Mail pemberitahuan yang berisi tentang sedikit textout tentang posting yang kita tulis tadi, sehingga apabila pengunjung ingin membacanya, maka pengunjung akan otomatis dibawa ke blog yang berisi tulisan kita tadi.

Pada postingan MalvinShare kali ini, tepat berkaitan dengan paparan saya diatas tentang Kotak Subcribe e-Mail, saya akan ngasih tutorial tentang Cara Membuat Widget Subcribe e-Mail Versi 1. Pada tutorial ini, yang wajib teman-teman siapkan adalah feed URL yang sudah di burning, di situs google feedburner. Untuk cara burning feed URL mungkin akan saya jelaskan pada posting berikutnya.

Untuk tampilan, teman-teman bisa lihat pada screenshot dibawah ini.

Tutorial atau Cara Membuat Widget Subcribe e-Mail  Versi 1
1. Login account blogger kamu
2. Pilih rancangan, kemudian klik tambah gadget
3. Selanjutnya pilih HTML/Javascript
4. Masukkan kode dibawah ini
<form style="background:#111 url(http://1.bp.blogspot.com/_hdCUSlyGu-Y/TSLUNhtY5XI/AAAAAAAAACQ/iPyKOM1HrRc/s1600/rss_icon.gif) no-repeat top right;font:normal 11px Arial;border:1px solid #333;padding:5px 5px 5px 10px;text-align:left;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MalvinShare', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Subscribe now for Article daily updates :</p><p><input type="text" style="width:170px" name="email"><input type="hidden" value="MalvinShare" name="uri"><input type="hidden" name="loc" value="en_US"> &nbsp; <input type="submit" value="Send"></p>

<p><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1331751378.html#_=1332050829609&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=MalvinShare&amp;show_count=true&amp;show_screen_name=true&amp;size=m" class="twitter-follow-button" style="width: 270px; height: 20px; " title="Twitter Follow Button"></iframe>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script></p>

<p><a href="http://feeds.feedburner.com/MalvinShare"><img src="http://feeds.feedburner.com/~fc/borneotemplates?bg=FF9900&amp;fg=000000&amp;anim=1&amp;label=listeners" height="26" width="88" style="border:0" alt=""></a></p>
</form>
5. Simpan
6. Selesai

Keterangan :
a. MalvinShare ganti dengan Fedburner kamu
b. MalvinShare ganti dengan Twitter kamu
c. Untuk tulisan "Subscribe now for Article daily updates :" bisa teman-teman ganti dengan tulisan yang teman-teman inginkan

0 komentar:

Posting Komentar

Protect by