Membuat Widget Feedburner berlangganan Artikel di Blog


Membuat Widget Feedburner berlangganan Artikel di Blog. Feedburner adalah suatu penyedia pengiriman artikel blog kita ke e-mail yang telah dimasukan. kegunaan widget Feedburner adalah untuk memudahkan para pengunjung dalam melihat Artikel terbaru blog kita, hanya dengan mereka mengisi form berlangganan artikel menggunakan email mereka masing-masing lalu klik subscribe, pengunjung langsung bisa menikmati kiriman artikel secara otomatis setiap ada artikel terbaru yang terbit di blog kita ...

Untuk pengunjung yang ingin menjadi berlangganan artikel Blog kita, kita bisa memasang sebuah widget pada Blog kita yaitu widget berlangganan feedburner. Sebelum memasang widget ini, haruslah anda mempunyai akun feedburner > Feedburner


1. Buka Blogger
2. Pilih Blog sobat dan masuklah kebagian Edit HTML
3. Cari Code yang bernama : ]]></b:skin> lalu letakan code dibawah ini keadas code ]]></b:skin>


.form {
border:1px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:100%; /* panjang form */
height:auto /* tinggi form */
}
.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWQCej4KAhGjeWBogUz12znX6to6XcZ-ywdolOb3hyIl_-L-ykBoMFqCtmZKzsCPfchSZeprU1iux2W6i_q3T2p-gd-oEAAAc_i_aue8GC1w36XAdUrRke0s9jHTZYl12U2kBJfBAT6ds/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right;
}
4. Jika sudah, tekan Simpan Template.
5. Klik Tata Letak , lalu cari tempat yang bagus menurut sobat untuk meletakkan Widgetnya
6. Terus tekan Tambahkan Gadget, dan pilih HTML/JavaScript.
7. Masukan Code dibawah ini ...

<div class='form'>
<div class='rss'>
<div style='font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;'><img alt='small rss bgsblogger' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOZKM0Kmin4NR_RRzrJvyUCwO5JaPxYFYFA92QubBiv8Z8y_KiRl5ANq9L8SLuyMh-a_ghCgtgnqSeADMKpY6jKCoBSpV_vsYCETdZO7vlXAYJXSqipqsDgAtu_A23Q2cWbvmnUYcqpcCX/s1600/small+rss.png' title='RSS Feed'/> <a href='http://feeds.feedburner.com/bgsblogger' 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' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bgsblogger&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><div style='padding-left:10px; padding-bottom:10px; padding-top:10px'><input 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;}' style='width:160px; height:18px' type='text' value='Ketik email anda disini...'/> <input name='uri' type='hidden' value='bgsblogger '/><input name='loc' type='hidden' value='en_US'/><input class='button' type='submit' value='SUBCRIBE'/></div></form>
<div style='padding-left:10px'><p><a href='http://feeds.feedburner.com/bgsblogger ' rel='nofollow'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/bgsblogger?bg=FF6600&amp;fg=FFFFFF&amp;anim=1' style='border:0' width='88'/></a></p></div>
</div></div>

7. Dan ubah bgsblogger menjadi nama feedburner sobat.
8. Langkah terakhir tekan Simpan.

Selesai sudah kita membuat Widget Feedburner.Jika ada yang kurang paham, insyaallah saya akan jawab.
Previous
Next Post »

5 comments

Click here for comments
7 October 2014 at 03:19 ×

Wah mantep widgetnya gan :),
tapi blog saya udah saya pasang duluan T_T

Reply
avatar
7 October 2014 at 04:50 ×

Wkwk,nyimak aja deh kalo gitu ^o

Reply
avatar
7 October 2014 at 04:50 ×

Ya kalau blognya agan buat pengunjung senang, ya pasti mau berlangganan ^:D

Reply
avatar
7 October 2014 at 07:15 ×

menampilkan jumlah pembaca gimana gan?

Reply
avatar

Ketentuan Berkomentar :


* Dilarang menautkan link aktif maupun mempastekan link mati, karena komentar yang disertai promosi URL tidak akan pernah ditampilkan.

* Dilarang berkomentar yang diluar Topik (OOT), promosi, dan komentar-komentar yang anda tidak suka jika hal itu terjadi di blog anda sendiri, karena komentar seperti itu tidak akan pernah ditampilkan. ConversionConversion EmoticonEmoticon

Thanks for your comment