Cara Membuat Kotak Langganan Atau Subscribe Di Blog

Kotak Langganan/Subscibe Bagi Blogger Memiliki Banyak Fungsi. Apalagi Bagi Blog Dengan Berpengunjung Tinggi. Kotak Ini Bisa Sangat Membatu Dan Dapat Meningkatkan Jumlah Pembaca.

Selamat Datang Pengunjung Setia Blogger Seni. Posting Kali Ini, Saya Akan Membahas Cara Membuat Kotak Langganan Atau Subscribe.

Berikut Ini Gambar Kotak Subscribe Yang Akan Kita Buat :

Baiklah, Untuk Memasang Kotak Langganan Atau Subscribe Ini Di Blog Anda, Ikuti Langka-Langkah Berikut:
1. Login Ke Akun Blogger Anda Dan Masuk Ke Halaman Tata Letak.
2. Klik Add A Gadget/Tambahkan Gadget
3. Klik HTML Atau JavaScript

4. Lalu Copy Paste Script Berikut :

<style class="text/css"> table { border-bottom: 1px solid #E6E6E6; float: center; width: 280px; margin:10px 0 0 20px; } .subicons { border-right: 1px solid #E6E6E6; } .Fadeout { filter:alpha(opacity=100); opacity: 1.0; border:0; } .Fadeout:hover{ filter:alpha(opacity=80); opacity: 0.8; border:0; } </style><br /> <div class="table"><table><tr> <td><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/BloggerSeni" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://3.bp.blogspot.com/-czBbDmQRQhQ/TvCTKhaK4zI/AAAAAAAAAZY/E_fHny3fDBs/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/Rafly25id" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://4.bp.blogspot.com/-k5cV1pvQp4g/TvCTMHqoxZI/AAAAAAAAAZs/hYpUi-qzKaw/s1600/twitter-48.png" /></a></div></td> <td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/BloggerSeni" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://1.bp.blogspot.com/-tANmA_fOkTk/TvCTLg2BGvI/AAAAAAAAAZk/vE6qGJK50t8/s1600/rss-48.png" /></a></div></td> <td><a class="Fadeout" href="https://plus.google.com/101673980103826608604" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://3.bp.blogspot.com/-H-LHpGxfe5k/TvCTLL3ovmI/AAAAAAAAAZc/AT2pMexo7RE/s1600/google-48.png" /></a></td> </tr> </table></div><style> .rssbuttontable { border: 1px solid #E6E6E6; background: #FFDCB1; float: center; width: 270px; margin-left:10px; padding: 5px 5px 5px 5px; border-radius: 5px; -moz-border-radius: 5px; height: 35px; float: left; display: inline; margin-top:5px; margin-bottom:5px; } input.Subscriberssbutton { background:-moz-linear-gradient(top,#F88017 0%,#FF6600 100%); background:-webkit-gradient(linear,left top,left bottom,from(#F88017),to(#FF6600)); border: 1px solid #FF6600; text-transform: none; font:bold 13px arial; color: #fff; height: 30px; padding: 4px 2px 5px 2px; margin: 0px 0 0x 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer; display: inline; } </style><br /> <center><table class="rssbuttontable"><tr> <td><br /> <a rel="nofollow" href="http://feeds.feedburner.com/~fc/BloggerSeni?bg=FF9900&fg=000000&anim=0&label=listeners" height="26" width="88" style="border:0" alt="" /></a><br /> </a><br /> </td> <center><td><br /> <input value="Subscribe to Get Updates" class="Subscriberssbutton" type="button" onclick="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BloggerSeni', 'popupwindow', 'scrollbars=yes,width=900,height=570');return true" /></td></center></tr> </table>

5. Save

Catatan :
Cari Kode :

• http://www.facebook.com/BloggerSeni . Ganti Dengan Url Facebook Sobat
• http://twitter.com/Rafly25id. Ganti Dengan Url Twitter Sobat
• http://feeds.feedburner.com/BloggerSeni. Ganti Dengan Url FeedBurner Sobat.
• https://plus.google.com/101673980103826608604. Ganti Dengan Url Profile Google Sobat.
• http://feedburner.google.com/fb/a/mailverify?uri=BloggerSeni.  Dengan Url FeedBurner Sobat

Jika Sudah Diganti, Lalu Save. Dan Lihat Hasilnya. :D

Sudah Dulu Ya Posting Tentang Cara Membuat Kotak Langganan Atau Subscribe  Di Blog