Cara Membuat Widget Subscribe Via Email Di Blog

Cara Mudah Membuat widget Subscribe Via Email Di Blog - udah lama ga share tutorial Blogger tips kali ini memasang widget,kenapa saya share tips ini ? karena widget ini saya rasa sangat penting bagi para blogger,karena widget ini bisa membuat para pengunjung setia blog anda mendapatkan update artikel terbaru dari blog memalui email mereka.jadi begini,setiap pengunjung yang mendaftarkan pada widget subcribe ini akan otomatis mendapatkan atau berlangganan setiap ada updatean/postingan terbaru dari blog anda,jadi saya sarankan anda juga memakai widget ini,agar memiliki pengunjung setia di blog anda.

Sebenarnya bisa saja anda langsung mendapatkan widget ini dari feed.burner.com itu sendiri namun saya rasa tampilannya sangat minimalis dan kurang menarik perhatian,yang saya berikan ini pula hanya sederhana tidak istimewa buatan para master blogger,yang ingin langsung memasang nya silahkan ikuti langkah langkah berikut ini.

1. Silahkan anda Login ke akun blogger anda
2. Kemudian Pilih Template
3. Edit HTML
4. Cari Kode ]]></b:skin> Agar Pencarian lebih cepat tekan Ctrl+F,kemudian letakkan kode dibawah ini tepat di atas kode ]]></b:skin>.

.form {
border:0px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:350px; /* panjang form */
height:180px /* tinggi form */
}
.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJncz3UMqCUhZv_chExW9P41YlvZ9UlhAWvTC5YwTsa2M75LxsjAi9vceqFhb6_31eTZG75wJYmGQ6VeAvz2SreWUXlWbBl9DXodYpskM-Bfc65-6P_tOXG0iKTpTMLMFFcUyu626U-f8/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right;
}

Keterangan : Teks yang berwarna MERAH bisa anda ganti dengan gambar sesuai selera,jika perlu.
5. Simpan Template
6. Masuk Kemenu Tata Letak
7. Tambah Widget,kemudian pilih HTML/JavaScript.
8. Masukkan Kode Dibawah ini.

<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoTKjRY0QQSf9tcLOnbxJqck5NmIDPrB6e_3rFC5gFVej984gmdFVtX2-53FOyMkZ8tE5hgtAd3UwKRD99JdNPKd79BHDFeTYLrHbb60ec9PGuQg9DzvxRLk5lFZ_76KCjRVwYA_U72wRf/s1600/small+rss.png" alt="small rss IDFEEDBURNER" title="RSS Feed"/> <a href="http://feeds.feedburner.com/IDFEEDBURNER" rel="nofollow" target="_blank">LANGGANAN ARTIKEL</a></div>

<div style="font-weight:bold; padding:10px 10px;">GET UPDATE VIA EMAIL</div>

<div style="padding-left:10px">Berlangganan artikel via email!</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=IDFEEDBURNER', '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;}" value="Ketik email anda disini..." /> <input type="hidden" value="IDFEEDBURNER" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>

<div style="padding-left:10px"><p><a href="http://feeds.feedburner.com/IDFEEDBURNER" rel="nofollow" ><img src="http://feeds.feedburner.com/~fc/IDFEEDBURNER?bg=FF6600&amp;fg=FFFFFF&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a></p></div>
</div></div>
<a href="http://mr-strawhat.blogspot.com/2013/07/cara-mudah-membuat-widget-subscribe-via.html" target="_blank"><span style="font-size: xx-small;">Get This Widget</span></a>

Keterangan :Ganti Teks yang bewarna Orange dengan ID FeedBurner anda.
9. Simpan

Demikian lah tips kali ini tentang cara mudah membuat widget subscribe via email di blog.jika ada yang di pertanyakan silahkan tanyakan pada kolom komentar.terima kasih semoga bermanfaat.

Share on Google Plus

About SumberUangQu