Cara
membuat widget Feedburner/ kotak berlangganan artikel Blog
Cara membuat widget
Feedburner/ kotak berlangganan artikel Blog. Feedburner adalah
salah satu penyedia pengiriman artikel blog kita ke alamat e-mail yang telah
didaftarkan. kegunaan widget Feedburner adalah untuk memudahkan para pengunjung
dalam meng-update seluruh informasi terbaru yang terbit di blog kita, karena
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
tanpa harus membayar sepeser pun, alias gratis.
widget Feedburner
Untuk mempermudah pengunjung yang ingin menjadi pembaca berlangganan artikel Blog kita, kita bisa memasang sebuah widget pada Blog kita yaitu widget berlangganan feedburner. Sebelum memasang widget ini, pastinya terlebih dahulu sobat harus mendaftarkan Blog ke Google Feedburner.
Sebelumnya juga seocips.com telah membagikan widget berlangganan Flat UI design Style.
Widget seperti ini pernah saya pasangkan di Adasenze Template.
Membuat Widget Feedburner di
Blog
1. Login ke akun Blogger sobat.
2. Masuk ke bagian Template dan klik Edit HTML.
3. Dengan Menggunakan tombol ctrl+F, carilah kode ]]></b:skin> 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXtfsdhqnq7PhTi9jEsfRfdW2KJZ3mAKUOPHcQfCgUcAryjCRbdcJhAVh5Hqo-2X9hQzB6l-fSo_HnNBcBW5zru5Sl-DIcv3WiwH_zcSuRaGL6J4ozddTl7XI_QjIpf4YlEF38pPbde6s/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right;
}
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/AVvXsEhXtfsdhqnq7PhTi9jEsfRfdW2KJZ3mAKUOPHcQfCgUcAryjCRbdcJhAVh5Hqo-2X9hQzB6l-fSo_HnNBcBW5zru5Sl-DIcv3WiwH_zcSuRaGL6J4ozddTl7XI_QjIpf4YlEF38pPbde6s/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right;
}
4. Jika telah selesai, maka klik Simpan Template.
5. Selanjutnya masuk ka bagian Tata Letak.
6. Klik Tambahkan gadget di posisi yang sobat inginkan.
7. Pilih mode HTML/Javascript dan masukanlah kode berikut.
<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 seocips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDh47XpdZ7l2C0Tx2ilWrySG1VC6Q1byAD-fWYmEETC99rl2O2hKa1cdFUfL_praNAjed-D8pkzk5ceLoXvM4gUgOKlWuujhDpMTyV1c1D7vrc_gJhwJh9jqFtWIQEwgB5ZMjPDVRgRw4W/s1600/small+rss.png' title='RSS Feed'/> <a href='http://feeds.feedburner.com/seocips' 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('http://feedburner.google.com/fb/a/mailverify?uri=seocips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><div style='padding-left:10px; padding-bottom:10px; padding-top:10px'><input name='email' onblur='if (this.value == "") {this.value = "Ketik email anda disini...";}' onfocus='if (this.value == "Ketik email anda disini...") {this.value = ""}' style='width:160px; height:18px' type='text' value='Ketik email anda disini...'/> <input name='uri' type='hidden' value='seocips'/><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/seocips' rel='nofollow'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/seocips?bg=FF6600&fg=FFFFFF&anim=1' style='border:0' width='88'/></a></p></div>
</div></div>
<div class='rss'>
<div style='font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;'><img alt='small rss seocips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDh47XpdZ7l2C0Tx2ilWrySG1VC6Q1byAD-fWYmEETC99rl2O2hKa1cdFUfL_praNAjed-D8pkzk5ceLoXvM4gUgOKlWuujhDpMTyV1c1D7vrc_gJhwJh9jqFtWIQEwgB5ZMjPDVRgRw4W/s1600/small+rss.png' title='RSS Feed'/> <a href='http://feeds.feedburner.com/seocips' 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('http://feedburner.google.com/fb/a/mailverify?uri=seocips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><div style='padding-left:10px; padding-bottom:10px; padding-top:10px'><input name='email' onblur='if (this.value == "") {this.value = "Ketik email anda disini...";}' onfocus='if (this.value == "Ketik email anda disini...") {this.value = ""}' style='width:160px; height:18px' type='text' value='Ketik email anda disini...'/> <input name='uri' type='hidden' value='seocips'/><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/seocips' rel='nofollow'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/seocips?bg=FF6600&fg=FFFFFF&anim=1' style='border:0' width='88'/></a></p></div>
</div></div>
8. Jika telah selesai, klik Simpan.
Membuat kotak berlangganan blog dapat memberikan dampak positif pada blog yang bermanfaat memberikan memberi tahukan kepada pengunjung blog yang telah berlangganan baik melalui plugin Facebook atau pun melalui email dengan memasang widget kotak berlangganan di blog.
No comments:
Post a Comment