Cara Modifikasi Kotak Feedburner

Cara Modifikasi Kotak Feedburner - Bagi anda yang sudah lama membuat blog di blogger, mingkin 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.

Sebagaimana yang telah saya jelaskan pada panduan blogger yaitu tutorial memasang meta tag terbaik blogger bahwa, untuk tutorial cara modifikasi kotak feedburner ini cukup mudah. Hanya menambahkan beberapa kode CSS dan HTML pada template blogger Anda. Adapun tutorial cara memodifikasi kotak feedburner dapat Anda simak seperti penjelasan berikut ini.

Modifikasi Kotak Feedburner

1. Silahkan login ke ID/akun blogger Anda
2. Klik "template" pada menu dropdown lalu klik "Edit HTML" dan centang kotak "Expand Template Widget".

3.  Cari menggunakan ctrl+ f kode ]]></b:skin> dan letakkan kode di bawah ini persis di atasnya.

.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px;-webkit-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/AVvXsEjyN_r3hLSMxVn67trCAlKC7rDcBLtCygZyz8SZ0bRfCxyYOqG7En2bjEwgBuOA0-Qlf25yZj4p7TFH8WbqY-s1nNaSKdQaTSzul0PiZvKKtchjBfu5ZAHtjnigCY75IX0GeVbzuljun7M/s1600/maskolis.co.cc.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 mendapat kiriman artikel setiap ada artikel yang terbit di <font color='#0099DD'>Super Blog Pedia</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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=diesilver&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssardi33' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='superblogpedia'/>
<input name='title' type='hidden' value='superblogpedia'/>
<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/superblogpedia'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/superblogpedia?bg=9b9b9b&amp;fg=fffffff&amp;anim=0' style='border:0' width='88'/></a>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- End Artikel Berlangganan -->

Keterangan :

• Kode yang berwarna biru dapat Anda ganti sesuai dengan kata-kata Anda sendiri.
• Kode yang berwarna merah ganti dengan  ID Feedburner blog Anda.

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 == &quot;item&quot;'>
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 akhi sampai disini. Pastikan anda terus mengunjungi super blog pedia untuk mendapatkan panduan blogger terbaru. Jika Anda tidak keberatan, silahkan berlangganan artikel dari super blog pedia dan dapatkan ebook gratis yang akan dikirim lanfsung ke email kamu. Dan jangan lupa juga untuk me-like fanspage facebook super blog pedia untuk mendapatkan mengetahui update artikel terbaru melalui facebook.