√ Cara Modifikasi Kotak Feedburner

Cara Modifikasi Kotak Feedburner - Bagi anda yang sudah usang membuat blog di blogger, mingkin tidak absurd lagi dengan istilah feedburner atau lebih sering disebut dengan berlangganan email. Maksud dari berlangganan email disini ialah 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 mempunyai tugas penting untuk meningkatkan jumlah pengunjung blog atau visitor blog.

Secara default, blogger sudah menunjukkan 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 cantik 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 instruksi CSS dan HTML pada template blogger Anda. Adapun tutorial cara memodifikasi kotak feedburner sanggup Anda simak menyerupai klarifikasi berikut ini.

Modifikasi Kotak Feedburner

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

3.  Cari memakai ctrl+ f instruksi ]]></b:skin> dan letakkan instruksi 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/AVvXsEiDhyphenhyphendTwEvKKXwo2zNRs8d4eoeHAy27fUcWRrBXzLqEZYW_D-AYrDbvnkZ6hEK-27c9b-1UA190C1ibhWr49Iw_54qhgWHebEF-Ne-bielvP18dFyJi7FD3BktTWw3p-zryQJMYyxdyv-4/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 instruksi <data:post.body/> kalau ada dua pilihlah yang kedua dan letakkan instruksi di bawah ini sempurna di bawah instruksi <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 sanggup 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 instruksi dibawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
masukkan instruksi langkah ke 4 disini
</b:if>

Saya rasa tutorial cara modififikasi kotak feedburner ini tidak sulit, hanya menambahkan beberapa instruksi kedalam template blog, dan saya akhi hingga disini. Pastikan anda terus mengunjungi fanspage facebook super blog pedia untuk mendapat mengetahui update artikel terbaru melalui facebook.

Sumber http://superblogpedia.blogspot.com

Mari berteman dengan saya

Follow my Instagram _yudha58

Baca juga:

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: