4/15/12

Stay Connect pairs of Widget (Social Bookmark and Subscribe)

You click the post again .. :) On this auspicious occasion, you click the widget will give cool again like some other cool widgets that have you click post. This time named Widget widget Stay Connect. Curious as to what stay connect this widget? Okay, I explain .. widget is a widget stay connected with a row of the followers of social bookmarking, feed burner, and a button to subscribe via email. Stay connected widgets can be put on the sidebar, if possible at the top for easy viewing. This widget is pretty cool audience, not wealthy to subscribe via email widget that looks standard default blogger: p So stay connected widgets are all collected in a box so it saves space in the sidebar.

Looks like? Please be visible in the figure below:
Way that is also easy to install just follow the steps below.
How to make a widget stay connected:
  • As always you have to login to your blogger dashboard. 
  • Choose Design> Page Elements> Add gadget (HTML / JavaScript). 
  • Copy and paste this script on the 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/AVvXsEhcbR_7a8JFLHZKZezT4mS7ubDsY2oScxvyTHY2a0iJRkaHxwtDhuwuwRrUAuemkK8eNqY4j9qZjfIEGcejmz5SUeRZXwAcm_7CutQ9mWdB7WRbTbnIG7wOyXXi3VriDmqYXwDXnIvgXFg/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/AVvXsEjhJlHZuzY2b1qAFotYg9ftP2AZ7ZZspo_7YqUBrWBzNgSBhpOqHrnhMCzlYqWrAkvEGb4p5CBP6k8eK54oS1xo4fmVlBgAhyH4F-nw4psh3Ew_mq4amUU__oMlxoIPXwvDS_DHSc_bCb8/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/AVvXsEiS5ELgjQCdeThKq5GuWYq3NqhgK-jRWzwpz0oXRzDN5XgIfFwMeQZchM3hEHC8Ol4v6DFXhWGbNNlf4U6nyEOpkECaSSvOeUKFrYLuJ8lIcxAmHTWYHsr-4v9Af6vC5hNcpKF-U__oQzY/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/AVvXsEgHqikhvyVZs4jJXokEHx4nlzeLfU2-uO8eqRJiByjZvr32JHwzu9sMiST4E-ZClb5aOBseJcUlIlqz9AHjbz3oHzVsAzK0gMJ2468rDktJ0AJLBUl2QKcSsf80ufPzWWcQcfAKoKBKc4k/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/AVvXsEjVmsA5KRgmXy5GUwroXETb7z2AxzhW9cW6KUaTxdctqV548v9jp0DuAbGuS6lPosDIvr_PpQ8IftjSCNcLu6tcIUUjn0ZZ22t-phRCAHLJGROGwY3sqq-65xJf1WWmvpIw1ffwmcqLdhU/s800/googleplusicon.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="http://www.stumbleupon.com/share?url=URL BLOG KAMU" target="_blank" title="Stumble Upon">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBjklJvewgRHd7k2nZ5Y0-Ms1e9JfiCs0bSZ36swXEmkYuazqecUUo1tOcVB-6RkabOypgNPLrjtvTGkKblcHEQD1rMNZbMoKTZvbBXYx636-kcJglAexdIVNI5f1OYL-AkIE3UBjGinM/s800/stumbleupon_icon.png" /></a>
</td>
<td style="padding-right:4px;">
<a href="http://technorati.com/faves?sub=addfavbtn&add=URL BLOG KAMU" target="_blank" title="Add To Technorati">
<img style="width:25px; height:25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTHt5rh4Nv3vTMt9UMzHH6FZHJLJsXCAfw3ke1dL0wcOdD6BwShdrhCHvs4UCB4p9wISb3ZLVL8qJu8QtfJQUXwKIeLFBHCPzDNZI-uLkLggTzSV6QRfhuYCJcYknLG6sfWcUg1AQ2bEo/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=0&amp;label=listeners" height="26" width="88" style="border:0" alt="" /></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?uri=FEEDNAME">
<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>
Get this <a href="http://anaznews.blogspot.com/2012/04/stay-connect-pairs-of-widget-social.html" target="_blank"><blink>widget</blink></a></div>
  • Then you Save 
Manual editing widget stay connected:
  1.  FEEDNAME Replace with the name / title of your blog feed that is listed on the Feedburner service. If you do not already have an account at Feedburner then sign up first and so easy to remember (for how to register, please search in google with keyword 'How to apply feedburner) make the title of your blog feed with the blog title. For example for this blog I give a name feednya "You-Click". 
  2. Replace TWITTER-NAME with the name of your twitter account. 
  3. Replace URL with the address-FACEBOOK fan page, or perhaps your Facebook profile. 
  4. GOOGLE-PLUS-Replace URL with the name of your account Google +1. 
  5. And finally, change the URL of your blog with the address / url of your blog homepage. For example http://anaznews.blogspot.com/
  6. If you have any questions please comment below

No comments:

Post a Comment