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
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='fixedmenu'' onmouseover='this.className='fixedmenu1''><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='fixedmenutw'' onmouseover='this.className='fixedmenutw1''><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='fixedmenufb'' onmouseover='this.className='fixedmenufb1''><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='fixedmenurss'' onmouseover='this.className='fixedmenurss1''><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.
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.
ReplyDeleteHi Makilakixki,
Deleteif 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...!!!
Thanks a lot, works wonderfully :)
ReplyDeleteYou are always most well come keep visiting
Deletenice...how to add pinterest , linkedin and some other social blogs
ReplyDelete