Wednesday, July 3, 2013

Cara Memasang Widget Berlanggan Melalui Email di Bawah Postingan

Cara Memasang Widget Berlanggan Melalui Email di Bawah Postingan - Pada ilmu blogger, hal yang paling utama adalah Pengunjung. Disini Blogger di tugaskan untuk memperikan pelayanan terbaik bagi pengunjung blogg. Salah satu nya adalah Widget berlanggan ini yang menurut saya wajip untuk anda pasang, dimana fungsi widget ini untuk menawarkan fasilitas berlangganan artikel melalui email.

Cara Memasang Widget Berlanggan Melalui Email di Bawah Postingan
(Contoh Widget)

Widget ini berbeda dengan Tutorial yang sebelum nya sudah pernah saya buat yaitu " Cara Membuat Gadget Berlanggan Melalui ", dimana tutorial tersebut hanya memanfaatkan berlanggan melalui Media Social saja, bukan berlanggan ke Email.


1. Sebelum memulai pastikan blogg anda sudah didaftarkan ke RSS Feed Burner, jika belum lihat panduan Cara Daftar RSS Feed Burner, jika sudah Login ke bogger

2. Menuju ke menu Template > lalu pilih Edit Html

3. Cari kode ]]></b:skin> , gunakan Ctrl+F untuk mempercepat pencarian

4. Letakan kode merah ini diatas ]]></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; }

5. Selanjutnya cari kode <data:post.body/> , letakan kode ini tepat dibawah atau di samping kanan kode <data:post.body/> (Jika tersebut ada 4 , letakan pada urutan ke 2 dan 3)


<!-- Script Artikel Berlangganan -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/DanForBlogg' 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'>DanForBlogg</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='Dan For Blogg'/>
<input name='title' type='hidden' value='Dan For Blogg'/>
<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/DanForBlogg'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Dan For Blogg?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 :
#Ganti kode Hijau dengan Id Feed burner anda
#Kode Biru, ganti pesan sesuai keinginan anda
#Jika Ukuran tidak sesuai dengan Template anda, ubah kode berwarna Orange, sesuai kan dengan blogg anda

6. Pratinjau dulu, Jika sudah yakin langsung Save

7. Selesai

Sebelum menerapkan ada baiknya anda coba dulu pada blogg Dummy anda, jika berhasil langsung terapkan pada blogg utama anda. Jika sudah Anda tinggal menunggu pengunjung yang berlangganan, jumlah pengunjung yang langganan bisa dilihat pada kotak kecil di dalam Widget ini. Bila pengunjung anda sudah berhenti berlangganan artikel, mungkin ini Penyebab nya " Hal Yang Membuat Pelanggan RSS Blogg Berkurang ".

Bila anda ingin berlangganan artikel Dan For Blogg silahkan isi Email anda di bawah ini, maka anda akan mendapat kiriman Artikel Keren dan Fresh  :

No comments:

Post a Comment