How to Install [Follow and Subscribe] Widget in Blogger

Follow and Subscribe Widget [Social Icons Tool]

Install icons of sites you use, like Twitter, RSS Feed, Youtube and others. The benefit of this is to increase your followers, keep them in touch and updates, contact, and get more vistors from these sites.


You can install it on your blog in two methods:


First method:
  • Click on [Change Links] at the top of [install] button.
  • A list of sites names and fields will be presented.
    • Insert URLs of your sites accounts in that fields, and click [Save].
    • You can edit them by clicking on [Edit link] button.
    • If you don't have account in some of them, you can remove it clicking on [X] button.
  • Now click on (Install) button » Select a blog.
  • You can change the Title to what ever you want.
  • Finally click (Add widget).

Second method:
  • Go to Layout » Page Elements.
  • Click one of (Add a Gadget) links » Choose HTML/JavaScript
  • Copy/paste this code into the content:

<!-- by your-tools.blogspot.com -->

<div id="social" style="text-align: center;">
<a href="#delicious"><img border="0" src="http://3.bp.blogspot.com/_PHbzU7tGJYI/S_-j-hB36PI/AAAAAAAAAx4/Zsbm9oOX3-Q/S1600-R/delicious.png" alt="delicious" title="delicious"/></a>
<a href="#digg"><img border="0" src="http://1.bp.blogspot.com/_PHbzU7tGJYI/S_-kLW2KfKI/AAAAAAAAAyI/H1q4FUql9HQ/S1600-R/digg.png" alt="digg" title="digg" /></a>
<a href="#facebook"><img border="0" src="http://3.bp.blogspot.com/_PHbzU7tGJYI/S_-kJzD6PgI/AAAAAAAAAyA/lrKCGu2FcDY/S1600-R/facebook.png" alt="facebook" title="facebook" /></a>
<a href="#feed"><img border="0" src="http://4.bp.blogspot.com/_PHbzU7tGJYI/S_-kUQuh8oI/AAAAAAAAAyQ/XoieCplE92M/S1600-R/feed.png" alt="feed" title="feed" /></a>
<a href="#flickr"><img border="0" src="http://1.bp.blogspot.com/_PHbzU7tGJYI/S_-kVhVxNzI/AAAAAAAAAyY/pB5NLd5VMwc/S1600-R/flickr.png" alt="flickr" title="flickr" /></a>
<a href="#twitter"><img border="0" src="http://3.bp.blogspot.com/_PHbzU7tGJYI/S_-khak4neI/AAAAAAAAAyo/SCKiPJu1StA/S1600-R/twitter.png" alt="twitter" title="twitter" /></a>
<a href="#youtube"><img border="0" src="http://4.bp.blogspot.com/_PHbzU7tGJYI/S_-klIBKk5I/AAAAAAAAAyw/nqw8c_aqW-0/S1600-R/youtube.png" alt="youtube" title="youtube" /></a>
<a href="#linkedin"><img border="0" src="http://2.bp.blogspot.com/_PHbzU7tGJYI/S_-kb6LVEgI/AAAAAAAAAyg/tiUQyPdEIls/S1600-R/linkedin.png" alt="linkedin" title="linkedin" /></a>
<a href="#myspace"><img border="0" src="http://4.bp.blogspot.com/_PHbzU7tGJYI/TAAFugX3QTI/AAAAAAAAAy4/8IVSGwkovbc/S1600-R/myspace.png" alt="myspace" title="myspace" /></a>
<a href="#stumbleupon"><img border="0" src="http://2.bp.blogspot.com/_PHbzU7tGJYI/TAAGOvqBqlI/AAAAAAAAAzA/UhFgarWCj38/S1600-R/stumbleupon.png" alt="stumbleupon" title="stumbleupon" /></a>
</div>

<!-- by your-tools.blogspot.com -->

Change the red texts with the URLs of your accounts, or remove the one you dont use.



Attachments

+ follow-subscribe-icons.zip

Codes in your comment? escape them first:


(Undo: ctrl + z)

Post a Comment