Home » » Side Open Egg Social Networking Buttons

Side Open Egg Social Networking Buttons

Written By Unknown on Tuesday 20 August 2013 | 08:51

It's basically the newer version of that 

awesome widget. It works the same as the 

Slide Open Heart Gadget but instead of the 

heart you'll get an egg getting slide open.The 

Oval shaped egg opens up once hovered and 

displays bookmarking buttons like Facebook 

share, Twitter, Google +, Blogger, LinkedIn, 

 Stumble Upon, Email and the Share This Icon (Which Offers plenty of Bookmarking 

choices). The position of the widget is the same as the earlier.


How to add this: 

1. Go to Blogger Dashboard>> Template >> Edit HTML

2. Click any where inside the box, then press Ctrl+F. Now a search box will appear. 

3. Find </head> by typing in the search box.

4. Now simply copy the code given below.

       <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'/> 

5. Paste the code just above </head> .

6. Now find </body>.

7. Copy and paste the following code right above </body>  

         <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;,&#3
         9;sharethis&#39;], {title:&#39; 
         <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url
         />&#39;,theme:&#39;shareegg&#39;});</script><a 
         href="http://www.mybloggertips.com/">Blogger Gadgets</a>       

8. Now click Save Template and you are Done.
Share this article :

Post a Comment

Featured Posts

Most Read

Catagory

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. 4 Blogging Tips - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger