Ticker

6/recent/ticker-posts

Subscription Email Form Untuk Blogger Dengan RSS Feed

Abe Nick Julai 23, 2010
Kali ini saya akan mengajar anda bagaimana untuk membuat Subscription Email Form Untuk Blogger Dengan mudah.






Sebelum melakukan tutorial ini anda perlu burn feed anda di www.feedburner.com

Dan ikut tutorial dibawah,

  1. Pergi ke Blogger > Design
  2. Klik Add a Gadget atau Add a Page element
  3. Pilih HTML/JavaScript Widget
  4. Masuk Code dibawah ini di Gagjet anda,


<a href="http://feeds2.feedburner.com/TntByStc" rel="alternate" title="Subscribe now to avail the unthinkable" type="application/rss+xml"><img border="0" alt="" style=" padding-bottom:20px; margin: 0pt 10px 10px 0pt; float: left; width:100px; height:100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmo08g36my6ersUPk6Vxb7y-sDU3lq2cnZ5i9s7VD8oTtBOFM1ahGqSQtVqzoYl1mhfGbkV9aQAhtqyuY2bt6gEdPcQbnoF8PE1rZ6l5j8otRgvL9MLJ5aLNFX6wsIy1hYHBLCJiqk7Eya/s400/MBT-RSS-FEED.gif"/></a><p><a href="http://feeds2.feedburner.com/TntByStc" rel="alternate" title="Subscribe to my feed" type="application/rss+xml">Join the team! </a><span style="color: #5C6AA4; font-weight: bold;">By Submitting your email address:</span></p>
<style>
input.mbt1 {
color:#fff;
font: bold 10px Arial, sans-serif;
background:#F39100;
border:0;
padding:3px;
}
input.mbt1hov {
color:#fff;
font: bold 10px Arial, sans-serif;
border:2px solid #F39100;
padding:3px;
}
</style>
<form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px; " target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TntByStc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style=" color:#5C6AA4; background: #fff; border:1px solid #5C6AA4; width: 90px;" name="email" type="text"/><input value="TntByStc" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/> <input onmouseover="this.className='mbt1 mbt1hov'" onmouseout="this.className='mbt1'" value="GO!" class="mbt1" type="submit"/></form><br/>




Sekarang anda perlu perkara penting iaitu tukar untuk custome widget.

  • Tukar http://feeds2.feedburner.com/TntByStc dengan Feed URL anda dan anda perlu tukar TntByStc seperti tajuk Feed dibawah ,

http://feeds2.feedburner.com/Paste-Your-Feed-Title-here

  • untuk tukar RSS Feed Icon anda perlu tukar URL dibawah ini dengan url gambar anda,

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmo08g36my6ersUPk6Vxb7y-sDU3lq2cnZ5i9s7VD8oTtBOFM1ahGqSQtVqzoYl1mhfGbkV9aQAhtqyuY2bt6gEdPcQbnoF8PE1rZ6l5j8otRgvL9MLJ5aLNFX6wsIy1hYHBLCJiqk7Eya/s400/MBT-RSS-FEED.gif


Itu sahaja. Tekan Save dan Lihat Widget anda

Catat Ulasan

0 Ulasan