How to I Add Social Bookmarking Widget Buttons for my blogger template

How to I Add Social Bookmarking Widget Buttons for my blogger template

Hello dear Guys I was busy these days to generate some changes to my blogger template so that you can make it even a lot more World Wide Web 2.0 :). As component of those people changes the following are the changes which I created to my blogger which I'm sharing as articles or blog posts that could possibly be of some support to my fellow blogger's.

• Added Social Bookmarking Buttons to my blogger template
• Added a Tweet this button
• replaced the Add this Social Bookmarking button with a share this button code
• How to Display the code as HTML in scroll box in blogger

I'm heading to share every of my experiences on how I have created all those people around changes as separate posts.

Adding Social Bookmarking Buttons below the posts

Adding Social Bookmarking buttons below the blogger articles or blog posts is often an incredibly easy process. Just follow these simple steps

Login into your blogger account and Navigate towards "Layout" section. Under that choose the "Edit HTML Page" selection and verify the Expand widgets option
Now look forthis code


Imp Note: Don’t forget to verify the Expand widgets selection or else you'll not find the around code

Now copy and paste the below code right away below that

<!-- Start of social bookmarks. Check http://searchcorner.blogspot.com/ for SEO and Online Marketing updates -->

<span class='post-author' style='font-size: 95%;'><br/>

Add Post To: |<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Digg</a>|

<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Twitthis</a>|

<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'>Technorati</a>|

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>del.icio.us</a>|

<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Stumbleupon</a>|

<a expr:href='"http://sphinn.com/evb/button.php=" + data:post.url + "&title=" + data:post.title' target='_blank'>Sphinn</a>|

<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Reddit</a>|

<a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=" + data:post.url + "&Title=" + data:post.title' target='_blank'>BlinkList</a>|

<a expr:href='"http://www.furl.net/storeIt.jsp?t=" + data:post.title + "&u=" + data:post.url' target='_blank'>Furl</a>|

<a expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Spurl</a>|

<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.title + "&u=" + data:post.url' target='_blank'>Yahoo</a>|

<a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + data:post.title' target='_blank'>Simpy</a>|

<br/></span><!-- End of social bookmarks -->

That’s it. You might be done! Now you'll be able to begin seeing the Social Bookmarking Buttons appearing below every article within your bloggers post

Caution: Don't forget to take in the backup of your blogger template just before creating any changes to it. Sometimes changes all changes don’t work fine for every blogger template.

Also should you are interested in with the images as buttons then you are able to use this code

<!-- Start of social bookmarks. Check http://searchcorner.blogspot.com/ for SEO and Online Marketing updates -->

<span class='post-author' style='font-size: 95 %;'><br/>

Add Post To: |

<a expr:href='"http://digg.com/submit?phase=2&url=" data:post.url "&title=" data:post.title' rel='external nofollow' target='_blank'><img alt='Digg' border='0' src=' '/></a>

<a expr:href='"http://www.stumbleupon.com/submit?url=" data:post.url "&title=" data:post.title' rel='external nofollow' target='_blank'><img alt='Stumbleupon' border='0' hspace='12' src=' '/></a>

<a expr:href='"http://technorati.com/faves?add=" data:post.url "&title=" data:post.title' rel='external nofollow' target='_blank'><img alt='Technorati' border='0' hspace='12' src=' '/></a>

<a expr:href='"http://del.icio.us/post?url=" data:post.url "&title=" data:post.title' rel='external nofollow' target='_blank'><img alt='Del.icio.us' border='0' hspace='12' src=' '/></a>

<a expr:href='"http://reddit.com/submit?url=" data:post.url "&title=" data:post.title' rel='external nofollow' target='_blank'><img alt='Reddit' border='0' hspace='12' src=' '/></a>

<a expr:href='"http://twitthis.com/twit?url=" data:post.url "&title=" data:post.title' rel='external nofollow' target='_blank'><img alt='Twitthis' border='0' hspace='12' src=' '/></a>

<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" data:post.title "&u=" data:post.url' rel='external nofollow' target='_blank'><img alt='Yahoo' border='0' hspace='12' src=' '/></a>

<br/></span>

Use this code, and among the single quotes location of source(src) from the images (bold component inside the code above), paste the direct url link in the images of Digg, StumbleUpon, Technorati, Delicious, Reditt and Tweetthis buttons respectively. In case you want to add a lot more buttons like sphinn, simply, furl, etc here, you'll be able to add them too. In case you have any questions with regards to this article as your comments I’ll I am going to appear into them.

How to I Add Social Bookmarking Widget Buttons for my blogger template

Hello dear friends thanks for visiting this site and post. Friend if you like this post How to I Add Social Bookmarking Widget Buttons for my blogger template This post share with your friends. Friends you will get another supper related post "Google Swiffy Convert SWF Files to HTML5".