How To Add Social Buttons With Hover Effects In Blogger


I am sure all of you are aware that by frequent upgrading of algorithm Google is making an impressive endeavor to control traffic of website. This has compelled more than 50 percent of blog writers to shift on use of social networking websites for enhancing traffic on their blogs. This has resulted in emergence of Floating Social Media Tab Widget which enables traffic on your website to transfigure as social followers. Introduction of this widget proved to be a great hit in current scenario. Encouraged from this others also decided to search for various different social widgets which will play an interesting role in enhancing adaptability of your blog. Therefore in our today’s tutorial we shall discuss the method of integrating social buttons with hover effect in blogger




Placement of social buttons with lingering impacts: 


There have been huge numbers of queries regarding placement of social widget on the sidebar. This has resulted in creation of Social Bookmarking Widget that can be placed on sidebar. This includes five social buttons namely Pinterest, Facebook, Google Plus, Twitter and RSS Feed. This can be witnessed from the picture shown below:

                                 
   
                                        

Method of creating social button with lingering widget in blogger:



This step is going to be more beneficial fresh bloggers and just require 5 minutes to adhere if instructions mentioned below are followed properly.

Step 1 : Click on blogger.com and then look for Layout option and then click Add a Gadget;

Step 2 : Now from the list select Edit HTML/JavaScript;

Step 3 : Finally HTML text box paste the following series of codes.  


    





Necessary steps for customization:

  • Replace https://plus.google.com/u/0/109126475579133473110 from Google+Profile URL;
  • Replace https://twitter.com/RibbunTweeting from Twitter Username;
  • Replace http://feeds.feedburner.com/ribbun-software with RSS Feed URL;
  • Replace http://pinterest.com/ribbun/ with Pinterest Profile URL;
  • Replace https://www.facebook.com/RIBBUN with Facebook Page URL.



Once all the above mentioned steps are carried out properly you now have to save the template and check the website to view the changes made.

 

No comments:

Post a Comment

Man Behind Ribbun Software

vikas Singal Vikas Singal is a professional Internet marketer from Jaipur, India.

Apart from Blogging , he is a fun loving person. His areas of Interest are php, wordpress and joomla.

At Ribbun-Software he Writes about Blogging, Wordpress, Technology, Making Money online.

You can read more about him at About me page.

@ribbuntweeting

My Tweeter Updates

    Follow me @ribbuntweeting

    Also Check