Breaking

Add Social Network icon after each post



Before I placing the social network link with icon in my blog I will describe it in tutorial section. so I will find the following code first.

1. Log in blog account

2. go to edit html in the layout section and expand the command

3. Now search the following code
<data:post.body/>

4. Place the following code right after the above code
<!--SOCIAL-BOOKMARKING-ICONS-STARTS-->
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><b:if cond='data:blog.pageType == "item"'>
<br/><center><hr/>Share This Article:<br/>
<!--DIGG-->
<script type='text/javascript'>digg_url=&quot;<data:post.url/>&quot;;</script><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
<!--Stumble-->
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://Your Direct Link/tribune-v10/Images/SU.png'/></a>
<!--Twitter-->
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://Your Direct Link/tribune-v10/Images/twitter.png'/></a>
<!--Delicious-->
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://Your Direct Link/tribune-v10/Images/del.png'/></a>
<!--Facebook-->
<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 alt='Facebook' src='http://Your Direct Link/tribune-v10/Images/facebook.png'/></a>
<!--Technorati-->
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://Your Direct Link/tribune-v10/Images/t.png'/></a></center></b:if></td>
</tr>
</table>
<!--SOCIAL-BOOKMARKING-ICONS-STARTS-->


Now Download Icons from the following links and change red colored text with your direct link
1. Download link 1
2. Download Link 2


No comments:

Post a Comment