Home » » Cara Memodifikasi Kotak FeedBaner

Cara Memodifikasi Kotak FeedBaner

Cara Memodifikasi Kotak FeedBaner-bagi anda yg sudah lama di bloger sudah tidak asing lagi dengan istilah feedbaner atau yg sering di sebut berlangganan email.yg di maksud berlangganan email disini adalah mengenakan layanan feedbaner yg masih dalam produk google,untuk mendistribusikan atau mengirim artikel yg kita posting,didalam blog ke email visitor blog yg telah berlangganan artikel blog yg telah kita miliki.
Cara kerja feedbaner iki cukup sederhana,namun mempunyai peran penting untuk meningkatkan jumlah pengunjung blog...!!!

Secara default,blog sudah memberikan sarana yg menghubungkan blog ke feedbaner.dalam bentuk kotak feed atau kotak email berlangganan.Namun masih saja banyak yg kurang puas dengan feedbaner/email berlangganan yg di berikan bloger.kotak feed berlangganan email dari bloger di modif sedemikin rupa hingga lebih bagus dan menarik.




Okey langsung saja kita bahas tentang Cara Memodifikasi Kotak feedbaner

1.silahakan 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/AVvXsEjyHm893l0T6_m9ohlQr5Mv6BXO-QVTwn6JhfvB-jEthGwlh3rU7uPMgval3f-pgpONJBojcMMgrtSvR7PrNoVQIvZavgb3Wr01TnzDJUbAQM55oJS8qJcX3h5q8q0WzrDNWHaiXCC1P8w/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 buah pilihlah yg kedua dan letakkan kode dibawah ini tepat di bawah kode <data:post.body/>




<div class='kotakRSS1'>
<div class='Rssardi33'>
 <!-- Script Artikel Berlangganan  -->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 warna biru anda ganti sesuai dengan kata kata anda sendiri
*kode yg berwarna merah ganti dengan ID feedbaner anda

5.Simpan template dan lihat hasilnya

Related Post:

Bagikan ke :

Facebook Google+ Twitter Digg Technorati Reddit
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips Dan Trik Facebook
Comments
1 Comments

1 komentar:

 
Support : Home | Johny Template | Mas Template
Copyright © 2013. Tips Dan Trik Facebook - All Rights Reserved
Template Modify by Tips Dan Trik Facebook
Proudly powered by Blogger