Cara Memasang Widget Subscribe Nama dan Email Blogger

Cara Memasang Widget Subscribe Nama dan Email Blogger - Untuk membuat widget subscribe sebenarnya sangat mudah, karena pada blogger sudah ada fitur bawaan untuk subscribe via email.

Widget Subscribe sangat penting dan bermanfaat untuk membantu pengunjung agar bisa mendapatkan informasi terbaru tanpa harus mencari blog melalui Searchengine, karena persaingan searchengine itu sangat berat.

Oke, langsung saja berikut, tutorialnya...

Cara Memasang Widget Subscribe Nama dan Email Blogger

1. Masuk Dashboard Blogger.

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

3. Kemudian paste script dibawah ini.

HTML
<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. Ubah tulisan my/rdSX dengan id feedblog di feedburner milik kamu, dan simpan.

Lihat hasilnya, Semoga bermanfaat dan terimakasih.

Referensi : http://www.amw-free.my.id/2015/06/cara-memasang-widget-subscribe-black.html