Cara Membuat Widget Kotak Berlangganan Plus Media Sosial di Blogger

Kotak berlangganan (Subsciption Box ) Plus Media Sosial ini adalah berfungsi untuk mengirimkan suatu pesan atau email langsung dari para pembaca blogger. Caranya gampang mereka harus mengisikan email di kotak berlangganan yang tercamtum disitu. Widget ini bagus banget buat ningkatin pengunjung ke blogger anda. Setiap anda update artikel atau postingan, maka pemberitahuan akan masuk ke Email para pembaca dan tidak menutup kemungkinan mereka membuka email tersebut yang notabene bakal ngarahin mereka menuju blogger anda. Itulah manfaat kotak berlangganan yang satu ini. Jika anda tertarik dengan kotak berlangganan diatas, maka ikuti langkah - langkah berikut ini:

Cara Pertama:

1. Login ke Blogger.
2. Tata Letak -> Pilih dibagian Sidebar -> Add Gedget HTML Java Script!
3. Copy-paste kode berikut ini di Tata Letak tadi. Gausah ke Edit HTML

<style>
.tbisubscribe {
border: 1px solid #D3D3D3;
padding: 8px;
width: 300px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
</style>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />
<div class="tbisubscribe">
<div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">
Berlangganan Agar Mendapatkan Update Blogger</div>
<div style="color: #666666; font-weight: bold; font: 11px Oswald, cursive; margin: 0px 0px 10px 15px;">
Receive Quality Posts Straight in your Inbox   by submitting your Email ID below</div>
<div style="margin: 10px 0 0 6px;">
<!--Subscription Box-->
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=contohblognih', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="maycyber-download" />
<input name="loc" type="hidden" value="en_US" />
<input class="tbimailbox" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />
<input alt="" class="tbisubmit" title="" type="submit" value="Subscribe" />
</form>
</div>
<div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;">
Follow us on:</div>
<div style="margin: -32px 0 0 120px;">

<!--Facebook URL-->
<a href="http://www.facebook.com/" target="_blank" title="Join us on Facebook"><img alt="facebook" src="http://3.bp.blogspot.com/-ChHaXU5VfIE/UJkIg5tptTI/AAAAAAAABEg/kzXjQ2QxEPo/s1600/facebook.png" /></a>

<!--Twitter URL-->

<a href="http://www.twitter.com/username" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="http://3.bp.blogspot.com/-aG-POFOiBHc/UJkIkayVTGI/AAAAAAAABE4/hhun4Hjaudw/s1600/twitter.png" /></a>

<!--Google+ URL-->

<a href="https://plus.google.com/" rel="author" target="_blank" title="Follow us on Google+"><img alt="gplus" src="http://2.bp.blogspot.com/-gxpckVUYzWI/UJkIh5kHQ5I/AAAAAAAABEo/IlR9Bt-FVBE/s1600/googleplus.png" /></a>

<!--LinkedIn URL-->
<a href="http://www.linkedin.com" rel="nofollow" target="_blank" title="Follow us on LinkedIn"><img alt="linkedin" src="http://1.bp.blogspot.com/-c7m7fLXHewI/UJPaWsVTZ6I/AAAAAAAAA-M/uvdMMglb8fE/s1600/linkedin-circle-2.png" /></a>

<!--RSS URL-->
<a href="http://feeds.feedburner.com/" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="http://4.bp.blogspot.com/-aN0dAN4mIno/UJkIje-dmSI/AAAAAAAABEw/gyK0zwpvjdE/s1600/rss.png" /></a>
</div>
</div>
<!-- End -->

4. Silakan Link kepunyaan anda.
5. Simpan!

Demikianlah Tutorial Blogger kali ini. Sekian dari saya, Semoga Bermanfaat!