Membuat Widget Subscribe Super Keren 2013

Kali ini kita akan membahas seputar widget blog yang sepertinya wajib untuk anda pasang di Blog anda . Widget Subscribe super keren 2013 .Kenapa ? Dengan widget subscribe ini anda tengah membangun aset tiada putus . Maksudnya adalah anda membangun pembaca tetap yang akan terus berlangganan artikel blog yang anda posting .

Selama ini kita sering menemui widget subscribe di blog atau website yang kita kunjungi , namun sepertinya terasa begitu membosankan melihatnya sehingga anda pun malas untuk menyentuhnya , tapi di posting kali ini saya akan share beberapa style widget subscribe yang pastinya keren dan layak untuk anda pasang di blog anda . Dengan widget subscribe yang keren ini , akan menarik para pengunjung blog anda untuk menyentuhnya dengan mouse dan taraaa... klik pun terjadi . Apalagi jika artikel yang anda bagikan adalah artikel yang mempunyai banyak manfaat untuk banyak orang , maka dengan bantuan widget subscribe keren ini akan menambah banyak visitor yang menjadi langganan blog anda alias pembaca setia blog anda .

Oke , untuk itu mari segera kita masuk ke point pada artikel ini yaitu tentang memasang widget subscribe yang super keren 2013 .

Adapun langkah langkahnya adalah sebagai berikut :

Silahkan masuk ke Blogger anda
Pilih menu Layout
Kemudian Tambah Gadget dan pilih HTML/JavaScript
Pastekan kode script di bawah ini sesuai selera anda mau pilih yang mana .
Selanjutnya adalah simpan .

Widget Subscribe styles

Style 1.

Preview

Script

<style type="text/css">
#exe-SubscribeE-Mail{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp8S1_s2cRAyeNoxybQovf_ebgxcvxY7vejCxryKZOzP57s4LwNrNInkg1s5XSdbO3-y4iNgKA3DK9gwbqDiotEw1WaOOG9GNcD7lhOkZaEZUfuvooExhnlQK-lLjBh3U56Kh3KitpCw/s1600/Silver-E-Mail-Subscribtion-Form.png)no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}form#exe-SubscribeE-MailForm{display:block; padding-top:67px; padding-left:42px;;margin:0;}form#exe-SubscribeE-MailForm #s{padding-top:3px; padding-left:2px; width: 225px; font-size:15px; vertical-align:top; border:none; background:transparent;} form#exe-SubscribeE-MailForm #sbutton{padding-top:-8px; padding-right:45px; height:30px; width:15x; border:none; background:transparent;} </style> <div id="exe-SubscribeE-Mail"> <form id="exe-SubscribeE-MailForm" action="http://feedburner.google.com/fb/a/mailverify" method="post"target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ichihikaru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="hidden" value="ichihikaru" name="uri"/><input type="text" id="s" name="email" value="Enter Your E-Mail Here" onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}' onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'/><input type="hidden" name="loc" value="en_US"/><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>

Style 2.

Preview

Script

<style type="text/css">
#exe-SubscribeE-Mail{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU0nw7dhgE7JrlC1IxwNzIfctJQO7oKdGh88gyKYf_77xj2QAWa7oLMHTM75fdiBP6lhuBetImNZUVGdWRZ3koDrCiGCU7_Rxm-adK3xCkvdDTN5zi1VZCdJ0jf3t5i31utGLnqHKRlA/s1600/Blue-E-Mail-Subscribtion-Form.png)no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}form#exe-SubscribeE-MailForm{display:block; padding-top:67px; padding-left:42px;;margin:0;}form#exe-SubscribeE-MailForm #s{padding-top:3px; padding-left:2px; width: 225px; font-size:15px; vertical-align:top; border:none; background:transparent;}
form#exe-SubscribeE-MailForm #sbutton{padding-top:-8px; padding-right:45px; height:30px; width:15x; border:none; background:transparent;} </style> <div id="exe-SubscribeE-Mail"> <form id="exe-SubscribeE-MailForm" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ichihikaru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="hidden" value="ichihikaru" name="uri"/><input type="text" id="s" name="email" value="Enter Your E-Mail Here" onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}' onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'/><input type="hidden" name="loc" value="en_US"/><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>

Style 3.

Preview

Script

<style type="text/css">
#exe-SubscribeE-Mail{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaGkyAKZLzIrZln5PJkEA-mtqp7FUDTFh-dgR5tVmvlMBY4_Rw6ZBAt1DK1GdbmB6rje9qpeqNEb_ZpTOUuhK0pbmJWMG_9M836c4cv-cJ2XKYps3mgynJpLbu86ugcgRm1AmGTr6Qdg/s1600/Red-E-Mail-Subscribtion-Form.png)no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}form#exe-SubscribeE-MailForm{display:block; padding-top:67px; padding-left:42px;;margin:0;}form#exe-SubscribeE-MailForm #s{padding-top:3px; padding-left:2px; width: 225px; font-size:15px; vertical-align:top; border:none; background:transparent;}
form#exe-SubscribeE-MailForm #sbutton{padding-top:-8px; padding-right:45px; height:30px; width:15x; border:none; background:transparent;} </style> <div id="exe-SubscribeE-Mail"> <form id="exe-SubscribeE-MailForm" action="http://feedburner.google.com/fb/a/mailverify" method="post"
target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ichihikaru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="ichihikaru" name="uri"/><input type="text" id="s" name="email" value="Enter Your E-Mail Here" onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}' onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'/><input type="hidden" name="loc" value="en_US"/><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>