Hi Friends! I hope all is well. To day i share a awesome post with you beautiful and awesome social networking buttons below posts today we have yet another cool design with our chakaas icons in it. These social icons are arranged in symmetrical order and size with image opacity effect
added to each by default. Lets know how to add beautiful and awesome social networking buttons below posts step by step.
How To Beautiful and awesome Add Social Networking Icons In Blogger?
To add these icons below posts kindly follow these steps,- Go To Blogger > Design > Edit HTML
- Backup your template
- Click the "Expand Widgets Template" box
- Search for this,
]]></b:skin>and just above it paste the Opacity code below,
/*------------ MMWU Image Opacity--------------*/5. Next search for this code,
.Fadein img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.Fadein:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
<data:post.body/>and just below it paste the following code,
6. Save your template and you are done! Visit your blogs to see a beautiful change.
<b:if cond='data:blog.pageType == "item"'>
<center><span style='color: #7AA1C3; font-size: 12px; font-family: Verdana;'><b>Thanks a lot For made This Possible! Kindly Bookmark and Share it.</b></span><br/><br/>
<a class='Fadein' expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyCtKQVMCA9eZ3OQ4f5lE7ZafYr6wYPw6n1QXfB6uwli86Pp2icKIVyXBkHL1-qpzMNZs5DMCBZvHrKLQINd8nQtasWnYJ0UnyVJBtc0c4mviWHlN2FJfxT2eC06D0DQFcrh2polM9qeY/s400/TECHNORATI1.png ' width='64px'/></a>
<!--DIGG-->
<a class='Fadein' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibjW6KzVBpUDfoqluQahhWEfhDMhuRlVYtTzlhqPMQeZzAPl9ylPrexZT3PyUxgg_ucHJIjGRv7vA3rfY8tM4ytTX57K1C9qtWx-geoZDpJWe72eb4s8-8zLJtFwlJ2kS4dSNwK0uSv0s/s400/DIGG1.png ' width='80px'/></a>
<!--Stumble-->
<a class='Fadein' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8iLaC5ULfRxGQdTmUBSoO-xIi370DHOD2wwNK6JJfh6AdzsvN-ToR-DSAxgOtrI9h4i1o1o_S0allbruDo7NbuSDznxBcuh9TwzC_dXUQsuThhksq4mftlQhyphenhyphenvqCqCwowV302N_E2tKg/s400/stumble1.png' width='100px'/></a>
<!--Reddit-->
<a class='Fadein' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhM71iErIcMQ4GGkkpt8acQbCgEoxullWYuvKMpGSJWbywOMdLF13Xe8CjKe7EWI10tvxfqzkzXEaDSwn3NA6USq8q9l4BQrxiM7PqAQH0JDwEarR_xBtV0sdCgooZNoioefYpbgAcogk/s400/REDDIT1.png' width='100px'/></a>
<!--Facebook-->
<a class='Fadein' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_CjK3wIPYIM1BvK6tdFjz6PuANThd9lQMhHSWMTUHpiDEIWyJvPzKpPMbKiC7BKAm7_GrQCQ989wH8q9PtWIOxI_yhIQlbd_Zmlp_kFIB12H4-84-TcgJoPmbI1hWQN7kbcikM3piwEk/s400/FACEBOOK1.png ' width='80px'/></a>
<!-- Twitter -->
<a class='Fadein' expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3FQHU2FCAZdLBhSYRqjkKNbgBu7UdEsWw_-XQ21D3UE0Ghk9dxiwxg-IlMgKYIJkKU_VSfWK-HIH2R8Cx7JlN7LMy0tm1BrAewH7iYG_DL4j02zDirQjCl0hJT4Mrv08GPMGUC-PH__U/s400/TWITTER1.png' width='64px'/></a></center>
</b:if>
Post a Comment