Simple Blogger Tutorials

Today we will learn how to add background images to Blogger. Instead of just having background color to your blog, you can add images to it. You can use any image formats and any size to make your blog look beautiful and also can achieve a style with the same layout that others are using too. Before we start, we need to know some extra styling properties that will come handy. So let’s start with the tutorial.

Blogger is advancing day by day and now there are many new features that are now available to Blogger in Draft . Adding captions to Images in Blogger Now you can add captions to your images without any extra codes and scripts. Just click on the image that you have uploaded, and click “Add caption” . And write your caption just below your image. Simple Blogger Tutorials

Many readers take Facebook Fan Pages as an alternative to RSS readers, so it will be best to add a Like Box to your blog. It is a great way to show your readers that your blog is also available on Facebook and they can join your Page and become an active member by liking your page. Here is my page on Facebook. You can always join my Page by clicking the “Like” button.

Facebook share button is a perfect way to share blog posts and to show the number of shares that has been made for a particular blog post. There are two types with different styles, one with a big count button and the other one is inline button . To add it to Blogger select any one of the share buttons as mentioned below. Facebook Share Button with Counter <div style=" float: right; margin: 4px; "> <a name="fb_share" type="box_count" expr:share_url="data:post.canonicalUrl" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </div>

Google FeedBurner is one of the top most web feed management provider which is commonly used by all bloggers to manage their blog feeds. Blogger powered blogs has this setting too but first you need to configure and set it up properly. So today I will guide you through this. Adding and Claiming Your Blog’s Feed Step 1: Log in to FeedBurner and write your blog’s feed address in “Burn a feed right this instant”. This is where claiming process starts. Your feed address will be: http:// example .blogspot.com/feeds/posts/default If you are a podcaster then check the podcaster box and click “Next”.

In this tutorial I will tell you how to customize and add image or icons to Blogger sidebar titles. First we need an image that you want to add. It can be a small vertical image that can be repeated throughout the width of the sidebar title or just a fixed icon. If you are good at drawing, then you can create an image with specific height and width. The width of the image should be same with the width of the sidebar, so find for #sidebar or #sidebar-wrapper and see the width given in pixels (px) .

Do you know that my blog uses some properties of CSS3? For example, look at my main-wrapper and sidebar, you will find that there are shadow effects. If you look at my footer, there you can find text-shadow effects. All the new versions of browsers mainly Firefox (3.5+), Opera (10.5+), Chrome (5+) and Webkit/Safari (3.1+) supports CSS3, while IE (9+) support very few (till date). What are the Styles that can be Done by CSS3 in Blogger?