Cara Modifikasi Kotak Feedburner

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.

kotak berlangganan


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".

modifikasi kotak feedburner

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.
Dapatkan update artikel tutorial blogger terbaru dan informasi lowongan kerja terbaru serta Ebook Gratis dari Super Blog Pedia yang akan dikirim langsung ke Email kamu.
Share Article :

2 komentar :

  1. terimakasih sob, kebetulan saya lagi bosen sama tampilan feedburner saya, jadi mau saya edit, hehe:D

    BalasHapus
  2. makasih ya gan atas Ilmu-nya , bermanfaat banget bagi saya yang masih pemula . . .
    agan bisa lihat hasil-nya di - http://animasigrafiscomputer.blogspot.com

    BalasHapus


Peringatan penting sebelum berkomentar:

- Komentar yang mengarah ketindakan spam dan tidak berkaitan dengan isi artikel terkait, tidak akan dipublikasikan.
- Tidak semua pertanyaan melalui form komentar di jawab oleh admin.
- Bagi advertiser yang ingin memasang banner iklan produknya di super blog pedia, silahkan baca syarat dan ketentuannya di pasang iklan murah.

Terimakasih telah berkunjung ke Super Blog Pedia, semoga artikel dan informasi yang kami sajikan bermanfaat bagi Anda.