Sunday, 15 June 2014

How to add spining social sharing widget on blogger

How to add spining social sharing widget on blogger


Fast Copy the html code from the below  box

<div dir="ltr" style="text-align: left;" trbidi="on">
<!--http://adminwidget.blogspot.in--> <br />
<div style="bottom: -3px; left: 0px; position: fixed; width: 100%; z-index: 65535;">
<marquee><a href="http://www.facebook.com/your%20facebook%20page%20address" target="blank"> <abbr title="Follow us at Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQGmew8dKZN9GAJ3NFsxxqCKUuD9wXMhmPRT9UWtDDqVHK10aDHB9qldVlpzn3c5KtQnqzD0ign6Vz8aXAE7rkC7HoGo1U82CgQ46ZViAA-Pu8-8BCZHztab6XDqYoy9trXMBDFo1J2yi_/s1600/car.png" height="50" width="150" />
 </abbr> </a> </marquee> </div>
</div>

After Copy the html code
Go to blogger dashboard >>and edit html
find out ]]></b:skin>
Now copy the code and paste the code above ]]></b:skin>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center><p id='wg-socialicons'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD9yXBK4-hSYyiVPTKUhaSIfd05fKlXJha9uwItD2cKXj6LrWk2eBygG3OumOGj8tCcw8cuBZisxyjGdkvJDUXjlIhFBGq2xGtKVTxXBN5my17Vu-y5UhLHXUPNTGC2jAQNZlmLyKPtZRp/s1600/1354123083_FacebookShop+-+Copy.png' title='Share on Facebook'/></a>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXpEVotcDS3dbYY21zoYdbtuj2_t0ExpfIQZSzIXaY8R7O7TXOO6hotkPY7DkGozdLUCl3JybV_l_MWVzOazJZvA9Fx5s2IQWHgyTSRpjKqFD6VN8ropgPovhmPjZgNctsJJFQUtwUPbud/s1600/1354123098_twittershop+-+Copy.png' title='Share on Twitter'/></a>  
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBYP0XY6RqE2sCvX9swXba739cQuKjxX0z9cj9Z6kBRFYTNHSezPNFlvcZZ7OyVsG8_xYOuIi1wIaRZ6gBiGYJvQULoNgiwqn1NrdHBmBmA458ULl5mN-ErXbL-SKX9n3fOiYrnC0f0kzs/s1600/1354123128_dribbbleshop.png' title='Share on Digg'/></a>
</p>
</center>
</b:if>

Go >> to Below box and copy the html code Now find out <data:post.body/>
And paste the code below <data:post.body/>
Now save the template 

0 comments:

Post a Comment

visitor

 
- See more at: http://adminwidget.blogspot.in/2014/06/how-to-add-next-previous-numbered.html#.U60N95SSyKQ