broedi.com - Membuat widget subscribe di blog bertujuan untuk memudahkan pengunjung kita untuk selalu mendapatkan update artikel terbaru dari blog kita, jadi setiap pengunjung yang mendaftarkan emailnya, mereka akan mendapatkan email soal update artikel blogmu secara otomatis, dan yang pasti gratis. Tapi sebelum kita membuat widget subscibe, kamu harus punya id feedburner, bisa daftar disini.
Mungkin ada yang belum tahu apa itu Feedburner, ini penjelasan singkat soal feedburner :
FeedBurner adalah layanan manajemen umpan web, yang terdiri dari RSS feed dan alat pengelola untuk blogger, podcaster dan aplikasi publikasi lain yang berbasis web. FeedBurner memiliki banyak fitur, salah satunya adalah pengecekan statistik optimasi feed. Sebenarnya pada blog sudah terdapat umpan web bawaan, tapi karena dirasa kurang optimal, kita menggunakan feedburner, karena feedburner lebih baik dibandingkan dengan feed bawaan blog, berikut adalah keunggulan feedburneer :
- Pengunjung lebih mudah melakukan subcribe.
- Pendistribusian feed lebih optimal karena formatnya kompatibel untuk semua jenis perangkat lunak subscriber.
- Pengguna dapat mengecek traffic yang berlangganan feed, seperti melihat jumlah subscriber, dari mana mereka berasal dan apa yang mereka sukai.
- Feedburner punya Google.
1. Buka dasbor blogger > tata letak > tambahkan gadget > HTML/javascript
2. Lalu copy kode HTML dibawah ini, lalu Paste-kan dan simpan.
<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#2F4F4F), to(#2F4F4F));;border:1px
solid #c5c5c5;border-radius:0px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #fff, #fff)}
#mbt-sub-box h1{margin-top:5px; color:#000;font-family:georgia;font-size:20px;margin-bottom:5px;padding:0;text-shadow:0px 0px 0px #000;line-height:35px;width:100%;}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:0px 0px 0px 0px;font-size:14px;padding:10px;text-shadow:0px 0px 0px #FFF;width:250px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#8B0000), to(#8B0000));background: -moz-linear-gradient(center top , #fb0d00, #fb0d00) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0px 0px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #000000, #000000) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #000000, #000000) repeat scroll 0 0 transparent}
</style>
<b:if cond='data:blog.pageType == "item"'>
<div id='mbt-sub-box'><h1>Ayo langganan artikel broedi.com, gratis!</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=broedicom/rfpo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == "") {this.value = "Enter Your Email Address...";}' onfocus='if (this.value == "Enter Your Email Address...") {this.value = ""}' size='30' type='text' value='Enter Your Email Address...'/> <input name='uri' type='hidden' value='broedicom'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe'/></center></form></div></b:if>
Teks merah kamu ubah dengan deskripsimu sendiri#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#2F4F4F), to(#2F4F4F));;border:1px
solid #c5c5c5;border-radius:0px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #fff, #fff)}
#mbt-sub-box h1{margin-top:5px; color:#000;font-family:georgia;font-size:20px;margin-bottom:5px;padding:0;text-shadow:0px 0px 0px #000;line-height:35px;width:100%;}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:0px 0px 0px 0px;font-size:14px;padding:10px;text-shadow:0px 0px 0px #FFF;width:250px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#8B0000), to(#8B0000));background: -moz-linear-gradient(center top , #fb0d00, #fb0d00) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0px 0px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #000000, #000000) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #000000, #000000) repeat scroll 0 0 transparent}
</style>
<b:if cond='data:blog.pageType == "item"'>
<div id='mbt-sub-box'><h1>Ayo langganan artikel broedi.com, gratis!</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=broedicom/rfpo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == "") {this.value = "Enter Your Email Address...";}' onfocus='if (this.value == "Enter Your Email Address...") {this.value = ""}' size='30' type='text' value='Enter Your Email Address...'/> <input name='uri' type='hidden' value='broedicom'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe'/></center></form></div></b:if>
Teks biru ubah dengan id feedburnermu
Hasilnya seperti ini :
Kamu bisa letakkan widget ini dimana saja, soal lebar dan tingginya otomatis bisa menyesuaikan.
Sekian dulu artikel cara membuat widget subcribe feedburner ini, walaupun widgetnya sangat sederhana semoga berguna untuk kalian semua.
Tag :
blogging
0 Komentar untuk " CARA MUDAH MEMBUAT WIDGET SUBSCRIBE FEEDBURNER "
• berkomentarlah dengan bahasa yang baik dan sopan.
• dilarang berkomentar berbau pornografi, sara dan semacamnya.
• dilarang komentar spam.