Headlines News :
Home » » Cara membuat kotak berlangganan di blogspot.

Cara membuat kotak berlangganan di blogspot.

Written By Azzahida on Tuesday, 24 December 2013 | 06:53

Cara modifikasi kotak berlangganan di blogspot. cara ini saya kutip dari blog master kita yaitu maskolis pemilik web creating website pembuat template blog yang sudah terkenal di mas template. sebenarnya cara ini sangangat mudah bila kita sudah paham dengan adanya kode html template blog. karna jika anda belum paham dengan kode html maka anda akan merasa sangat kesuitan.
 Inilah contoh yang sudah jadi bila anda membaca artikel saya saat ini di bagian bawah postingan ada tulisan seperti itu..

Langkah pembuatanya sebagai berikut.
pertama anda login ke blog anda masing masing..!
ke dua masuk ke rancangan
ke tiga anda pilih edit html,   klik
 sebelum anda edit sebaiknya untuk berjaga jaga anda download terlebih dahulu template anda agar bila hasilnya eror anda masih punya copiannya template anda. !
cari kode  <data:post.body/>
Biasanya ada 3 kode tersebut pilih kode ke 3
Lalu letakan kode berikut di bawahnya. !

 <!-- Script Artikel Berlangganan -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/GemaSholawatSantri' target='_blank' title='Berlangganan'>
  <b>klik disini</b></a> untuk berlangganan gratis/Free via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di <font color='#0099DD'>Gema Sholawat Santri</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=GemaSholawatSantri&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='GemaSholawatSantri'/>
<input name='title' type='hidden' value='GemaSholawatSantri'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssardi33' type='submit' value='Subscribe'/></div>
</form></td>

<td align='left' style='padding:4px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/GemaSholawatSantri'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/GemaSholawatSantri?bg=CCFF33&amp;fg=000000&amp;anim=1' style='border:0' width='88'/></a></td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- End Artikel Berlangganan -->


Ganti tulisan warna merah dengan nama feed anda feed burner
Ganti tulisan warna biru dengan data anda bisa nama blog bisa nama anda.
jika anda mau merubah tampilan conter feed burner dengan mode bukan animasi silahkan ganti kode warna beru dengan kode milik anda sendiri namun jika anda tidak mau mengantinya juga tidak masalah yang perlu di ganti hanya tulisa GemaSholawatSantri
Kemudian cari kode  ]]></b:skin>
letakan kode berikut sebelum kode ]]></b:skin> 


.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0;}
.Rssardi33 {background: url(&#39;http://3.bp.blogspot.com/_jeu1dUw9AK4/TS1nXs3efdI/AAAAAAAAAQk/vMny_o0OLEI/s1600/maskolis.co.cc.jpg&#39;) no-repeat bottom right;}
.Rssardi33 a {background: none;}
.inpRssardi33 {border: 1px solid #B9C1C6; width: 170px; font-size: 11px; padding:3px 4px 4px 10px;}
.sbmtRssardi33 {padding:2px;}
.ardi33subs table {border-collapse: inherit; border: none;}
.ardi33subs tr {border:0;}
.ardi33subs td {border:0;}
.ardi33subs th {border:0;}
.clear {clear: both;}


lalu anda save template ...! demikianlah tips membuat kotak berlangganan di blob semoga bermanfaat. terima kasih.


Sumber : Creating website 
Share this article :

2 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Kids Indonesia - All Rights Reserved
Original Design by Creating Website Modified by Adiknya