Selasa, 13 November 2012

Cara Mudah Membuat Kotak Berlangganan Email di Bawah Postingan Blog

Kalo kita search di google banyak sekali yang menyediakan tutorial ini, saya sempat bingung mau pilih yang mana soalnya saking bayaknya tutorial sampai saya mengharuskan memilih salah satu cara dan yang saya lakukan ini ternyata berhasil. Disini saya mencoba untuk share kembali bagaimana caranya untuk memasang atau membuat kotak berlangganan email di bawah postingan blog.
Langkah awal kita login dulu ke Blogger.


1. Pilih template >> dilanjutkan dengan edit HTML
2. Centang Expand Template Widget, ini dimaksudkan agar widget yang sudah terpasang tidak ikut terhapus  saat kita melakukan perubahan template.
3. Cari kode ]]></b:skin> untuk memudahkan pencarian tekan Ctlr+F
4. Letakan kode di bawah ini tepat 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('http://3.bp.blogspot.com/_jeu1dUw9AK4/TS1nXs3efdI/AAAAAAAAAQk/vMny_o0OLEI/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; }

Setelah itu cari kode <data:post.body/>
Selanjutnya letakan kode di bawah ini tepat dibawah <data:post.body/> : bila kode <data:post.body/> lebih dari satu pilihlah yang kedua dan letakan tepat 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/irfanstudent' 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'>B-digg </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='irfanstudent'/>
<input name='title' type='hidden' value='irfanstudent'/>
<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/irfanstudent'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/irfanstudent?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 -->
Ganti tulisan yang berwarna merah denga nama feed yang telah anda buat, setelah itu simpan template dan lihat hasilnya.

Tidak ada komentar:

Posting Komentar