Saya
yakin setiap blog pasti sudah ada kotak berlangganan artikel, tapi jika
sobat pengen kotak berlangganannya tampil lebih keren lagi,,seperti
punya saia ini :
Nieh ane kasih tau caranya :
- Pilih ->Tata letak->Tambahkan gadget -> HTML/Javascript
<style> #bssubscription {width:120px;Height:180px;margin:0px;padding:10px;background: #000000; background: -moz-linear-gradient(top, #000000, #A10048);background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#A10048));height: auto!important;color: white !important;padding: 20px 15px !important; text-align: center !important;font-family: Georgia, Times, "Trebuchet MS", serif !important;margin: 10px;margin: 0px;padding: 10px; margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;} #bssubscription p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif; padding: 5px;border: none;} #bssubscription input.name { background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPEe_cnwXuQ0OzL5RoEB36bKoqDUQFcp3kPP2_tD2_KLJ7RIdgYlAs0kE4Bv3oKXql39S7Miuz9IIxSVc3qiGgxFRpa1g7oIm3qVL3s3RnQ1tb0xhDp-96OqEZuctzAoMQ6IQ88ga4Is7u/s320/bssubscribe-name.png) no-repeat center right;} #bssubscription input[type="text"] {border: 1px solid #111 !important; font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;} #bssubscription input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLXs9VlphYvvdTN5qR-kKjEla5bG-SYXYYOsQ8EjWL8imy7pOW-p5Q6u8Y_XEzP9oFU6_O956h642NhEPkoYZUEVar6bSH2l1Fwn3IIuC4oBNpAzGNLBXT5ePVx0IPMDPuVFEzoqB9XSFH/s320/bssubscribe-email.png) no-repeat center right;} #bssubscription input { font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;} #bssubscription h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important; font-weight: bold !important;line-height:26px !important;letter-spacing: normal; text-transform: none;text-decoration: none; text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif; border: none;padding: 0px !important;float: none;}input:hover[type="submit"] { background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2; color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input { color: #333;font-family: 'Droid Sans', sans-serif;} #bssubscription input[type="submit"] {background: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbXwzUlh_srps2jlR5aHUn4uBO940OZWJ8j76NjJFDS3LrdYIavNh5vgbJUNgfz3C7eB0bCECo-kYjfk6EoAZQUs5lmAOEFFwuLWbPyRH_4UOP2fdA92jgyQEEdIi-N1qwUjArvkpupGZr/s320/BS-Subscription.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important; padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;} #bssubscription input[type="submit"]:hover {color: #FFA5A5;}</style> <center> <div align="center" id="bssubscription-wrapper"> <div id="bssubscription" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 250px;"> <h3 id="Wid-title-text" style="color: white; font-size: 16px;"> DAPATKAN UPDATE ARTIKEL GRATIS..</h3><div id="BloggerSpice-txt" style="color: white; font-size: 12px;"> Gabung bersama kami untuk mendapatkan artikel lewat email anda.</div><br /> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/uHcPQ', 'popupwindow', 'scrollbars=yes,width=530,height=500');return true" target="popupwindow"> <input class="name" id="BloggerSpice-name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Masukan nama Anda" /><br /> <input class="email" id="BloggerSpice-email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 120px;" type="text" value="Masukan alamat email" /><br /> <div class="separator" style="clear: both; text-align: center;"> </div><input name="uri" type="hidden" value="BloggerSpice" /><input name="loc" type="hidden" value="en_US" /> <input id="BloggerSpice-Text" style="height: auto; padding: 5px 0;" type="submit" vjavascript:void(0)alue="Dapatkan Akses Hari ini!" /></form></div></div></center>
Note : Ganti kode warna Merah dengan ID Feedburner sobat.
- Simpan Kode dibawah ini dan lihat hasilnya !
Sumber : http://nyanlon.blogspot.com/2013/08/cara-mudah-membuat-kotak-berlangganan.html
Author : coxelgokil | ACI BUDAYA
Anda telah membaca
artikel tentang : Cara Membuat Kotak Berlangganan Artikel Keren di Blog. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih...
