Simple Blogger Tutorials

Today I will tell you how to add two extra widget sections / sidebar columns below Blogger post sections within main wrapper. Step 1: Go to Design > Edit HTML tab and find for: <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div>

You must have seen in many Wordpress blogs including Mashable that they use floating share buttons. Now it’s time for Blogger to add a floating share buttons widget. In this tutorial I will tell you the method that can be used to implement this widget to Blogger by using the features of jQuery. It will appear outside of your post sections and as you scroll the page, this widget will also scroll with some animation effects.

In this tutorial we will only use HTML and CSS to add fixed and floating share buttons widget to Blogger. It is best in its kind as it requires minimum effort to implement and is also very stable.

The best way to gain exposure is by adding a StumbleUpon badge to Blogger which has real-time count that shows how many times your post has been viewed and stumbled. You can get the button codes from official badges page but here I will explain how to have these badges for Blogger from six different styles that StumbleUpon provides (updated on January 2013).