Cara Modifikasi Kotak Feedburner

Cara 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/AVvXsEgqHFOrWlOK5zYrQ14ezc8vlBrt4IsNXLBeXI6fhfMbZ7OFhlvR1mP88EpJmVmcKa09gvGCpFkJ9J2Yj_Flev61PSCoE4hfmkhXAMuCn_-VeD8xaxc-qkUf8jTOZH53ZJJNUUAHMT-wlzM/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>