.
Cara Modifikasi Kotak Feedburner - Bagi sobat yang sudah lama membuat blog di blogger, mungkin tidak asing lagi dengan istilah feedburner atau lebih sering disebut dengan berlangganan email. Maksud dari berlangganan email disini adalah menggenakan layanan feedburner yang masih dalam produk google untuk mendistribusikan atau mengirimkan setiap artikel yang kita posting didalam blog ke email visitor blog yang telah berlangganan artikel blog yang kita miliki. Cara kerja dari feedburner ini cukup sederhana, namun memiliki peran penting untuk meningkatkan jumlah pengunjung blog atau visitor blog.
Secara default, blogger sudah memberikan saranan yang menghubungkan blog ke feedburner dalam bentuk kotak feed atau kotak email berlangganan. Namun, masih saja banyak blogger yang kurang puas dengan kotak feedburner/email berlangganan yang di berikan blogger. Sehingga dengan kreativitas masing-masing blogger, kotak feed berlangganan email dari blogger di modifikasi sedemikian rupa hingga menjadi lebih bagus dan menarik.
Modifikasi Kotak Feedburner
1. Silahkan login ke ID/akun blogger Sobat
2. Klik "template" pada menu dropdown lalu klik "Edit HTML"
.kotakRSS1 {background-color:#4B16A5;border-radius:5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; } .Rssardi33 { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi98FaZANwXhcylmSjr98qkMUjva1-8xVy6dlkQ4jKKOCSXeNKUmY8114pzcdZU_t_BP0uG8bltZoL7rse9cAJsaEeJF9lsBV08Da8qSod10vhYeBaVKwATMuLELHaKzlFm1DfWgJDJEpbt/s1600/feedku.jpg') no-repeat bottom right; } .Rssardi33 a { background: none;} .inpRssardi33 { border: 1px solid #B9C1C6; width: 170px;height: 16px; font-size: 12px; padding:3px 4px 4px 10px;-moz-border-radius:5px;-webkit-border-radius: 5px;} .sbmtRssardi33 {background:#9b9b9b;border: 1px #9b9b9b solid;color:#FFF;font-size:13,5px;font-family:Arial,Tahoma,Verdana;margin-left:5px;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:7px;-webkit-border-radius: 7px;} .ardi33subs table {border-collapse: inherit; border: none;} .ardi33subs tr { border:0;} .ardi33subs td { border:0;} .ardi33subs th { border:0;} .clear { clear: both; }4. Sekarang cari kode <data:post.body/> jika ada dua pilihlah yang kedua dan letakkan kode di bawah ini tepat di bawah kode <data:post.body/>.
<!-- Script Artikel Berlangganan --> <div class='kotakRSS1'> <div class='Rssardi33'>Jika anda menyukai artikel di blog ini, silahkan <a href='http://feeds.feedburner.com/superblogpedia' target='_blank' title='Berlangganan'> <b>Klik disini</b></a> Untuk berlangganan gratis via email,dengan begitu anda akan mendapatkan kiriman Artikel setiap ada artikel yang terbit di <font color='#0099DD'>ID Feedburner Sobat;/font> <div class='ardi33subs'> <table border='0' cellpadding='0' cellspacing='0' width='100%'> <tr> <td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=diesilver', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'> <input class='inpRssardi33' name='email' onblur='if (this.value == "") {this.value = "Ketikkan email anda disini";}' onfocus='if (this.value == "Ketikkan email anda disini") {this.value = "";}' type='text' value='Ketikkan email anda disini'/> <input name='uri' type='hidden' value='ID Feedburner Sobat'/> <input name='title' type='hidden' value='ID Feedburner Sobat'/> <input name='loc' type='hidden' value='en_US'/> <input class='sbmtRssardi33' type='submit' value='Subscribe'/></div> </form></td> <td align='left' style='padding:6px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/ID Feedburner Sobat'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/ID Feedburner Sobat?bg=9b9b9b&fg=fffffff&anim=0' style='border:0' width='88'/></a> </td> </tr> </table> </div> </div> </div> <div class='clear'/> <!-- End Artikel Berlangganan -->
5. Yang terakhir, simpan Template Anda dan lihat hasilnya.
Apabila Anda ingin menempatkan kotak feedburner dibawah read more/single page, Anda tinggal menambahkan kode dibawah ini.
<b:if cond='data:blog.pageType == "item"'> masukkan kode langkah ke 4 disini </b:if>Saya rasa tutorial cara modififikasi kotak feedburner ini tidak sulit, hanya menambahkan beberapa kode kedalam template blog, dan saya akhiri sampai disini. Pastikan sobat terus mengunjungi "Dunia blogger" untuk mendapatkan panduan blogger terbaru. Jika Sobat tidak keberatan, silahkan berlangganan artikel dari "Dunia Blogger" dan dapatkan artikel gratis yang akan dikirim langsung ke email sobat. Dan jangan lupa juga untuk me-like fanspage facebook Dunia blogger untuk mendapatkan mengetahui update artikel terbaru melalui facebook. semoga bermanfaat
salam blogger
Comments
Post a Comment
Peraturan Saat Berkomentar:
1. Menggunakan bahasa yang sopan
2. Tidak melakukan spamming
3. Tidak menyisipkan link aktif atau pun hidup
Komentar yang tidak sesuai akan dihapus :)