I Look 12

Blogging, Computers, Internet, Gaming, Make Money Online


Add Social Network Buttons To Blogger






Similar to my other post "Sexy Bookmarks for Blogger", I will explain here how to add social networking buttons below every post on blogger but with different style. Like these


I want this guide to be simple, so you won't need to download the icons =).


1. Follow this guide on How To Edit Your Blog Template


2. Find(CTRL+F) <data:post.body/>

3. Add this code BELOW <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>

<!--DIGG-->
<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Digg' src='http://1.bp.blogspot.com/_9ynZ1LviUi0/SvETcN1VyCI/AAAAAAAAAJo/iP2AJBtD5LI/s72/digg.png'/></a>
<!--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://4.bp.blogspot.com/_9ynZ1LviUi0/SvETvoNadKI/AAAAAAAAAMA/f9dYGayvSGc/s72/stumbleupon.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://2.bp.blogspot.com/_9ynZ1LviUi0/SvETbRb5ChI/AAAAAAAAAJg/Dd8aR6TDox0/s72/delicious.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://1.bp.blogspot.com/_9ynZ1LviUi0/SvETwVUkBRI/AAAAAAAAAMI/ukuJeLHYeDI/s72/technorati.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://2.bp.blogspot.com/_9ynZ1LviUi0/SvETxCbS-0I/AAAAAAAAAMQ/NlXIHvkTMXo/s72/twitter.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://2.bp.blogspot.com/_9ynZ1LviUi0/SvETdEyG0oI/AAAAAAAAAJw/_UTnP93qWmc/s72/facebook.png'/></a>
<!--Reddit-->
<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Reddit' src='http://3.bp.blogspot.com/_9ynZ1LviUi0/SvETvAub2qI/AAAAAAAAAL4/aFhphOYF8LU/s72/reddit.png'/></a>
<!--Furl-->
<a expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Furl' src='http://1.bp.blogspot.com/_9ynZ1LviUi0/SvEThqa3wsI/AAAAAAAAAKY/KHlSnzzQD-w/s72/furl.png'/></a>
<!--RSS-->
<a href='Social-Feed-URL' title='Subscribe to RSS'><img alt='RSS' src='http://4.bp.blogspot.com/_9ynZ1LviUi0/SvETeJo8-EI/AAAAAAAAAJ4/El_3oeCul60/s72/feed.png'/></a>

</b:if>

Notes:
1. If you want to remove a button, just remove the code. For example, I don't want to put Digg button so I will remove this code
<!--DIGG-->
<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Digg' src='http://1.bp.blogspot.com/_9ynZ1LviUi0/SvETcN1VyCI/AAAAAAAAAJo/iP2AJBtD5LI/s72/digg.png'/></a>

2. If you are including the RSS Button, find(CTRL+F) Social-Feed-URL then change it to your feed URL.

Source: bloggerstop.net
Icons: freeiconsdownload.com










What are the benefits of being a subscriber?
All subscribers will get these updates directly from their email.
  • Blogging/SEO tips and tutorials
  • Technology news and tips
  • Computer tips, guides and optimizations
  • Gaming tips, tricks and cheat guides
  • Online money making tips
If you wish to subscribe, just fill up the form below:
Email address:
Lijit Search

Followers

Translate