Subscribe Keren Lengkap dengan Sosial Media

Memasang widget langganan artikel di blog sangat di perlukan jika blog kita ingin maju dan berkembang untuk masa yang akan datang, karena dengan memasang widget ini blog kita akan mudah di temukan oleh pengunjung tanpa harus berkunjung langsung ke alamat blog kita, karena widget ini menyediakan email berlangganan yang akan terkirim langsung ke alamat email yang terdaftar setiap kali kita mempublikasikan artikel, sehingga memungkinkan pengguna untuk berkunjung balik ke blog kita.

Widget yang biasa kita kenal dengan istilah subscribe ini banyak ragam tampilanya, salah satunya adalah yang akan saya bahas pada kesempatan kali ini, yaitu subscribe keren lengkap dengan sosial media.
Berikut tampilanya :

Keren kan? jika sobat tertarik ingin memasang subcribe keren ini ke blog silahkan baca panduanya sampai akhir,yuk kita langsung saja mulai membahasnya :

1. Silahkan sobat Login ke akun blogger sobat
2. Masuk ke pengaturan Tata Letak
3. Klik Add Widget
4. Pilih HTML/JavaScript
5. Masukkan kode di bawah ini kemudian Save

<style>
#news-letter{clear:both;padding-top:10px;}
.msg-box{float:left;width:50px;height:54px;margin-right:9px;padding-top:5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5JEQHe7b8SfzZG0S4OM1zLdLc0EOs8t70eVgT7Rz7zHioCKehGgKOnSdDKe-YqdRjc3K3TMdPTHILHwO3L7YnOMYOuXjnh7b7VZTNr9Aa7DEcYgxojDBt-evpdV_7S83A_pnGRWcos20/s800/mail-box.png) no-repeat;}
.news-headline{position: relative;z-index: 999;font-size: 12px;padding-bottom:10px;font-weight:bold;}
</style>
<div class="news-headline" color:#333;>
Dapatkan Update Artikel via Media Sosial Anda :
</div>
<center>
<table border="0">
<tr>
<td style="padding-right:4px;">
<a href="http://twitter.com/lindamarlina40" target="_blank" title="Follow Me On Twitter">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih12n0Q4bn5lU8stT0MyTXnt_IzY_z8L5NS3YKGmDdKen4Vk1cunACK9wVeET8ZVbH0-Sm3HkX3QBBl6N-lGqGhZrZQFbVFetZmoIXKC9ORduv-F_IFMUAb_enwEcqTTfWdAUL0EvjKYw/s800/twitt.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="http://feeds.feedburner.com/arieadie" target="_blank" title="Subscribe Via RSS">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgia1TX92w21NwiXBsOgjTNdeDmVE6a8zYoAx2ka5AxHNV32GaWNYD1fiNIkELxMIaWOBoj3DOKVLIG-40Oc89OVgCoDyQGXmED_lZ0gB-1kzC1Lk9ky6ibb1k5G2fmBNP0KHBYDNh8sgQ/s800/Feed-icon_128.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="#" target="_blank" title="Find Us On Facebook">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjoxiUpdWEsAsjZUCcMtIFxipGZeWQU_O__5bWmmAyYQ08vbwHbVd0AaiLzJTnq3artqlKZp5vQUVnEo_jqCYIQdyYPGfbG1llfNzX4dNmUMVZy-fJJ2KwcondUYlRSk6cwxTUBXrLMOo/s800/Facebook_icon.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="https://plus.google.com/106381383065488" target="_blank" title="Add me on Google+">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaTfWjWnbQeoqBKQoEJQdFt0HdIjSyiPBj8hP_jM2Mcs5fM8H-tMZzJkhCOj3QAG1Fq2nwTdy_DGFYHLxIG-9ojIfpphR7N5u_J2ANpkeFbVnFtubnAcM9IlCA00FtjwHUyWLAoTzedjA/s800/googleplusicon.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="http://www.stumbleupon.com/share?url="http://mas-arie69.blogspot.com" target="_blank" title="stumble upon">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFQZhHWctVhjQOjv0qugj8KUxX2JQf5zeWNiYztmv5QSOAfoKFpAcm6rxksCsMwXFqp28XFIJEVlFZO8hdD_Nxb0B1SzqjFLsSaTJoXyhjCM3H21rxV936LOhAqPxWznbKpyiMB3ht2Tg/s800/stumbleupon_icon.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="http://technorati.com/faves?sub=addfavbtn&add=http://mas-arie69.blogspot.com" target="_blank" title="Add To Technorati">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYL3wgOWTO516Iw7yxw3lXMSaSmSto2pFPFwcHCv3siul_3cgfXwnQnFRHj5u4Nz1r_nOxcAO3ARvDCzn6G19fBCT81lcPaIXFFPwG7qVF_OY-JQT4w0GwJs4p6MMV2nx9JnZbh6R4UgU/s800/Technorati-icon.png" /></a>
</td>
<td>
</td>
</tr>
</table>
</center>        
<div id="news-letter">
<span class="msg-box"></span>
<b>Langganan Artikel :</b>
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=arieadie', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify?uri=arieadie">
<p><input type="text" valign="middle" name="email" value="Masukan Email Anda" size="25" maxlength="100" onfocus="this.value = '';" style="width: 140px; height: 21px; font-size: 11px; color: rgb(51, 51, 51);" gtbfieldid="2"/>
<input type="hidden" value="arieadie" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="Daftar" id="submit"/>
</p>
</form>
</div>

Jangan lupa untuk mengganti data yang berwarna orange sesuai dengan data blog sobat.
Untuk menyesuaikan ukuran sobat bisa menggantinya sesuai selera.
Sampai ketemu di artikel berikutnya.

Bagikan ke :

Facebook Google+ Twitter Digg Technorati Reddit