Exclusive Oil Painted Sharing Buttons Below Every Post

This are good looking sharing buttons below every post for blogger created by Me. The icons are taken from social icon studio. This sharing buttons are placed below every post, so that every one can share the post. At the left of this buttons there is a text saying sharing is caring. This text makes it looks good.So, today i am going to show you how to add this awesome looking sharing buttons below every post in blogger.

Follow the Below Steps:

1. Login to your Dashboard.
2. Go to Templates---> Edit html.
3. Tick on Expand widget templates.
4. Now, find for <data:post.body/>.
5. Copy and paste the below code after/under <data:post.body/>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<a href='http://blog-toolz.blogspot.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyrF7_tMfAZa3tNdKIhA8Q0LjOaEmGPVHLcHQSzQOjcLl4ycVFkSRZMwwXj8J4jyYEeG-Ar8vsdb11O9Y7rqLKHv7_HZD8dwrQJOGehySf_am2ePaQfKWBd6Q8owdhjMuk-F_Inkuta8xq/s1600/best+blogger+tips.png'/></a><style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDXqbe7t24PdFEva_dXrVxfzlGC-bqkOWPjmS0LLNMTshvEVT7eb1rP27tzLfih8it2aLNKVTqL7zuWtZWAKn5oWqr2KYI9k6Pg_3uo2vD3UslgxB7ddcRbwZd-KWYapm4E7s6ymnrnEA/s1600/sharing+is+caring+hearts.jpg); position:relative; background-repeat:no-repeat; background-color:transparent;}
#wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;}
#wrapper li{float:left;}
</style>

<div id='wrapper'>
<ul>
<li>
<!-- Facebook -->

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='48' src='http://1.bp.blogspot.com/-mkgk9j9FY38/T_vNA8PFnWI/AAAAAAAAALM/rswXQZCEpgs/s1600/fb.png' width='48'/></a>
</li>
<li>
<!-- Digg -->

<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='48' src='http://4.bp.blogspot.com/-pAvuiLQgPOA/T_vNARnNDoI/AAAAAAAAALE/dNbQn7EB3_U/s1600/digg.png' width='48'/></a>
</li>
<li>

<!-- Stumbleupon -->

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='48' src='http://3.bp.blogspot.com/-WfUyyKhs7wA/T_vM5TdJeAI/AAAAAAAAAKs/jUgUEB1uT6Q/s1600/48x48.png' width='48'/></a>
</li>

<li>
<!-- Twitthis -->

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='48' src='http://3.bp.blogspot.com/-hnSOm4O2bHY/T_vNIPa4svI/AAAAAAAAALk/i6K0j-JMxYU/s1600/twitter.png' width='48'/></a>
</li>

<li>
<!-- Delicious -->

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='48' src='http://2.bp.blogspot.com/-sMHahpEK0Eg/T_vM5ylg1JI/AAAAAAAAAK0/jFct0ujlCe0/s1600/delicious.png' width='48'/></a>
</li><li>

<!-- Design Float -->

<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Float This Post' height='48' src='http://1.bp.blogspot.com/-CV8NZaqter8/T_vM6aHfXiI/AAAAAAAAAK8/bndOpBlwen8/s1600/designfloat_48x48.png' width='48'/></a>
</li><li>
<!-- Reddit -->

<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='48' src='http://1.bp.blogspot.com/-9q9LPpsHMsw/T_vNBR8o_1I/AAAAAAAAALU/khesNAQ_m_4/s1600/reddit.png' width='48'/></a>
</li><li>
<!-- Technorati -->

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Bookmark On Technorati' height='48' src='http://1.bp.blogspot.com/-ZuG73EYwFLk/T_vNHsN-VRI/AAAAAAAAALc/jjay8fx56c4/s1600/technorati.png' width='48'/></a>
</li></ul></div><a href='http://blog-toolz.blogspot.com' target='_blank'><font color='#ccc' size='small'>Blog Gadgets</font></a><br/>

</b:if>

Now , Save the Template.


It's Done.

Categories: Blogger Tricks , Social Media Gadgets