Hi friends now add new style social share button in blogger post footer easily by this method.
* 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>
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUrNYzWz63dmYZzbZgOm__qkHEBzC9Sr5GdgcNBfEIsyzo3fNgYIO1GSSJ2g6lUabHRiGZLHiYNaOreKHrqR4Di0KG2dikvwedYuhuh9kFxpXc-0Xy5WJqq6o2n7fpXysifxhGFk6g3LTY/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; }
<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=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjG6horOYI055d6KRmQgwOesSt4FTDz39FhFC6V4bVdmQsWRZzU9ZDGdmEDA35Ev0yI3DUoQj6ptTrn5AR6jXorUS_aDZD2rXH0HIFliB5FnJ5kY0skykm104nyz8wDcMDUJYoU3_Ob9Pv/s1600/stumbleupon_icn.png'/></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/AVvXsEg6-OcW5I7VjcH7Ugk9dtk_RuQUh2E4jCRAtJyUW06g-RidjAC1_bq5MG16-VEgaRBQc5ggBxffHKXsF8Q7nvd4tLjlz29KeZWY_sMKAemuS7EALy7CXjAMyYhHXJJZcWzgOFM3NfjuEy3t/s1600/digg_icn.png'/></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/AVvXsEhsTHteDhyphenhyphenSqFV1zpp7ZRhDkKX2QftxpCQN24fLoQj-EXPz5slwZ5fXt2u0J8TQd0USIjCH7tYbCIkEAj_xj5VWlI5VNokSjOI1IBq4tJ4g_yxzKxB4tU0BC2Sk5EZmm9pWP1IANdPdjTrh/s1600/twitter_icn.png'/></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/AVvXsEjoK88zJYxo3cctGkLHELCZN9aFeRFel4W2AFzbHvVN7Isb9jf1YGlvuJCbYhWoz5YQ2IFkiGRophntfPnPSDN7lJfabfVacKJYsgypTImbPuFkK2hLuF6nr9tUrpQQp8Dj3j1G5KDaXRjI/s1600/delicious_icn.png'/></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/AVvXsEip1uAnQv2Kr02CNGXn9o1icz5QHTuPtwLhL8eBaSpFiMKuS9MD_DDYGs5Rb9P_AGM0MxvC3abxyFSHs-C9IHWJC_Ny5z5sbkbMR9FkKfhpgQ6O8XDdNeFMp7Juxy3l0j92KE0ju3gipikw/s1600/reddit_icn.png'/></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/AVvXsEjbiTtSEAdS8Yca3EkjAoC-wWs35G0dwggs5APsS6bjIaImX5jRJ1PvT6Lq475dtdN93PAHaoEBzLI6oSmlK0eBuyhA54go5NEMcvF1iFFAsgg-z5FoXmzq8hw_dqXsNp_ZaOFaNqBQD4dm/s1600/technorati_icn.png'/></a>
<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/AVvXsEgfyrhAN9Om7khOKVDhpC_OZwsfruv4GbHoXIW1GDZthQwTHh5LVnF95uqdbH2f3ZtH4-0Oqnio8N0xRSqVYV3Neipr1h9gWqvPqa3tM4axzzysCn0n8cRcXfncCGNRr11gUBvqTlh5uCoW/s1600/facebook_icn.png'/></a>
<a class='opacity' href='http://www.mixx.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Mixx' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9faUGKwf3kkmUX1dtYUf0pmk70UVZGK4YUNo-6NWkI9TRnhjdX-4NYc3j7rIa6o3d8zdBmjDTvMMayD9t1lGvVSFTTllgdUPQ50LQ2NhCgk0zjMO-Zkxbkoo_Zce1juh2xGUPxYTsq7yT/s1600/mixx_icn.png'/></a>
<a class='opacity' href='http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Linkedin' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfFhSrYcA-80uSifI7JB3q_cRHE9lkl9cr1r4O4W9X_Ly49cWZBfTwKRATvsaXTBHtMTpE1FISLN7xmiAyX9nq77atnxnc_J7U7R2MiXYl0WMUqeRrAWFDzD3cFBtIpW9Z07w7QrpfB6F4/s1600/linkedin_icn.png'/></a>
<a class='opacity' href='/feeds/posts/default' target='_blank' title='Subscribe via RSS'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOuuj0sSSBjcTW8SsNbiXLQxQmrKSA9Vxcyc2v6CK-qlnifIRrr2tcMs6BNmkB6gJBsrgG6c3RBVw62PDds8Fa1Q9WnmYsmmV7AYgl1f7NjbaHc9PzE0sJVqkfDgvg5WTXpBSpg3d5W87C/s1600/rss_icn.png'/></a>
</div>
</div>
* Now click to save your blogger Template and now you are done.
No comments:
Post a Comment