Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Add social icons to each post



Social Networks is one of the MOST important things if you want your blog grow big.Today in Internet everybody is connected with everybody sharing information and you have to take advance of this.Adding some sharing icons is one of the ways to succeed it.As you see from my blog i have add the 6 more popular Social Networks so you can share the post you like.I found another ways also but this is the most clean way and easy to customize.



You can see them on action on the bottom of this article.
Let's see how we can do that.

1)Log to your Blogger account

2)Go to your Html area of your blog

3)Check "Expand Widgets"

4)Press Ctrl+F and search this code


<data:post.body/>

(NOTE:If you have add the "read more" widget on your blog you will find TWO similar codes,you have to place the below code after THE SECOND CODE!)

5) Now place this code right after the code you found


<!--SOCIAL-BOOKMARKING-ICONS-STARTS-->
<b:if cond='data:blog.pageType == "item"'>
<!--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-->
URL'/></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='URL'/></a>
<!--Technorati-->
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='URL'/></a>
<!--Twitter-->
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='URL'/></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='URL'/></a></b:if>
<!--SOCIAL-BOOKMARKING-ICONS-STOPS-->


6)Change the blue URL with the source of your icons (you can upload in several sites,i use Photobucket.NOTE:Don't forget you need ONLY the "direct link" of your icons.)
7) Save & Preview!

For now i give for this Social Networks.More to come.




This post first appeared on Blogger Widgets ::blocoon::, please read the originial post: here

Share the post

Add social icons to each post

×

Subscribe to Blogger Widgets ::blocoon::

Get updates delivered right to your inbox!

Thank you for your subscription

×