Friday, February 7, 2014

Filled Under: ,

Follow us on social media widget for blogger


A Widget for the social site blog you listed to the right of your screen and saves standing dance from your page! You can easily add this widget  and make your social appearance good.
We can see a Runing Example of this widget on the Right side of demo blog  go to blog and  take your Cursor to it and see hover effect  
 Blogger guide


To place it on your blog just follow these simple steps:
  • Go to Blogger Dashboard >> Layout.
  • Add A Gadget >> Html/JavaScript.
  • Paste the below given code in that.
<link rel='stylesheet' href='https://googledrive.com/host/0B2awdxxia6IDNllJM2U2c3dneDQ'/>
<div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'><div class='fixedmenu_1'>

<a href='https://www.facebook.com/rao.chand2' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDYL2VHfHhGcAHzN8i-UgeEVGEeV8KFlqj7Rqr71JQc0qICE-pLSpn8yXqw6yJ8SSIkcCQVaKd_XmU8ar3errA5ojYpFln1HCyC8uz7NWKyv6z-gD5r_C9r6zZ9K4mldgEfSwAEAzYAes/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>

</div></div><div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'><div class='fixedmenutw_1'>
<a href='https://twitter.com/mytechblogging' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgucoLSPYHqovpafiZW5mCZMtTrcnlZOFJQ8eoAPgrR4CjlXM81fRdClknRPTHojZ0nscEr6OduVFPlOkYyQcDXvg3k1LitMR_WayBGU2jYmAUPytSLtA-lqo1nui5a3J0oNsJ1_X6N0pU/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>

</div></div><div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'><div class='fixedmenufb_1'>
<a href='https://plus.google.com/115422346222395234511' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGE8kirFjfeSp5zjos3A4pJsWEu8AQSNKU5V34gMalscmI5VJ98QNvaxhThKCA7OQGBD5jarofHCSWshBwf5xbySSRc52xXjP8gF0l2z2EM_dB5S657-YvT-3xc8-sLjm3PwNTD_9XxLs/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>

</div></div><div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'><div class='fixedmenurss_1'>
<a href='http://feeds.feedburner.com/mytechblogging' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0eJHf_lvg9KkjKaFWqIYrurUCxVExbFp3IEfsHtNE7NN1spTsKQi4CuROtA9SlHpYnMXlAaHO8IY9SHIiyBonoQFOgGisml_ln9kafxVFhoMtWcvd62_KbBYTXpiWSSbQd0FHNAXWb_I/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>
</div></div>


Replace the Red urls to your desired urls and Click save.

5 comments:

  1. Hi, thanks for the tip. I'm trying to remove the Google+ link from the widget. Just removing the javascript code corresponding to Goolge+ leaves an empty space between . I have tried modifying the css file and storing it in my drive account, but that removes the floating feature and places the widget on the widgets column. Any ideas? Thanks again.

    ReplyDelete
    Replies
    1. Hi Makilakixki,
      if you successfully removed the Google+ css then Just change the Rss Top value and Rss Top hover value from
      ;top:295px;
      to
      ;top:250px;

      or simply use this Script
      Link

      i have modified for you with demo
      Hope full Coding...!!!

      Delete
  2. Thanks a lot, works wonderfully :)

    ReplyDelete
    Replies
    1. You are always most well come keep visiting

      Delete
  3. nice...how to add pinterest , linkedin and some other social blogs

    ReplyDelete