Kamis, 08 Maret 2012

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/AVvXsEjeaGbkZF8bYTsILhYolu1MdbMPEKF6DLTT7mifkrXYu119N08BxtuHg4VlRcnXRrv3K4oRVOV4yaIY2kqGHOK8Nudd2uCq7XPfMkdukP1sj-icdZM50ukozqRCOeaGPzzwHVv929pQqsc/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/AVvXsEiYX6e685TjaROQ0xXb6bp-DSPLyl3ICTAoYgJNkYYAMuMSv0qtwonFdBcPcGTV49n7Kv_VJ5ILkThVWtDUCvs1BZDXHvLpYQJ40WHwpx5fgtPJ1SeCrWnZlz3YXoVr-cw0ofX6WLm8fGU/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/AVvXsEhn3qne7cpfo9TJqMaJMkuwmNlktFYsEXnjgRV_nt-8Rn1-SxOWcQKqXk9LxFw6OW-K0axvkrINIJEXDyGlACr8lNPtKg0hPR1FiC5nuscah-f8fPBMy8CzRgh75l0w8D9gLcI-lwvkolM/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/AVvXsEixKoXvgpVTOhrH_Clcg38uLjVdhO1fm1yPeypF8DppZmKm7UCiqr-LtBkh05kdFB4tTl54_JRqwOKyu9yFSfap3WLq6oF1CJa3R88fClm4HnJV-evKqEwx0gfy-1o7L_udmoR2ifYiGpc/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/AVvXsEheZH9S7ONeeExD9PNHEu115t0eFiQwGSDkuIVOSzw4LdrKv7xPNDrvYPEdqv9TzjFO0iBde4U7xxBTFwe4aoJGz8o2LYpIYTgZxEDyF2QUAR-BqsEauXt0opXlSftDodGdtsI0Nam_6Po/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/AVvXsEjy1FhbGHmBhujvanadfXXGEYfm6ou_F2zWzJhPN1u32H5bDTBPkwe6u9dh_t1hbH0ATAMz3r0O0Y6nwC-77cmO0_T3opKNmt3ky9hTLbxQQ8dnNHfGUGz1bxJ-GJPSiuqlaBps96coxHg/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/AVvXsEjyRi05qCVp7D8-wPlgiXYvqPJrVKGwUG9omX4SK2agep8pMCKu-V8xFE8HnJM9pHficC-5t-R5a9O0sn4sUmh1kbcldXTgo-kVoPJZQp2niWJ6D_4DVg78Hbqha9n6YKt75k02rMCMNJA/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..

Tidak ada komentar:

Posting Komentar