Sharing is Sexy Auto Hide Social Bookmarking Gadget For Blogger

Sharing is Sexy Auto Hide Social Bookmarking Gadget For Blogger

Social media plays an important role in developing readership of blogs. You can also called it one of the main source of driving traffic. To increase social media exposure it is very important to have cool and stylish Social media widgets for your Blog.

There are two types of social media widgets for blogs.
1. Subscriber Widgets
2. Bookmarking Widgets

Today we will discuss about Bookmarking widgets because I have a very cool and stylish Social Bookmarking widget for all of you. Social bookmarking gadget is very important for your blog. But remember Social bookmarking gadgets can be only useful when you have some quality content because without quality content your bookmarking gadget is useless. When someone likes your posts or article he/she will bookmark it to his social media through your gadget and all of his friends will see the link of your article so in that kind of way your blog gets heavy traffic. So, that’s why today I have Sharing is Sexy Auto Hide Social Bookmarking Gadget For Blogger.


Why to Use Sharing is Sexy Auto Hide Social Bookmarking Gadget For Blogger

Sharing is Sexy Auto Hide Social Bookmarking Gadget For Blogger

Using this widget your readers share or bookmark the post on several social networking sites. This is also increases SEO by sharing. it is embedded bellow on each and every post page so that ease in using.


How To Add Sharing is Sexy Auto Hide Social Bookmarking Gadget For Blogger

1. Go to Blogger Dashboard >> Template >> Edit HTML.
2. Tick Expand Widget Box. 

3. Now find ]]></b:skin> in HTML and paste the following code just above it.
div.sexy-bookmarks { height:54px; background:url(‘http://3.bp.blogspot.com/_nDNgmK8FIyI/TRrBBijh2MI/AAAAAAAAAP0/H6KzriF-Vi4/w2b_sexy-bg.png’) no-repeat left bottom; position:relative; width:540px; }
div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url(‘http://3.bp.blogspot.com/_nDNgmK8FIyI/TRrBBijh2MI/AAAAAAAAAP0/H6KzriF-Vi4/w2b_sexy-bg.png’) no-repeat right bottom; position:absolute; right:-17px; }
div.sexy-bookmarks ul.socials { margin:0 !important; padding:0 !important; position:absolute; bottom:0; left:10px; }
div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important; }
div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important; font-size:0 !important; color:transparent !important; }
.sexy-furl, .sexy-furl:hover,
.sexy-digg, .sexy-digg:hover,
.sexy-reddit, .sexy-reddit:hover,
.sexy-stumble, .sexy-stumble:hover,
.sexy-delicious, .sexy-delicious:hover,
.sexy-yahoo, .sexy-yahoo:hover,
.sexy-blinklist, .sexy-blinklist:hover,
.sexy-technorati, .sexy-technorati:hover,
.sexy-facebook, .sexy-facebook:hover,
.sexy-twitter, .sexy-twitter:hover,
.sexy-myspace, .sexy-myspace:hover,
.sexy-mixx, .sexy-mixx:hover,
.sexy-script-style, .sexy-script-style:hover,
.sexy-designfloat, .sexy-designfloat:hover,
.sexy-syndicate, .sexy-syndicate:hover,
.sexy-email, .sexy-email:hover { background:url(‘http://2.bp.blogspot.com/_nDNgmK8FIyI/TRrBC-RA16I/AAAAAAAAAP4/P8l0gA5u4GE/w2b_sexybookmarks.png’) no-repeat !important; }
.sexy-furl { background-position:-300px top !important; }
.sexy-furl:hover { background-position:-300px bottom !important; }
.sexy-digg { background-position:-500px top !important; }
.sexy-digg:hover { background-position:-500px bottom !important; }
.sexy-reddit { background-position:-100px top !important; }
.sexy-reddit:hover { background-position:-100px bottom !important; }
.sexy-stumble { background-position:-50px top !important; }
.sexy-stumble:hover { background-position:-50px bottom !important; }
.sexy-delicious { background-position:left top !important; }
.sexy-delicious:hover { background-position:left bottom !important; }
.sexy-yahoo { background-position:-650px top !important; }
.sexy-yahoo:hover { background-position:-650px bottom !important; }
.sexy-blinklist { background-position:-600px top !important; }
.sexy-blinklist:hover { background-position:-600px bottom !important; }
.sexy-technorati { background-position:-700px top !important; }
.sexy-technorati:hover { background-position:-700px bottom !important; }
.sexy-myspace { background-position:-200px top !important; }
.sexy-myspace:hover { background-position:-200px bottom !important; }
.sexy-twitter { background-position:-350px top !important; }
.sexy-twitter:hover { background-position:-350px bottom !important; }
.sexy-facebook { background-position:-450px top !important; }
.sexy-facebook:hover { background-position:-450px bottom !important; }
.sexy-mixx { background-position:-250px top !important; }
.sexy-mixx:hover { background-position:-250px bottom !important; }
.sexy-script-style { background-position:-400px top !important; }
.sexy-script-style:hover { background-position:-400px bottom !important; }
.sexy-designfloat { background-position:-550px top !important; }
.sexy-designfloat:hover { background-position:-550px bottom !important; }
.sexy-syndicate { background-position:-150px top !important; }
.sexy-syndicate:hover { background-position:-150px bottom !important; }
.sexy-email { background-position:-753px top !important; }
.sexy-email:hover { background-position:-753px bottom !important; } 

4. Search For <data:post.body/>.

5. Now paste the following code below <data:post.body/>.

<div class=’sexy-bookmarks’>
<ul class=’socials’>
<li class=’sexy-delicious’><a expr:href=’&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Add to Delicious’ rel=’nofollow’/></li>
<li class=’sexy-digg’><a expr:href=’&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Digg This Post’ rel=’nofollow’/></li>
<li class=’sexy-technorati’><a expr:href=’&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Add to Technorati’ rel=’nofollow’/></li>
<li class=’sexy-reddit’><a expr:href=’&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Add to Reddit’ rel=’nofollow’/></li>
<li class=’sexy-stumble’><a expr:href=’&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Stumble This Post’ rel=’nofollow’/></li>
<li class=’sexy-designfloat’><a expr:href=’&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Share on DesignFloat’ rel=’nofollow’/></li>
<li class=’sexy-facebook’><a expr:href=’&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Share on Facebook’ rel=’nofollow’/></li>
<li class=’sexy-twitter’><a expr:href=’&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Share on Twitter’ rel=’nofollow’/></li>
<li class=’sexy-furl’><a expr:href=’&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Share on Furl’ rel=’nofollow’/></li>
<li class=’sexy-syndicate’><a href=’http://feeds2.feedburner.com/bloggiks‘ title=’Subscribe to RSS’ rel=’nofollow’/></li>
<li class=’sexy-email’><a expr:href=’&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title’ target=’_blank’ title=’Share on Email’ rel=’nofollow’/></li>
</ul>
<span class=’sexy-rightside’/>
</div>

Note: Change Bloggiks in the above code with your feed burner ID.

6. Save your template.

Last Words

Hope this widget helps you in making your blog more attractive and pulls more visitors. Do give us your ideas and your feedback about this widget. Happy blogging. subscribe to Bloggiks to get free daily updates directly to your inbox. 

You may also like: Splendid CSS Drop Down Navigation Menu With Logos
How to Add AWeber Cool Email Subscription Box on Blogger

One Response

  1. Maaste Blogerrmen February 20, 2014

Leave a Reply

Your email address will not be published. Required fields are marked *