Widget Email Subscription di Blogger V1

Sesuai janji saya, saya akan mengshare cara memasukkan widget email subscribtion di Blogger. Memang sih masih sederhana, tetapi kedepan akan diperbaiki dan dibuat lebih baik. Kegunaannya tentu sudah jelas, yaitu menambahkan jumlah orang yang berlangganan di blog anda.

Mengetahui uri feedburner

Sebelum itu, anda harus mengetahui uri feedburner, kalau tidak tahu, silahkan baca artikel sebelumnya.

• Cara mengetahui uri feedburner blog anda

Memasukkan Widget Email Subscribtion

Setelah anda tahu cara mengetahui uri feedburner, sekarang .
1. Buka blogger > Tata Letak / layout > Masukkan HTML/Javascript
2. Masukkan kode berikut

/* Email Subscription by idbloggertrick.blogspot.com */ <style type='text/css'>#sidebar-subscribe-box transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper #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 ;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{background:#f5f5f5;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%}</style> <b:if cond='data:blog.pageType == "static_page"'> <div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>Berlangganan dan selalu update dengan kami dan dapatkan update terbaru melalui Email </p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=idbloggertrick" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=idbloggertrick', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="idbloggertrick" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Masukkan alamat emailmu :)"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Berlangganan sekarang" /></form></div></div></div></b:if> /* Email Subscription End */

Petunjuk pengeditan

1. Ganti yang berwarna biru dengan uri anda
2. Ganti kalimat yang berwarna ungu dengan kalimat yang muncul di kotak input.
3. Ganti kalimat berwarna merah dengan kalimat anda
4. Ganti kalimat yang berwarna orange dengan kalimat anda sendiri.

Dari saya
Mungkin masih terlalu sederhana widgetnya tetapi kedepan saya akan memperbaikinya