Cara Memasang Widget Subscribe Black Flat V2

Halo bro, Tutorial kali ini saya akan bagikan cara memasang widget subscriber dengan desain yang lebih simpel dari yang pernah saya bagikan, Memasang widget subscribe keren.

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

Untuk pemasangan sangat mudah, silahkan ikuti tutorial.

Cara Memasang Widget Subscribe Black Flat V2

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: #38424B;padding-bottom:10px}
#subscribe-box .title {padding: 10px 25px;line-height: 30px;font: 26px Oswald;color: #ffffff;text-align: center;border-bottom: 1px solid #BBB;text-transform:uppercase;border-radius:2px 2px 0 0;}
#subscribe-box p {font-family: &#39;Droid Serif&#39;;font-size: 13px;color:#fff;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;}
#subscribe-box .emailfield input:focus {outline: none;}
#subscribe-box .emailfield .submitbutton {background: #2BA6E1;color: #fff!important;border:none;outline: none;cursor:pointer;}
#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, terimakasih sudah membaca artikel Cara Memasang Widget Subscribe Black Flat V2 Semoga bermanfaat...