0 Tutorial Membuat Widget Stay Connected di Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Pada kesempatan kali ini saya akan berbagi tutorial membuat widget stay connected di blog Widget stay connected ini mempunyai beberapa tombol follower seperti jejaring sosial facebook, twitter, RSS feed beserta tombol untuk berlangganan via email. Widget ini dapat di letakkan di sidebar blog, kalau bisa di letakkan dipaling atas sidebar supaya lebih mudah dilihat pengunjung. 

Nah, ini tutorialnya :


1. Silahkan Sign in ke blogger kamu
2. Masuk ke Dashboard, Tata letak, lalu Klik Tambah Gadget
3. Letakkan kode dibawah ini di HTML/JavaScript

<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/AVvXsEie6ZPvn6Gb6QN3ojPMmq98NhnaHLRJrufFBnYm_f6eJQ6PUKuPm9I1cwZPJkKPU88xxwO30DQ39-iWS7Z00Uwz8UdpqgF0UIAG6L_lf-wjsPuDfvy40uRCU1Da4LHMuRrnsJGuHG9kWsg/s800/mail-box.png) no-repeat;}

.news-headline{position: relative;z-index: 999;font-size: 10px;padding-bottom:10px;font-weight:bold;}

</style>

<div class="news-headline" color:#333;>

Read latest headlines in your favorite news  reader

</div>

<center>

<table border="0">

<tr>

<td style="padding-right:4px;">

<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" title="Follow Me On Twitter">

<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFL3ZmutoUqhaSDWvr7R5LeJEL6gD3f3wVRPm7i8S9uwwb_HhURQrmtC1kWjGRmzNQqLDeLDUa2S0W3e3Vxx1sWG89IlsYSqP_iqER5RDk6AZLJe8twKdPYLd5ClaFt1pHRvIHQta8oSk/s800/twitt.png" /></a>

</td>

<td style="padding-right:4px;">

<a href="http://feeds.feedburner.com/FEEDNAME" target="_blank" title="Subscribe Via RSS">

<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH0XTDvmN3sBBHaSLFHiOeQp_NPsI9IG3HOmid4tX34YEelz2LJTmeXNTA6tQ3F4WrcPFjR1LbXHUai7oYABXQcc34-CGQ2qe48xm8dgAoq0GPle5qXOpkd_4GkRUf9Ftwr-hzMkAf6ls/s800/Feed-icon_128.png" /></a>

</td>

<td style="padding-right:4px;">

<a href="FACEBOOK-URL" target="_blank" title="Find Us On Facebook">

<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGBIFgPPZDiVkwLTXbEAbBQVBh3UAoRhfpNPD1_JEQ8lKXS52vX8Kxi-XVEpvffmmewyZu6n1NKL1zaCc2l2mKWweCAqlbcf86TMmiI4v5wYQ-f4dwWw104ZGi9tuEv-hMvghA0Dj-oUc/s800/Facebook_icon.png" /></a>

</td>

<td style="padding-right:4px;">

<a href="GOOGLE-PLUS-URL" target="_blank" title="Add me on Google+">

<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYYQhqIRxK345GV3jS2k7AtTH9a9paLdXAwyli3zUSb3EkJ7d8LgEMmrj5Z1e1fYtH4lfHPua5tIMP68wdK1UPf881yaAHKy-2Xll3s-_0dEzSBVp9HPUTtWbu52JJS0xOwWRnWQIvY0s/s800/googleplusicon.png" /></a>

</td>

<td style="padding-right:4px;">

<a href="http://www.stumbleupon.com/share?url=HOMEPAGE-URL" target="_blank" title="Stumble Upon">

<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiImeo8slR7G_X_dLk5JuXBCJDZqOMfQWVbDmT1wZodSV7fm7W0Dl0TYsyB6ZV9pn0B1AtDbq9qXUpxgQHVBX95AtZpT0hBHGRslGW84fMUz7BAADHx7QSSmjTftD0DThjEGBVnGF_GUTY/s800/stumbleupon_icon.png" /></a>

</td>

<td style="padding-right:4px;">

<a href="http://technorati.com/faves?sub=addfavbtn&add=HOMEPAGE-URL" target="_blank" title="Add To Technorati">

<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEkpZMbCoRRoYBzD8dA0U1h1Ukhnt2e6vV6YpjTqvbMkNS0TOsvz4z2BXKziDSqLhWun2vraAzWj-H5AwrG0LDUF1IhDqQj80e4Ua7SCsvy6l8mX27Lw6W_vD4ClkjuBTflT_ZlwlXR3k/s800/Technorati-icon.png" /></a>

</td>

<td>

<td style='padding-top:-2px;'>

<a href="http://feeds.feedburner.com/FEEDNAME"><img src="http://feeds.feedburner.com/~fc/FEEDNAME?bg=000000&amp;fg=FFFFFF&amp;anim=1" height="26" width="88" style="border:0; padding-top:5px" alt="Fellow Readers" /></a>

</td>

</td>

</tr>

</table>

</center>           

<div id="news-letter">

<span class="msg-box"></span>

<b>Sign up for our email news letter</b>

<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDNAME', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">

<p><input type="text" valign="middle" name="email" value="Enter your email address" 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="FEEDNAME" name="uri"/>

<input type="hidden" name="loc" value="en_US"/>

<input type="submit" value="Sign Up" id="submit"/>

</p>

</form>

</div>

Keterangan :  Ganti TWITTER-USERNAME dengan username twitter kamu

Ganti FACEBOOK-URL dengan url facebook kamu

Ganti GOOGLE-PLUS-URL dengan url google plus kamu

Ganti HOMEPAGE-URL dengan url blog kamu

dan yang terakhir, ganti FEEDNAME dengan nama/id feedburner kamu.

kemudia save dan liat hasilnya :D