Classifieds|Blogger Tips|SEO: Add Stumble and Delicious Save Buttons Under Blogger Posts

Sharing your post by a reader to a blog is another way to increase your traffic.One of the easiest way that helps the readers of blog to share the content that they like is by adding social book marking buttons in your blog.When they share the post a network of people will be able to see your post and it will help searchengine spiders to find your blog and thereby increasing your blogs exposure.Today I'm going to share on adding beautiful Stumble upon and Delicious sites bookmarking buttons below the blog posts.It will look like the below image .Many useful and rare blogger widgets will be updated in coming posts.

To Add these bookmarking buttons under blogger posts follow these steps,

1, Go To Blogger - Design- Edit HTML

2, Backup your template

3, Click the "Expand Widgets Template" box

4, Search for this,

]]></b:skin>

And just above it paste the following code,

/*------------ Image Hve--------------*/
.Fadein img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.Fadein:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}

5,Next search for this code,

<data:post.body/>

Below that paste the following code

<b:if cond='data:blog.pageType == "item"'>

<center>Thanks For Sharing! Kindly Stumble It Up And Add a Save To Delicious . 

<a class='Fadein' expr:href='"http://del.icio.us/post?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Delicious' height='175px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifDlNkUsWL8oVZ1YWG3fC1bO9tUtrdpZeYy4TZsiovfEDbtbpGeGk2zP77NL1JOwZfVdaxR-w5N3Heg6WS_VSCK2dT8sTfD9clFoyusErT3lYd7vSjbmnWGwvwYMHtdPuuK3u0aG0hIpKX/s1600/Delicious_Pearl.png ' width='175px'/></a>

<a class='Fadein' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='175px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEyO4gmxLKpy5M-4024nLgfa-jALiP9SW5V9lspQ5Ayj6SbLNGTFkDUU_0omaL7BZfHwisi9erveH6qAVwQ40ajskREgtVrrV6-xdGVDdA4Xg5n_7TjwM-SbtRYUljeNVIrYFjDb0ARlT/s1600/SU_Pearl.png' width='175px'/></a> </center>

</b:if>

Save your template.
Now you check your post.You can see the Stunble and Delicious Save Button below your post.

25. 26. Add Stumble and Delicious Save Buttons Under Blogger Posts 27. 28.