Add Social Network button After Each Post

Social Network Button

These social buttons are added after each post, whenever some one visits on your bolg or sites then they can easily share any post on social network sites.

How to add this Widgets

• Login on Blog
• Click on Template
• Edit Html
• Copy and paste all the below code inside template.
• You can add these code according to your choice. top of post or bottom of each post.
• Save

<!-- Social media share button -->
<div class='bookmark'>
<a expr:href='&quot;https://www.facebook.com/sharer/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='facebook' class='bookmark-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQ7f1GdfofXnRFkkXvzJC7raysAR5SkEsx4TKTmg4V63P8RQrbhS-YlDmrg-7QvN2JE4M2fYIaBymRfOkba6TNChQKAJqYjqEH4lCDb7w6XEEs34rcuxBulONNQPZD4889ZTqNKawgBw/s1600/facebookicon.png' height="35" width="35" style="border: 0px; background: transparent;"/></a>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='google-plus' class='bookmark-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn3NKdfZVtJxaV5KIy5LZyiuI7auHcuaoZYF7Jn25p4e1vR7BoB5k51boj7p9fwTMIsd1dbLlp-jIAcgwM1M7IoCmuohyoOcqmX9JRrJM0MB7jPLZY4UJMZasMJ9jUm0MOGxv5SBPQ8so/s1600/google-plus-icon.png' height="35" width="35" style="border: 0px; background: transparent;"/></a>
<a expr:href='&quot;https://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='twitter' class='bookmark-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZpwFbTV_3mCLRpJjxmXOdDkRRRVIRcVKTvoIprLTAP1BpMW8qjaJcFR-bk-oKWFJTgyXXdsoWN9VC0FvyZD1GDZLbMMOeZip3Vd4iFF3EAvIIIfKSTTkrjMCKrh6w5GCdESgIu9kFEYE/s1600/twitter.png' height="35" width="35" style="border: 0px; background: transparent;"/></a>
<a expr:href='&quot;https://pinterest.com/pin/create/button/?url==&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='pinterest' class='bookmark-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDoIhzd7Qqscn6FF3avmH-MijpbYgcrzzyuy3v55BwjiRRX17xu3ZrQB2cTzZpXo1XcH1Uqe1k1h89uyIPJzWuaIPXl4lX5XKPxqUfNVU42sAxs0mzPqEa6VkJq_DvdsfcPBWH8y3R73U/s1600/pinteresticon.png' height="35" width="35" style="border: 0px; background: transparent;"/></a>
</div>
<!-- end Social media share button -->

Settings

You can Increased or decreased size of Social share icons