Hello brow bagaimana sekarang kabarnya kuharap kabar kalian sama dengan admin yang selalu fit, mungki tutorial kali ini yang akan saya mungkin sudah banyak yang mengetahui tapi karena ada teman saya yang bertanya bagaimana cara membuat widget berlangganan via email pada blogger. Tidak usah panjang yah simak saja dibawah ini.
- Seperti biasalah buka dulu blogger sobat atau klik disini.
- Pilih salah satu blogger yang akan kamu edit.
- Selanjutnya pilih Tata Letak > Tambahkan Gadget > HTML/JavaScript.
- Setelah itu copy/salin script CSS berikut ini :
<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/AVvXsEjnBjXAnZ3kutNx-_qOOrXrQvFAE8rJvh9m9gJyPKFNTYWIZv99UfsiEpx_REJGCSMa0oYmIiKVOLKtdWQsnMCBuAxdmdnl5lWDl8ci_fMWz1yXKtMNdP1klCB0XzQ_F76YacZrrJnpU9RU/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/AVvXsEiTPN1dWj88pe1DX51SLZOArbOsZos6GuY9K9RqUH_m5jhwJ6XAaEirskb2DUGbkkgA4_rlnB0vSZB4HX0pI3DnCepsUcmLtarnvcYFNC7QUHc9VXYCv4dRrHKfIIkzN3dKVZKa2bVw_Dno/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/AVvXsEhs8uBjNJt74GSbPkeUGQLv4a9STiRPgY76A9afrsDB7bxRht89w14MFJK5TolPO171NKfijjMz9bLG_Ode_AKgHj89pMfUnPo0OZyPWWoEnoNLVzwCqXBygL0jGg2_hnTiakS2cCeZGj90/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;"> Blogger Yang Berasal Dari Jeneponto</h3><div id="BloggerSpice-txt" style="color: white; font-size: 12px;"> Silahkan Gabung Dengan Kami Untuk Mendapat Artikel Terbaru Pada Saat Update Artikel.</div><br /> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=JumranBlogs', '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>
5. Klik save/simpan dan buka blogger anda.
Note :
Untuk tulisan warna merah ganti dengan ID Feedburner blogger sobat, jika sobat tidak mengetahui ID Feedburner sobat klik saja disini.
Bagaimana dengan widgetnya keren tidak.
Semoga bermanfaat yah kawan-kawan artikel kali ini.
