Sunday, 2 September 2012

Add Stylish Social share widget below all post in blogger

Hi friends now add stylish Social share widget below all post in blogger blog easily.
PREVIEW:-


Follow simple and easy step to adding this widget in blogger blog easily---->>>>
* First go to your blogger Dashboard.
* Now click in design tab and edit HTML.

* Now click in small box to expand your blogger Template.

* Find now this code
]]</b:skin> by CTRL+F key.
* Copy below code and paste before
]]</b:skin>
.post-share-buttons { margin : 0 0.5em 0 0.5em !important ; vertical-align : middle; }
 * Now again find this code <data:post.body/> by CTRL+F key .
* And copy below code and paste after
<data:post.body/>
 
<span class='post-share'>
<p>
<center><h2>Save And Share : </h2>
<a href='http://twitthis.com/twit?url=&quot; + data:post.url' title='Tweet This !'><img alt='Tweet This !' src='http://santabanta.mywapblog.com/files/twitter0.png' style='padding:0; border:0; vertical-align:middle;'/></a>
<a href='http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' title='Share On Facebook !'><img alt='Share On Facebook !' src='http://santabanta.mywapblog.com/files/facebook0.png' style='width:64px; height:64px; padding:0; border:0; vertical-align:middle;'/></a>

<a href='href='http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Share On Digg !'><img alt='Share On Digg !' src='http://santabanta.mywapblog.com/files/digg0.png' style='padding:0; border:0; vertical-align:middle;'/></a>
<a href='http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Share On StumbleUpon !'><img alt='Share On StumbleUpon !' src='http://santabanta.mywapblog.com/files/stumble0.png' style=' padding:0; border:0; vertical-align:middle;'/></a>
<a href='http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Add To Del.icio.us !'><img alt='Add To Del.icio.us !' src='http://1.bp.blogspot.com/-o7u8nxmqpjc/Te5yp04oZuI/AAAAAAAAAec/7XAFMiD_MVU/s1600/3.png' style=' padding:0; border:0; vertical-align:middle;'/></a>
<a href='http://www.myspace.com/Modules/PostTo/Pages/?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Share On MySpace !'><img alt='Share On MySpace !' src='http://santabanta.mywapblog.com/files/6.png' style=' padding:0; border:0; vertical-align:middle;'/></a>
<a href='http://www.amazingthings.in/feeds/posts/default' title='Blog Feed !'><img alt='Blog Feed !' src='http://santabanta.mywapblog.com/files/feed0.png' style=' padding:0; border:0; vertical-align:middle;'/></a>
<a href='mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Send An Email !'><img alt='Send An Email !' src='http://santabanta.mywapblog.com/files/gmail-logo.png' style='height:64px; width:64px; padding:0; border:0; vertical-align:middle;'/></a>
</center><hr/>
</p>
</span>  
* Now click to save your Blogger Template and you are done.

No comments:

SJ Network Live Stream

SJ Network Daily Motion Live Stream