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=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisN-t2BjWEQa7lYdSTLN-F5vRilwObgiCq6LB8ni7aHxBlH6D-WVG_0XzULbVkfsBF-SKJeMLtKLqU2oAe4GRUixPyogNb0JhP3JpYaejFgNNQr4rqYihvw71PmyPn8Hmx_pLmn0cC1mU/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/AVvXsEh5poD1PliVspemI8tp2gDg2QHXjBG1JGzodP9lPnebUAeU1JfOwTIoY9ReM1kh39h1-k48EzPcPbi2mxizoRyhh25uVKOMD7v3JSbjA0NMfG3J1XEDpjLoICvRfgF67PhUiAlIOzRhdaE/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/AVvXsEh4Hc63V5pTZyKOW0U96RtTO0fQ0lOK66PXAeNAO0WiMK4MXlak-CnAuoUB7WwzHNOZLJPTO6mPcLgJ1ZoN9QBkYDvvRejGiaBf79Lx_Fz6E5ZGwf0GYjWHAyiXMvJ9FnQtc8FLv95QXsI/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/AVvXsEj4auCiqq6Kt9BYefn2LjMOYgBh7EjQvbIYRwky91Gg3yHskhoVZ4a481a_OCzGe2MmU1tFReAgqKjhyEsbJqc3OBZaE0-515iiM7q1icxiccZaG-1NjJbCO3M5-O5N1J4f9NvkKEgeoXA/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/AVvXsEjTA5AfvznNwGCf41YIA7jI0hPQ90Vf4v6ODhvidEUDf1otizT0L0OgjWZoo-9fDRjzrO1Ku-4v_QgDI_cwpiya1AaJl4aVSfW9ydBtUpVJtwNOC0Cwr81jntuGx46yTV6Pc5YR0cymOWI/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/AVvXsEhk4qD5rUQI5kgJUDbBD4N4UEunjpiRn1Ij_i6Oi7AFTI3v0cqupX6TzQTaZ_0jV9Er8IwQGNIY2v-OCrQAc2JKJExmtXpCdH0jk3ENPi2pnah-9sFiddynakRygVxByCsyzhLi_6iq2QQ/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/AVvXsEgB9vjpcQoyxyr_E9OwsE8bIJtF2uCtuiXVLgpI6WZqkrnooHE6_sEvWRAcNNjKbdOOmdtIiHLbbCSR7aL4sTzaLutA1CbmFQ1B3iow9B6o0hzQ0FVRNnxcTfdESJo7H5veFDS3LEX4hug/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/AVvXsEgrOwrSjwkFvDyodau4V1Qf_vOp8UuZiccFts4PwhgYKKsDYwDrgRf2fpUKVzY8B6qzgLdMkfoMRXmQTL7oy8Q6ILN_0OMOWiKraDvalXnn3Y4_gVy2jFj610SpRC4mA1ooWoX0abVkjfY/s1600/Reddit.png' style='width:52px; height:52px; padding:0; border:0; vertical-align:middle;'/></a>
</div>
7. You are done. Cheers
Tidak ada komentar:
Posting Komentar