Simple Blogger Tutorials

Why use any other translate widgets with or without images of country flags when Google translator widget can translate texts of any webpage and is capable of translating to 64 different languages (and increasing) automatically and instantly to readers speaking language. Google translator for websites can be added to any website or CMS, like WordPress, Blogger, Tumblr, etc. with ease. While the steps of adding this widget is all same but here I will mainly write about how it can be added to Blogger blogs. Blogger has this widget, you just need to go to your blog’s Layout tab and click “Add a Gadget” link. A popup page will open, scroll down below and you will find the Google Translate gadget. But there aren’t much options to select from to customize it, that’s why let’s add it in a different way.

Previously I had written about animated floating widget for Blogger which was or still is popular. But many didn’t liked it for the animated effect and wanted it to be fixed while scrolling. Many requested for this and after giving a thought I am writing this for you. So let’s get started with it and add a fixed sharing buttons widget that will float to the left (or to right) of the Blogger post section.

Related posts widget is demanding for Blogger users as this help your blog readers to know about your older posts. While there are many widgets available on different blogs, there aren’t many which are more customizable than this one which I will be sharing with you. Why more customizable? It’s because you will get both Related Posts and Recent Posts widget which can be a link list, link list with image thumbnail or with only thumbnail with popup title, transition effects and above all, it’s fast. This is one of the best widget for Blogger ever made and found on the web.

Today we will learn how to add floating social media connect/subscribe icons to Blogger. The icon buttons are said to be connect as it will only let your blog readers to connect or subscribe with your blog through social media sites. It's mainly found floating right or left and outside of your blog. In this tutorial, the social sites that I have included are Facebook, Twitter, RSS and Email icons and of-course, you can see them floating . So let's go through the tutorial.

Blogger introduced the new Popular Posts Widget . Everybody must have heard of Blogger stats. This Popular Posts widget collects the data from these stats from your blog posts which have been mostly viewed by your readers and transforms it into popular posts. To add this widget, go to Design > Page elements tab and click “ Add a Gadget ”.

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.

Show the popular stories and articles of your blog in your sidebar. Give your visitors a reason to stay on your blog. Add popular posts widget in Blogger. It work on the total number of comments a post gets. So we can also call it as 'Most Commented Widget'. Many of you have expressed an interest in this widget, so I thought to give you the tutorial on it. See an example on Popular Posts page of my blog.

You can tell you readers to go to the top of the page by adding a floating “ back to top ” icon image. It is simple and very easy to add to Blogger powered blogs. For those who don't know, it is an up icon which indicates to directly go back to the top of page the reader is reading. This can be found floating mainly in bottom right-hand corner and in some blogs at bottom left-hand. A simple but effective way.

Today we will learn how to add favicon to blogger . "Favicon" is the short name for favorites icon, also known as a website icon and is a recognition tool for your readers to identify your blog. Browsers displays it within address bar and/or next to the blog and pages' name or in the list of saved bookmarks. For blogs on blogger platform, you will see blogger's default orange favicon. This can be overridden with your own favicon. To add favicon in blogger, make yourself a blog logo image in "16x16" or "32x32" pixels in ".png", ".gif", or ".ico" format. Upload it in any image hosting site and get it's direct URL. Go to Design > Edit HTML and add the below code after <head> : <link rel="shortcut icon" type="image/x-icon" href=" http://image URL "/> Replace the image URL with your hosted image and save your template. Now view your blog, you will find out that the default f...

I have made a list of Blogger tutorials that are posted in my blog. You can find many tutorials on editing and customizing Blogger templates and make your blog unique and beautiful. So let's browse through what can we find. It's divided into segments. To go to each segment just click the links below to scroll to that.