Iyan-Blog.com | Cara Membuat Kotak Email Berlangganan Blogger ~ Pertama-tama saya ingin mngucapkan Selamat Hari Raya Idul Adha 1435 H kepada seluruh umat islam yang ada di dunia. kali ini saya akan memmbagikan cara membuat kotak email berlangganan pada blogger, widget email berlangganan ditujukan kepada para blogger agar mereka mampu menjaring banyak pengunjung blog lewat email. Jadi, setiap ada artikel baru yang diterbitkan diblog tersebut maka pelanggan akan secara otomatis mendapatkan kiriman update lewat email. bagaimana cara membuatnya, silahkan ikuti tutorial ini dengan teliti:

SUBSCRIBE BLOGGER

1. Login ke akun blogger
2. masuk ke halaman tata letak
3.  klik "Tambahkan Widget" >> HTML/JavaScript
4. lalu masukkan kode dibawah ini 
<style type='text/css' scoped>
#subscribe-box {width: 300px;height: auto;background-color: #333;padding-bottom:10px;margin:0 auto}
#subscribe-box p {font-size: 14px;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: 14px;width: 92%;border:0;border-radius: 2px;}
#subscribe-box .emailfield input:focus {outline: none;}
#subscribe-box .emailfield .submitbutton {background: #F4836A;color: #fff!important;border:none;outline: none;width: 100%;cursor:pointer;border-radius: 2px;}
#subscribe-box .emailfield .submitbutton:active {padding-top: 11px;padding-bottom: 9px;}
#subscribe-box .emailfield .submitbutton:hover{background: #DD7761;}
</style>
<div id='subscribe-box'>
                 <p>Sign up here with your email address to receive updates from this blog in your inbox.</p>
             <div class='emailfield'>
              <form action='https://feedburner.google.com/fb/a/mailverify?uri=iyan-blog/Hkbw' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=iyan-blog/Hkbw&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='nama blog ente'>
<input name='loc' type='hidden' value='en_US'/>
                <input class='submitbutton' type='submit' value='Subscribe Now!'/>

              </form>
             </div>
</div><script id="_waubbh">var _wau = _wau || []; _wau.push(["small", "nomarzezoh6z", "bbh"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>
  • Ubah kata yang berwarna merah dengan Username RSS/Feedburner anda
  •  Ubah Kata yang berwarna kuning dengan nama blog anda 
 5. Lalu klik simpan
6. .::selesai::.

Terima kasih telah membaca. jangan lupa untuk share, like , dan komen postingan ini.

5 komentar:

  1. Thanks gan ane sedang butuh widget ini :D

    ReplyDelete
  2. Makasih mas bro, saya pas butuh wiget ini juga, salam sukses buat Anda. Satu lagi saya ingin tanya, kalau menghilangkan tulisan yang online di bawah box itu bagaimana yah?

    ReplyDelete
    Replies
    1. yang mana, iyan-blog.com itu?. itu cuma digambarnya aja

      Delete
  3. cara ganti warna backgroundnya gimana min? saya mau buat tidak menggunakan background

    ReplyDelete
  4. mantap gan sudah lumayan sedikit lah blog saya dipasang ini

    ReplyDelete