Friday, 14 December 2012
Easy Egg sliding effect widget/plugin for blogger
Do you like this story?
Share this team has introduced a new excellent slide out open heart bookmarking gadget as a Valentine gift from them, now again this time they came with another excellent bookmarking gadget as an ovel Egg Shape.
When you mouse hover on the egg it splits and opens several bookmarking buttons like Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and many more bookmarking choices. The share egg sits in the bottom corner of your blog and remains fixed as the reader scrolls the page.
# Instructions
Step 1 : go to blogger.com and log in your account
Step 2 : go to Blogger Dashboard --> Design --> Edit HTML
Step 3 :Backup your Template before making any changes to your blog
Step 4 :Now Expand Widget Templates
Step 5 : Find"</head>" using [ ctrl+F ]
Step 6 : Now Paste the Code shown below just before/above it
Step 7 : Now find for </body> and place the following code just above it.
When you mouse hover on the egg it splits and opens several bookmarking buttons like Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and many more bookmarking choices. The share egg sits in the bottom corner of your blog and remains fixed as the reader scrolls the page.
# Instructions
Step 1 : go to blogger.com and log in your account
Step 2 : go to Blogger Dashboard --> Design --> Edit HTML
Step 3 :Backup your Template before making any changes to your blog
Step 4 :Now Expand Widget Templates
Step 5 : Find"</head>" using [ ctrl+F ]
Step 6 : Now Paste the Code shown below just before/above it
<!-- Start Heart Bookmarking Gadget Code From http://www.technovary.com/ --> <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: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/> <!-- End Heart Bookmarking Gadget Code From http://technovary.com/ -->
Step 7 : 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('shareThisShareEgg', ['facebook','twitter','googleplus','linkedin',' blogger','stumbleupon','sharethis'],{title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareegg'}); </script></div>
This post was written by: Milan Patel
Milan is a professional blogger, web designer and front end web developer. Follow him on Twitter
Subscribe to:
Post Comments (Atom)
0 Responses to “Easy Egg sliding effect widget/plugin for blogger”
Post a Comment