Minggu, 06 November 2011

Cara Membuat Kotak Langganan RSS Feed Via Email Dibawah Posting

 Cara Membuat Kotak Langganan RSS Feed Via Email Dibawah Posting :

1. Masuk pada blogger.com Pilih Template >>Edit HTML
2. Lanjutkan Centang Expand Template Widget
3. Cari kode ]]></b:skin> Letakkan kode berikut diatas kode ]]></b:skin> :
 .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/AVvXsEg5CsWThK7z9v96A8R9BFuoeEZN_g9QbmKnqNPcG_qot7_ZfK8-bYg7foB7LoIrV6y_xPZ0toxllRV54zCimglKiMBiYrMFCUz9VDKBwx60wSWS2wALNVjJ1nf-WPTJLqnVvTHU3EbaMYY/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. Selanjutnya cari kode Letakkan kode berikut dibawah
<!-- Script Artikel Berlangganan  -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/Fahen' 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'>Heina Website. </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='Fahen'/>
<input name='title' type='hidden' value='Fahen'/>
<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/Fahen'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Fahen?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 -->

NB :
*Ganti Fahen dengan id feedbunner Anda 

*Tambahan : Untuk blog yang menggunakan readmore otomatis maka Anda akan menemukan 2 kode, letakkan kode di bawah kode yang kedua. 
Simpan Template dan Lihat Hasilnya 

 Semoga Bermanfaat.. :)
Share:

0 komentar:

Posting Komentar

Ads

Followers

Site Info