Cara Membuat Kotak Email Berlangganan SEO Keren-Sebenarnya widget ini sudah disediakan oleh blogger sendiri, namu widget yang disediakan oleh blogger terkesan lebih standar. Oleh karna itu pada kesempatan kali ini saya ingin memberikan widgate Email berlangganan yang cukup keren dan dilengkapi dengan ikon social media seperti facebook, twitter dan google plus.

Keuntungan menggunakan widgate email berlanggannan adalah untuk memudahkan pengunjung mengetahui artikel-artikel terbaru melalui alamat email yang mereka daftarkan. Sedangkan keuntungan untuk pemilik blog, akan menambah visitor jikal banyak pengunjung yang mendaftarkan emailnya. Semakin banyak pengunjung daftar email berlangganan, maka setiap pemilik blog melakukan posting terbaru akan secara otomatis ada pemberitahuan kepada mereka.

Untuk Cara Membuat Kotak Email Berlangganan SEO Keren ini tidak sulit, hanya perlu mengikuti langkah-langkah dibawah ini. hal yang perlu anda perhatikan adalah, ada terlebih dahulu harus daftar ke feedburner, jika anda belum tau cara daftarnya, silahkan baca disini. Selanjutnya ikuti langkah-langkah berikut ini:

1. Pertama Login ke blogger
2. Pilih Tata Letak
3. Klik Tambahkan Gadget lalu Pilih HTML/Java Script
4. Copy dan Paster script dibawah ini kedalam kolom HTML/JavaScript
<style>
    #sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
     .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbRA0WSIo3nj6-2YGfDbkiKHCA5gIhp4JAtVCpQ0cp0froTNHE5t8fnapHYrpD3jxQf_SgfSTvsZA4pX6JNLjjyC4DQ71HgAMniFrnIWnkfDKpYyoMCg2z2VbDpkKJvC7yC5QwuT7b7Lg/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
     .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
     .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinW7x2MPTnzmpoZlgd2bi-Rr-2xHxg8QFFfMAD7b5joKvyWQHkpFpOle7M3GmcuNE1XXJNuirBlPvB7Xp3057XLLRg7PrQfUt5SulE5JoRBNjnfOZ0arsXEQEw8jVenMW7gSg-NicgvOA/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
     .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
     .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
     .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
     #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
    a.social-icons{margin-right: 5px;height:45px;width:45px;}
    a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
    </style>
    <div id="sidebar-subscribe-box">
    <div class="sidebar-subscribe-box-wrapper">
        <br/>
    <a class="social-icons" href="https://www.facebook.com/kudil.kadil"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Facebook_zps68f4035b.png" /></a>
    <a class="social-icons" href="https://twitter.com/kudil_kadil"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Twitter_zps433926c5.png" /></a>
    <a class="social-icons" href="https://plus.google.com/u/0/+DiditRiadi07"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Googleplus_zps8404ed17.png" /></a>
    <a class="social-icons" href="http://feedburner.google.com/fb/a/mailverify?uri=tipstricksbloggerpemula"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-RSS_zpsc0214ee8.png" /></a>
    <p>Ingin mendapatkan update artikel terbaru dari kami? Silahkan masukkan email anda dibawah sini</p>
    <div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=tipstricksbloggerpemula" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tipstricksbloggerpemula', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="tipstricksbloggerpemula" />
    <input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Masukkan Email Sobat Disini !"/>
    <input class="sidebar-subscribe-box-email-button" title="" type="submit" value="JOIN NOW !" /></form>
    </div></div></div>
Perhatikkan:

  • Tulisan yang saya beri warna merah: Silahkan ganti sesua link profil social media kalian
  • Tulisan yang saya beri warna hijau: Silahkan ganti sesuai kata-kata yang anda inginkan
  • Tulisan yang saya beri warna biru: Silahkan ganta sesuai Username RSS/Feedburner kalian
5. Setelah selesai jangan lupa untuk menyiman denga menekan tombol Save/Simpan