Friday, December 20, 2013

Most Common Four Follow Buttons together in a Blogger Blog


Social Networks are really so helpful and seriously effective for the Bloggers or Website Owners. The Bloggers may spread out their posts all over the world by the help of the Social Networks. Facebook, Twitter and Google Plus are the most common three Social Network Sites. I use my own Facebook Fan Page for myself and another Facebook Page for this blog. I have also use a twitter account to tweet the new post's update. Following this tutorial you will be able to add four common animated follow me buttons for Facebook, Twitter, Google Plus and Feedburner Reader.

facebook, twitter, rss, google plus follow button


Look at the above image, these are the most common four Social Network's Follow Buttons with links. You the blogger can add these four animated beautiful follow me buttons to your blog very easily. These four buttons will be helpful for you and also for the visitors. However, follow the steps given below to add these Four Most Common Social Network Buttons to your Blog or Website.


 Step 01  Log in to Your Blogger Account
At first you have to log in to your blogger account. Now click on Layout from the left side-bar.

 Step 02  Add a HTML/JavaScript Gadget
Now find out Add a Gadget and click on it. A new window will open with a list of Gadgets. Scroll down and again find out HTML/JavaScript from the list and click on it to open.

 Step 03  Copy the Codes into the Content Box
After clicking on the HTML/JavaScript a new window will open. Now copy the codes given below in the box and paste them into the Content Box. I have given the Customized Codes of the buttons for the best result.

<a href="http://www.facebook.com/iDhalibd" imageanchor="1" style="margin-left: 0em; margin-right: 0.5em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Cnru6O9kGtn8uZlGwFUzPhY0aREQ7jVHTNR2iZy3tdo55-k7lQjgu-HeAKg6s-CWzCgX_DnjWo7wwsrK1JvnoNAZSyM5FHS62njW02KpvEjsh7jgDFkRh2-km8YfrZCI170X-guE6GE/s1600/facebook-30x43.png" /></a><a href="http://twitter.com/LaxmicharaChele" imageanchor="1" style="margin-left: 0em; margin-right: 0.5em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1wigDid59UfNgVUMsIMY5tRKJClweeDADERMBa5stSsGrQAEfV2GmyKB639dC-p1C8p2C0JwNxE8jFf80UWPNP7ra7TR5UWP1SdeSQ-SaJRW6C14NZDwPeo0fQX6sdo-kxoIcISF5kiQ/s1600/twitter-30x43.png" /></a><a href="https://plus.google.com/115863560396848116557/posts" imageanchor="1" style="margin-left: 0em; margin-right: 0.5em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQoBBo89TPPP4mY52eAuG65LoQt3VCgKjwl8D4_BQuH5493llSLiqM6CKT0fADh-ZpUG_y8Ut5z_r2P3B3c8l6e6GgQqDWNWLsSgFySF48HhNfLVQcku5BRGwiIBjjdM6ZxuQb-SZc0yM/s1600/googleplus-30x43.png" /></a><a href="http://feeds.feedburner.com/iDhali" imageanchor="1" style="margin-left: 0em; margin-right: 0em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Na2y9IrgwRzyPkuuuGJo7COqIQ3rXr_QPum3Cm1oVHhXqXbnjh67dIQXnnezP9f6G4CQBA7I_1nnbqSszVvPt1GtYdx-s-dxlgMB-G8_nCM2x3to3-vbyxZjhLNsC9qmbQeEkIktXPY/s1600/rss-30x43.png" /></a>

 Step 04  Replace the URLs
In this step you need to replace the colored texts with your own URL's. For example replace http://www.facebook.com/iDhalibd with your Facebook Page's URL or with your Facebook Profile's URL. Then replace LaxmicharaChele with your own Twitter ID. Then replace https://plus.google.com/115863560396848116557/posts with your own Google Plus One Profile's URL or with your Google Plus One Page's URL. And at last, replace http://feeds.feedburner.com/iDhali with your FeedBurner Account's URL.

 Step 05  Save the Gadget
After changing the URL's now click on the Save Button to save the Gadget. And then place the Gadget where you want to show these Buttons. Now click on Save Arrangement and visit the blog once again. Hope you have got the Buttons in your expected place.



1 comment: