Skip to main content

Cara Membuat Widget Berlangganan Feedburner di Blog

Cara Membuat Widget Berlangganan Feedburner di Blog - Kali ini saya akan mengajarkan kepada anda Cara Membuat Widget Berlangganan Feedburner di Blog.

Feedburner adalah layanan umpan/feeds web dari Google. Penggunaan layanan Feedburner ini bermanfaat sekali untuk SEO pada Web/Blog yang kita miliki. Selain itu dengan Feedburner ini kita juga dapat memperoleh lebih banyak pengunjung di Web/Blog kita. Merekapun dapat berlangganan artikel melalui Email, jadi jika kita membuat artikel baru artikel secara otomatis akan dikirim ke alamat email yang telah terdaftar di Feedburner.



Feedburner sebenarnya sudah ada di Daftar Widget TataLetak Blogger tetapi kurang menarik pengunjung untuk berlangganan artikel.
Gambar Widget yang ada di Blogger:

Berikut adalah langkah-langkah Cara Membuat Widget Berlangganan Feedburner di Blog:

1. Login ke Blogger.
2. Masuk ke Template dan klik Edit HTML.
3. Carilah kode ]]></b:skin> . Untuk mempermudah pencarian tekan Ctrl+F dan letakan kode berikut di atas kode ]]></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("http://3.bp.blogspot.com/-EWx9xwU4s-k/UwhTX5SUl1I/AAAAAAAACo8/KlmD0LfApEM/s1600/Membuat+Widget+Berlangganan+Feedburner+Di+Blog.png") no-repeat top right;
}
4. Simpan Template.
5. Selanjutnya MASUK Tata Letak.
6. Klik Tambahkan Gadget dimana saja posisinya.
7. Pilih HTML/Javascript dan masukanlah 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="http://1.bp.blogspot.com/-FOGTDw0Cxh8/TwXY4E-RYeI/AAAAAAAAAU0/EmR05E07EHc/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>
NB: Kode berwarna Merah ubah dengan ID Feedburner anda yang ada Blog Anda.

8. Silahkan Simpan... 

Jika anda sudah mengikuti langkah-langkahnya dengan benar hasilnya akan seperti gambar di bawah ini:
KLIK DISINI UNTUK DOWNLOAD



Comments

Popular posts from this blog

Cara memasang tombol follow dan dashboard di blog

Cara memasang tombol follow dan dashboard di blog Log in ke akun blog sobat. Klik rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript. Masukkan kode berikut pada kotak yang sudah tersedia. <div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID= 3317277797834091679 " target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left

Versi Teks Dragon Ball Z Episode 200 Bagian 3

Sebelumnya : Dragon Ball Z Episode 200 Bagian 2 "Hei Videl, apa menurutmu dia lebih kuat dari ayahmu?" Teman gadis di sebelah kirinya bertanya. "Jangan bodoh, ayah Videl adalah Mr.Satan, penyelamat Bumi!" ucap siswa yang duduk di depan Videl. "Tak seorangpun di dunia ini yang lebih kuat darinya." Setelahnya, pak guru masuk kelas. Videl kembali duduk di kursinya, dan pelajaran akan segera dimulai. Namun sebelum itu, pak guru hendak memperkenalkan seorang siswa baru. ya, dia tak lain adalah Son Gohan. "Selamat pagi semuanya, hari ini kita kedatangan mahasiswa baru. Silakan masuk." "Perkenalkan, namaku Son Gohan. Senang bertemu dengan kalian." "Wah, tampan sekali, dia adalah tipeku." ucap teman Videl. "Gohan? nama yang aneh." ucap siswa di depan Videl. Sejenak Videl terdiam, dan kemudian teringat kalau, "Sepertinya aku pernah bertemu dengannya." "Fufufu, dia terlihat seperti seorang kutu buku." ucap

The Dark Knight Rises Apk Game Android

download Game The Dark Knight Rises Free Android Anda pasti sudah mengenal super hero yang satu ini, ya Batman si manusia kelelawar. Cerita Komik yang sudah diadaptasi kedalam berbagai hal, mulai dari film kartun hingga layar lebar ini kini tersedia dalam bentuk game untuk android. dalam game The Dark Knight Rises anda akan memerankan diri sebagai BATMAN untuk menyelamatkan kota tercintanya: