Stylish Bookmark Social Widget For Blogger

Stylish Social Bookmarking Widget For Blogger

Social Bookmarking give a great look, and usefull for blog, when user by reading post come below and see icons and hover mouse on icon they produce Animate as a sleeing bird have a touch from air and make noise, and feel happyness, I also give you a demo below just hover a mouse on them if you like add to blog or site, And please share with your friends

Demo

How to Install To Blogger

Go to Dashboard »» Template »» Edit Html  »» Expand Widget Template

Step 1: Press ctrl+f to find Code From Below Box

]]></b:skin>

 And Paste Code From below box Exactly before above box code's

.Maji-bookmarking a { display:block; height:42px; width:48px; padding:0 9px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyF4ejRw3iv_nV-So7xEoZI9nRZvf_ZxK9p4Us7scye0v6mFU23RxgNDB-TxvRIQAdTPJYmJNX3-Jb_9aI8IREEieUD5gw4Ai5-0q5i6FlRfi1BVpiFRh7XIG9KIDavt-b9xd4lj7M6_ME/s320/kotlians.blogspot.comflapper.jpg) no-repeat; } .Maji-bookmarking a.delicious { background-position:0px 0px; } .Maji-bookmarking a.delicious:hover { background-position:0px -43px; } .Maji-bookmarking a.digg { background-position:0px -86px; } .Maji-bookmarking a.digg:hover { background-position:0px -129px; } .Maji-bookmarking a.stumbleupon { background-position:0px -344px; } .Maji-bookmarking a.stumbleupon:hover { background-position:0px -387px; } .Maji-bookmarking a.technorati { background-position:0px -430px; } .Maji-bookmarking a.technorati:hover { background-position:0px -473px; } .Maji-bookmarking a.twitter { background-position:0px -516px; } .Maji-bookmarking a.twitter:hover { background-position:0px -559px; } .Maji-bookmarking a.facebook { background-position:0px -172px; } .Maji-bookmarking a.facebook:hover { background-position:0px -215px; } .Maji-bookmarking a.reddit { background-position:0px -258px; } .Maji-bookmarking a.reddit:hover { background-position:0px -301px; } .Maji-bookmarking a.yahoo { background-position:0px -602px; } .Maji-bookmarking a.yahoo:hover { background-position:0px -645px; } .Maji-bookmarking a.rss { background-position:0px -774px; } .Maji-bookmarking a.rss:hover { background-position:0px -817px; }

Step 2: Serach Code From Below Box

<data:post.body/>

 And paste Code From Below Box Below Of Above Box Code

<!-- Bookmark Social Widget By kotlians.blogspot.com -->
<div class='mbt-bookmarking'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/><font color='#FF0000' face='ms sans serif' size='3'><b>Kindly Bookmark and Share it:</b></font>
<br/><br/>
<!-- Delicious -->
<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/>
<!--DIGG-->
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/>
<!--Stumble-->
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/>
<!-- Technorati -->
<a class='technorati' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank' title='Fave this :&gt;'/>
<!-- Twitter -->
<a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/>
<!--Facebook-->
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/>
<!-- Reddit -->
<a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark and tag this :&gt;'/>
<!-- Yahoo -->
<a class='yahoo' expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark this :&gt;'/>
<a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'/>
</b:if></div>
<!-- Bookmark Social Widget By kotlians.blogspot.com -->

 Save Template

You Have Done.!!!!