Sunday, August 12, 2012
Cool Leaves Social Bookmark Buttons For Blogger
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
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
6. After found one of above code, paste below code after it
7. You are done. Cheers
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=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvIDmryYbJAocQG9ZM-XPEnjWkuUxw2km9VCkBEKDflS_PdLeDsJgVUqr7gVB01MGqSrOWOVrccUdn9OYJp2uPr07NGfo7DDOgCRFx6J8qohL_Ue4gyoeZU3BXxiw6M6j3Oud3VHpuQnc/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=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBDilL8IoXMss32uSbhbZRz1m6hreqoKDjiJTl-TFDevMOl_-imIlDdRqSh_Y1znadQurubVW2RVBsYYNMVF3sQ0k8VbICytTqPnucACJGxhAk58v8Tg8R_RfbNKntNl4LN49nHIqXbXE/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=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiInUicmBGtjEC6kmTD2jibxB5eAVz1uWu1uExjTgLcGVNzahHuhiVrjtfCPgeL8_soKKo61JntlwGytojO2FJqwDl579yVuydJSDaWrqWJ-UfK5Jj8ii3JH6isaGj6b_bwJ2rEayP10t4/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=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaz15re8-Q6580z7rt6tKmErnN7YufG_UPQa1ygOpdB8q01PDks0mwLXIRMHg-eGchcWAKwiYmRfqS6B_ZntIAfvVVNdJMQsNiwJIwb7UL8lMsfeFmsQuQ8fUKK5fAuvhPNJk1hpm50yk/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=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk_X0KdWbVeZ1qCNcI0e4FBYshIBt-BQaJZw-6-MDDxWxiXlaOoQKDi37SeGCcSd6VuG0OR58bJqhMUobJ8yu-EGtLdwtYLVEQNW_IQp34rXIL11Lb_lRydCamUXNKPnAHAZcSMqc_xQw/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=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZU8ZqVajaL3CG4W2MrUFp6Rp5E6y_7UQ8aSBm_4w9LTgKisc2VXbOSWyuwD7luLIGFUYgl2OyspRRYx5jmi9wEwC_W624muOjD2XRkivCtZZMCKoKS26KwkhuPyvc1sSstEYMgHEOZh8/s1600/Technorati.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a> <a class='opacity' href='data:blog.homepageUrl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvT8B4EEEVkzbIwac6T-IOTJ7fEBNxqSuhsHgFjmHERl-QAXIfzl1OwUo_WaJtM01g2KsrWcUQTXrfU1a9UZuoiZGaBQCp18UhKENO92zmwfXVupNXeyigp-QbkznVRZsI0Tmd5jRr5fk/s1600/RSS.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a> <a class='opacity' href='http://reddit.com/submit?&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiZB0_wAO04CFHohv9cugJKenQbowFicfxtqP5k8H2l-V8R_dqerX95Sx2w43kw7eOLLiAskeCllCmNxXKBeI3ZpOSvh1X0DpBjzie7JlWIjPv3-ZHHS10ZesMj55ZckgjSCQZVhXaKCE/s1600/Reddit.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a> </div>
7. You are done. Cheers
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment