Like us on facebook to get more free pro tricks daily...!

Liked us?

Thursday, 17 May 2012

Pin It

Social Bookmarking Widget With Egg Sliding Effect


I am providing this trick to increase the sharing level of your blogger. Using this social bookmarking widget with egg sliding effect you visitors can share your blog to many social sites such as facebook, google+, twitter, etc.. However it is clear that each and every blog should have an social sharing widget in order to gain attention of huge number of new unique visitors from social networks. Then do you wont feel like the look and feature of various social widgets really matters in order to make your blog visitors feel like sharing your blog content?!!. The look of social widgets on your blog really matters a lot in getting your visitors to share your content on social networks. In today\'s post, I am giving a most beautiful social bookmarking gadget for your blogger blog with egg sliding effect on mouse hover. Then what are you waiting for!!, lets move with the tutorial.

Guide To Adding Social Bookmarking Widget With Egg Sliding Effect :

1. Go to Blogger dashboard --> Template --> Edit Html (Tick Expand widget template).

2. Find(Ctrl+F) </head> and paste the following code just above it.
<script src=\'http://w.sharethis.com/gallery/shareegg/shareegg.js\' type=\'text/javascript\'/><script src=\'http://w.sharethis.com/button/buttons.js\' type=\'text/javascript\'/><script type=\'text/javascript\'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href=\'http://w.sharethis.com/gallery/shareegg/shareegg.css\' media=\'screen\' rel=\'stylesheet\' type=\'text/css\'/>
3. Now find for </body> and place the following code just above it.
<div style=\'position: fixed; bottom: 2%; left: 2%;\'><div class=\'shareEgg\' id=\'shareThisShareEgg\'/></div><script type=\'text/javascript\'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;],{title:&#39;<data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script>
4. Save your Template and see the effect.

That's all.... Don't forget add comment in comment box...

Kindly Bookmark this Post using your favorite Bookmarking service:
Technorati Digg This Stumble Reddit Facebook Twitter
Do you Like this Article..?

Get Subscribe to Free Email Updates!!

*Your email address will not be shared with anyone.



Link To This Page:


Link To Home Page:

1 Response to "Social Bookmarking Widget With Egg Sliding Effect"

Anonymous said...

I’m surely coming again to read these articles and blogs.
Bookmarks Wiki

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder.
2. If you are including a link, Please include it using html tags. However irrelevant links are not tolerated.
3. Please do not spam, Spam comments will be deleted immediately after our review.

Regards,
Rupesh.

 

Total Pageviews

Translate

7TeraByte © 2012. All Rights Reserved | DMCA Protected | Back To Top