Cara Memasang Widget Subscribe Keren di Blog

Halo Bro, Kali ini saya memberikan tutorial Cara Memasang Widget Subscribe Keren Blog, karena kebetulan saya lagi nyari untuk Blog ini, kemudian nemu di Blog http://multiajaib.blogspot.com/, coba saya pasang dan hasilnya lumayan bagus dari yang lainnya.

Widget Subscribe sangat penting jika blog sudah mempunyai pengunjung yang banyak, karena akan memudahkan pengunjung mendapatkan informasi otomatis dari blog kita. Nah pasti kan pengunjung lebih senang karena sudah diberi kemudahan.

Tampilan Widget Yang akan saya bagikan

Cara Memasang Widget Subscribe Keren Blog

1. Buka Blogger.

2. Tata Letak > Tambah Widget > HTML/JAVA.

3. Kemudian tambahkan script dibawah ini.

 <center><style type='text/css'>
#subscribe-box {width: 300px;height: auto;border-radius: 2px;background-color: #E0E0DF;box-shadow: 0px 3px 0px 0px #7f8c8d;padding-bottom:10px}
#subscribe-box .title {padding: 10px 25px;line-height: 30px;font: 26px Oswald;color: #95A5A6;text-align: center;background: #F1F1F1;text-transform:uppercase;border-radius:2px 2px 0 0;}
#subscribe-box p {font-family: &#39;Droid Serif&#39;;font-size: 13px;color:#555;line-height: 20px;padding: 10px 20px 0 20px;margin: 0;}
#subscribe-box .emailfield {padding: 0px 20px 10px;}
#subscribe-box .emailfield input {color: #777;padding: 10px;margin-top: 10px;font-size: 15px;font-family: &#39;Droid Serif&#39;;width: 92%;border:0;border-radius: 2px;box-shadow: 0px 3px 0px 0px #bbb;}
#subscribe-box .emailfield input:focus {outline: none;}
#subscribe-box .emailfield .submitbutton {background: #008287;color: #fff!important;border:none;outline: none;width: 100%;cursor:pointer;box-shadow: 0px 3px 0px 0px #00686C}
#subscribe-box .emailfield .submitbutton:active {padding-top: 11px;padding-bottom: 9px;box-shadow: 0px 1px 0px 0px #3293ba;}
#subscribe-box .emailfield .submitbutton:hover{background: #00686C;}
</style>
<div id='subscribe-box'>
              <div class='title'>
               Informasi Gratis
              </div>
                 <p>Dapatkan Informasi Terbaru Gratis Yang Kami Kirim Ke E-Mail Anda.</p>
             <div class='emailfield'>
              <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=my/rdSX&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
               <input type='text' name='name' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}' onfocus='if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}' value='Your Name'/>
               <input type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/>
<input name='uri' type='hidden' value='my/rdSX'/>
<input name='loc' type='hidden' value='en_US'/>
                <input class='submitbutton' type='submit' value='Subscribe Now!'/>
              </form>
             </div>
</div></center> 

4. Sebelum Anda simpan ganti tulisan my/rdSX dengan id feedblog di feedburner Anda.

5. Simpan, dan lihat hasilnya.

Mudah kan, kalo masih belum bisa silahkan komentar ya.
Terimakasih sudah membaca artikel Cara Memasang Widget Subscribe Keren Blog. Semoga bermanfaat.