Tuesday, 28 August 2012

Plus super hover effect social share button in blogger post footer

Hi friends now add new style social share button in blogger post footer easily by this method.

Follow simple and easy step to adding this special button in post footer--->>>>
* First go to your blogger Dashboard.
* Click in design tab and edit HTML.

* Click in small box to expand your blogger template.

* Now find this code
]]</b:skin> by CTRL+F key.

* Copy below code and paste before
]]</b:skin>
.social {
background: url(http://1.bp.blogspot.com/_lxBSX0YJV58/TB7vY3E5WOI/AAAAAAAAAys/iJTqIgOlXK4/s1600/social_bg.png) no-repeat top;
padding: 5px 5px 5px 5px;
margin: 5px;
text-align:center;
font-family:Trebuchet MS;
font-size:12px;
height: 78px;
}
.social img {
margin:10px 2px 0px 2px;
padding: 3px 2px 2px 2px;
text-align:center;
border:1px solid #cfdde9;
}
.social img:hover {
border:1px solid #abcce9;
}
a.opacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
a.opacity:hover img {
filter:alpha(opacity=75);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7; }
* Now again find this code 
<div class='post-footer-line post-footer-line-1'>

If you don't find above line you can find this code
<data:post.body/>
* And copy below code and paste after

<div class='post-footer-line post-footer-line-1'>
 
or

<data:post.body/>

<div class='social'>
<strong>If you like this post then consider sharing it with others.</strong>

<br/>
<a class='opacity' href='http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='StumbleUpon' src='http://3.bp.blogspot.com/_lxBSX0YJV58/TB7vZYvZleI/AAAAAAAAAy0/xL8cq0Xfals/s1600/stumbleupon_icn.png'/></a>
<a class='opacity' href='http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Digg' src='http://3.bp.blogspot.com/_lxBSX0YJV58/TB7u2DFG-wI/AAAAAAAAAws/LDMqY5ksIRY/s1600/digg_icn.png'/></a>
<a class='opacity' href='http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://1.bp.blogspot.com/_lxBSX0YJV58/TB7vayHZt7I/AAAAAAAAAzM/Bw7rn_7EYfc/s1600/twitter_icn.png'/></a>
<a class='opacity' href='http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://2.bp.blogspot.com/_lxBSX0YJV58/TB7u1qv7dvI/AAAAAAAAAwk/HwmDvlyVaG4/s1600/delicious_icn.png'/></a>
<a class='opacity' href='http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='http://3.bp.blogspot.com/_lxBSX0YJV58/TB7vIcLRegI/AAAAAAAAAx0/Qo0s38tF_XQ/s1600/reddit_icn.png'/></a>
<a class='opacity' href='http://www.technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://3.bp.blogspot.com/_lxBSX0YJV58/TB7vZ0kXFwI/AAAAAAAAAy8/nyPShbwduac/s1600/technorati_icn.png'/></a>
<a class='opacity' href='http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://3.bp.blogspot.com/_lxBSX0YJV58/TB7u-BSeGgI/AAAAAAAAAw0/6JHMRNH6w1A/s1600/facebook_icn.png'/></a>
<a class='opacity' href='http://www.mixx.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Mixx' src='http://1.bp.blogspot.com/_lxBSX0YJV58/TB7vAfkv2QI/AAAAAAAAAxU/N1ay5dy0Ygo/s1600/mixx_icn.png'/></a>
<a class='opacity' href='http://www.linkedin.com/shareArticle?mini=true&url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Linkedin' src='http://1.bp.blogspot.com/_lxBSX0YJV58/TB7vAN8cbWI/AAAAAAAAAxM/lfDH7fJ5Pes/s1600/linkedin_icn.png'/></a>
<a class='opacity' href='/feeds/posts/default' target='_blank' title='Subscribe via RSS'><img alt='' src='http://3.bp.blogspot.com/_lxBSX0YJV58/TB7vOi-MHZI/AAAAAAAAAyE/o8b1DF949NE/s1600/rss_icn.png'/></a>
</div>
</div>

* Now click to save your blogger Template and now you are done.

No comments:

SJ Network Live Stream

SJ Network Daily Motion Live Stream