Add Google Plus One Button on Blogger

Google has released an alternative to the Facebook and Twitter Sharing buttons named +1.If you like something that you find on the web, you can hit the +1 button, and your +1's will help friends, contacts, and others on the web find the best stuff when they search. This tutorial will guide you on adding the same to your Blogger Blog. Checkout this video to know more about the +1 buttonWhy Should I add the Google +1 Button?1. The Plus one button will have a  major impact on your Search results. When a friend of yours does a search in Google, your +1s will count. 2. You can get a detailed report about the +1 metric and how it affects your...

Awesome Blogger Dashboard

Blogger has been rolling out the new UI to Blogger in Draft Users, and its my turn now ;) It looks super cool!. Check out these screenshots [Click the image to get a bigger version] Check out if you have it enabled already. Just visit http://draft..blogger.com and you might see a new Dashboard. :) Source: http://www.bloggerplugins.org/2011/06/awesome-blogger-dashboard.ht...

Recent Posts using Blogger Feed Widget

You can use the Blogger’s Official Feed Gadget to act as a Recent Posts Widget. Here are the Steps to Do it 1. Login to Blogger Dashboard and Go to Design > Page Elements (or Layout)2. Click the Add a Gadget Link, and Add a Feed Gadget From the Popup Window3. The Feed Gadget can display a maximum of 5 postsIn the Feed URL filed, give the URL ashttp://yourblog.blogspot.com/feeds/posts/summary?max-results=5(after editing it with your Blog URL)As I have a Custom Domain blog,  I would usehttp://www.bloggerplugins.org/feeds/posts/summary?max-results=5as the feed URL4. Once the Feed is retrieved, adjust the Gadget Settings and Save the Gadget.5....

Change Blogger Favicon Easily Without any Code Changes

The new Blogger Dashboard allows you to change your blog’s favicon with a few clicks. . The feature has been around for a while now and most of you might already be using it.This tutorial is for the ones who don’t If you are not sure, what a Favicon is then refer this image: The default Blogger Favicon looks like this : You can replace it with some other icon of your choice. How to change the Blogger Favicon without any Code Edits 1. Login to your Blogger Dashboard and navigate to Design > Page Elements. 2. Click on the Edit link next  to the Favicon element 3. Click the Browse button and select the appropriate favicon which you already...

Google Scribe in Blogger

Google Scribe is an Auto text completion tool which was launched in Google Labs an year ago. Google has recently added this feature to the Post Editor in its Draft version. Google Scribe helps you write more efficiently by auto completing words and phrases as you type. Google Scribe supports Arabic, Dutch, English, French, German, Hungarian, Italian, Polish, Portuguese, Russian, Spanish and Swedish and the language is automatically detected using the text in the post. How to Enable Google Scribe in Blogger1. Login to http://draft.blogger.com2. In your post editor, you should see a pencil icon on the right(available only in the Compose mode). clicking this icon will enable/disable Scribe. and this is how the auto text completion works.. (notice the suggestion in grey)Once Google Scribe...

Changing Blogger Mobile Template

The Blogger Mobile templates is something pretty cool, and blogger provides you with 27 mobile templates to choose from. You cannot completely customize the mobile template(as of now) but you can pick any of the available templates. All of these templates come with Post Thumbnails, and a custom excerpt rendered using the data:post.thumbnailUrl and data:post.snippet variables. These templates also support the swipe navigation. You can swipe left and right to move across pages on your Touch screen mobile Here is a preview of how this Blog looks on a Samsung Galaxy S2 Lets see how we can change the blogger mobile template 1. Login to Blogger in...

New UI on Your Blogger Dashboard

The Blogger’s new UI has now migrated from Blogger Daft to the regular Dashboard.If you are a regular reader here, then you must have already seen screenshot of the new UI. Blogger has now made some improvements to  the new UI, and has plugged it into the regular dashboard.The new UI also includes an option to Edit your Template Code. When you login to your Blogger Dashboard, you should see a notification asking you to check out the New UI. If you dismissed this notification, don’t worry, you can still switch to the new UI.In your Old Dashboard, you will see a link asking you to try the new UI.If you are not able to figure that out,...

Recent Posts Widget with Thumbnails

At least some of you would be familiar with My "Recent Posts with Thumbnails" Gadget for Blogger. I had got so many complaints that the Gadget fails to load or has some issues. So I decided to make a Widget version of the same. Why the other Gadget fails at times? The other gadget is made using the Gadget API. The API renders the gadget as an iFrame with all the parameters appended to the iFrame URL. When the iFrame url becomes too big, browsers have issues rendering the gadget. This primary reason behind this is that the API appends so many style parameters to the iFrame URL thereby making it pretty lengthy.The current page url is also a parameter.That...

Grid Layout For the Popular Posts Widget

A few days back, I published the JavaScript version  of the Recent Posts widget, and I loved the Grid Layout of the Widget. One of the most popular Widgets used by Bloggers is Blogger’s Official Popular Post Widget. So I decided to edit the gadget, and give it the Grid Style. How does the Gadget Look like after tweaking it? So Here are the Steps to make your Popular Posts Widget act like an Image Grid1. Go to the Layout Page and add the Popular Posts Gadget, if you haven’t already added it.2. Edit the Gadget Settings so that it displays the Thumbnails and not the Snippet3. Now Go to Template/Design > Edit HTML . DO NOT Click on the...