A multi dynamic site with a whole lot of content. get an up to date info on techs and satelite related problems

Saturday, April 6, 2013

How to add Social bookmarking gadget with Egg sliding effect in blogger

How to add Social
bookmarking gadget with
Egg sliding effect in
blogger
Social Sharing Widgets are very
much important For a blog to draw
the attention of large numbers of
unique Visitors from Social
Networks. Attractive Social
Sharing widgets enhance the
visitor's interest to share your
posts on his/her Friends Circle. So,
On this Post I will guide you to
" Add Social Bookmarking Widget
with Egg Sliding effect for Blog".
Follow the Following steps to
Implement It Into Your Blogger
Blog:
Login to your Blog and Go
to Template—> Edit HTML
–> Proceed. [ Note: Kindly
Backup your Template
before making any
changes ]
Now, Search for </Head>
and paste the following
Codes just above it.

<script type="text/javascript"
src="http://w.sharethis.com/
gallery/shareegg/
shareegg.js
"></script><script
type="text/javascript"
src="http://w.sharethis.com/
button/buttons.js
"></
script><script type="text/
javascript">stLight.options
({publisher:
"a24ff27f-9f78-47f2-964b-0ff1c
6637032", onhover:false}); </
script><link media="screen"
type="text/css"
rel="stylesheet" href="http://
w.sharethis.com/gallery/
shareegg/shareegg.css
"></link>

Again, Search for </
Body> and paste the
following codes 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>

Now, Save your Template.
you are done..!!

0 comments:

Post a Comment

 
Design by koozee Contact08136470405