Cara Membuat Widget Email Subscribe Keren di Blog

Cara Membuat Widget Email Subscribe Keren di Blog - Gak terasa sudah hampir 2 minggu blog ini tidak meng up-date postingannya dengan alasan urusan dunia nyata yang bisa dikatakan sibuk hehe, 

oke deh di artikel ini kami ingin sedikit memberikan tutorial bagaimana cara membuat widget email subscribe keren di blog yang berguna agar pengunjung bisa ikut berlangganan supaya tidak pernah ketinggalan update - update artikel dari blog tersebut dan biasanya setiap ada artikel yang baru maka otomatis bakal di kirim ke email orang yg berlangganan tadi 

Oke tanpa banyak basa - basi lagi silahkan anda ikuti step by step nya di bawah ini bagi yang mau memasang widget tersebut di blog nya :

1. Buka dashboard blogger anda
2. Langsung ke menu Tata Letak
3. Pilih Tambahkan Gadget
4. Terus pilih Html/Javascript
5. Silahkan Masukkan Kode di bawah ini :

<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'>

               Subscribe Here

              </div>

                 <p>Sign up here with your email address to receive updates from this blog in your inbox.</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=postinganmusa&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='postinganmusa'/>

<input name='loc' type='hidden' value='en_US'/>

                <input class='submitbutton' type='submit' value='Subscribe Now!'/>

              </form>

             </div>

</div>

      6. Silahkan anda ganti Postinganmusa dengan feed blog anda di Feedburner
      7. Simpan

Bagaimana menurut kalian ? keren bukan widget ini, kalo gitu apalagi silahkan anda letakkan widget tersebut di blog anda, satu lagi widget ini bisa kalian letakkan di mana saja mau di bagian footer, sidebar dll, oke mungkin cukup sekian artikel kali ini silahkan berkomentar jika anda berkenan :) dan Terima Kasih

Share this post