Saturday, September 24, 2011

Cool Leaves Social Bookmark Buttons For Blogger

0 comments
This post helps you to,How to add leaves social bookmark
button for below your blogger post



1. Log in to blogger account and Go to Design >> Edit HTML

2. Make sure you put check mark to “Expand Widget Templates

3. Find this tag by using Ctrl+F    ]]></b:skin>

4. Paste  below code Before  ]]></b:skin> tag

.social {
padding: 5px 5px 5px 5px;
margin: 5px;
text-align:left;
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=50);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7; }

5. Now Find this tag also by using Ctrl+F
                              <div class='post-footer-line post-footer-line-1'>
                                  If cant find above tag try to find below tag
                                <p class='post-footer-line post-footer-line-1'>

6. After found one of above code, paste below code after it

<div class='social'>
<strong> Share this </strong><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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrULYuH4fK6FOynQ4sUiJTNTc8uY-E7QKHZnLou2VGz2K7ELl86HkSi5VrjWPhjdUeSjDkhPMtH0iV_QoaEvAAPPW0WpvoFbgRDlcmeMsR3DKEPWxoFiDXOpPII2g2e8eZvjcE6wGtH50/s1600/Facebook.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a><a class='opacity' href='http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyKp8I4Aa3ZMVzYjVqLuLwAI-ItYVE7elgITqe8rqmow8TQlCTijiio3T6KZDvJub0RaMZLomtKb5Jrps2kGknrO3ltRW3xC48ynMBIvNOYX_15JlGz5aoWzxz53VfrxbqMm2WZApcxJQ/s1600/Twitter.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv2-UP1OqJ7730jmeKOOFKRssC5IB-GNFX_L_XuSfqEpHpFQM8c-MrpDpb9JeaZ9GEAvYX4NxaREhfaXE7sgmLcKao6mXGrPLx4U5zQaM5NeU2lJGyKWWe4JS-TR3ZVOHw1xdtgNZ7LOo/s1600/del.icio.us.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyEauFTbkyYlxJTONNEIwklKbXLBeqzn6aOK6NIvCor0SSRmTnxH7aOH6TMsULnTvWKko_54yTM8mbhC7yK9kP9lyjuLYfqP8v3duMF7MDDcO_AjMBhJUXgtE1DTSiNjPlXenIMfyIF9I/s1600/StumbleUpon.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXHb-9pPpOTew7xKAbwh4LQUccfF9uZPxbqKzmWPQmUK7-igA_PaDhlRzIZ0IX_Lbdv1pSsqI3ZgD_3kNsr4qdCeBBbKEnrtZ19U5N4k0Rl9IZS3eq-VparzufbLcJ9wMyBNgKWSc9MgI/s1600/Digg.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='http://www.technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfzlqjmcUFU2DwwjuTcNlq4yTfhOyZSlrxc6foUihdMJFb4hHs67vKaT3SsMHIRyuokyDRbtwsrvlT7ri_fOUeYSYGsbtbY4pWuTJot6G1aGuzFIb8BwUNAqyIUEoGlc6u7OPlRMVqjuM/s1600/Technorati.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
<a class='opacity' href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizCg-udGCgaXeHxgtRITHwKNuORh6dry9XNMlFulNi3d0WKMTDAXkvqtsCDY2efr_TegB59hrxbWJ8jvEHBEsh7wLYU7IlGN_XiHdC4bcs8tcS7EOGfjYlERTwo3ieP4bircpOdnK3pUM/s1600/RSS.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7fRNk0pBn4Pst-XnzLVFSZmzCAPTLcncTMLVjjx7jET9hSmi62GDD14zVGUsQhlZyPzK51PF1wEAG-eddowUVDuK1ktzrXwM7K0zHQy_ks9Y4wFdg72OjGPw2P9cT59IC5csf9a-x4C0/s1600/Reddit.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
</div>

7. You are done. Cheers

Leave a Reply

Related Posts Plugin for WordPress, Blogger...