Cara Membuat Widget Stay Connected


Cara membuat widget stay connected :

  • Login ke dashboard blogger anda.
  • Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
  • Copy script dibawah ini dan paste pada gadget.


<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/AVvXsEjQnRTZOZieG8Oqjr7gBDveBkB6JhBan1u2-i4Ja5nwFRREE4NNmH3aYJW3Fr_evUUsbE_42Cu7bSeVRMg_ySHhmvWVLfq0IwuQM_y-Obeaj2GYPLsehDKcZZxScsWJ0VlbvHuuHbOTE8A/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-NAME" target="_blank" title="Follow Me On Twitter">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVqpNvVtADIAtXUZ46I6xxQZUr1GMF-39OSmeVRcqiFfs7eSklJLH_FNx_TM-mhVJXnStP1NTxQJp_y6kCm_h-crJAsA9GTRl9Xx-zznKnmu16n_zUleNITH5OJx4-QHx85OElsy14Saw/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/AVvXsEhXHQJ12Hy3ZvtH_r0-v3AWRQfzvTISpFzAhHezDrrZ2TUax9rY2Aj8UT3Aj5b30MpmSBiisB33ApGWEsjBW1g0MyiZwxVDuGJkzCh1_HFVdtpfhupEvWcIHQoE0fBUBv4thBwtQj0sA8k/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/AVvXsEjLKmnM7jVQ2KCyfLmpLEB19XhM-LB1w2tJal6i1PPfgghYE_EbdiWaqy8z3-Jvpe-Nznd-NIurDsXeL8Xahqv6DzDjL6TYPamE_nMfLS7t4JCW82Jvk_4qXMYttzgxOJYOM3o8yi5zZDk/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/AVvXsEin1-A_U88gWiN-m1Yj8Wj4PIkGV9zRF_z9dxIgNhKZMoLaK0niQO8oTPwdXnXlh02WKQkQi2plfezozRv1TuLjkeIRJZjDpzw-ouDHcR3xDfSx_FmLIaw5-3eYSKPW76BgfhD2uVplAXw/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/AVvXsEhWKxtE5dXMaDJhAhBVglWfymJhb7SW_eFfO8A1efP9QdxzrW7Yu6xpG5f9y45DraUYF2JtVFUWnB_YFr5GHfVygUItggvPTvZYvgUgoyBtvZwnbGE9_OI8u82V7tGs-ZXt7IKq0Del9_8/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/AVvXsEi1_OHbdWyypO3veYXZjKHhEFd1zb_6h5QhAcUDXZujrLpZfpH_RjZ2-tuWWR5dyo-XPKXqPSv6BeHwA1TvmiDKSm_QQ-39PNV5Oo3qIhylQy6TYjx4rbJLgtqAiKDaA3Yxv88111wZMoY/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>


  • Ganti yang berwarna merah dengan URL sobat.
  • Dan simpan..

0 komentar:

Posting Komentar