Light Box Update

Blogger has added an option to enable/disable the Light Box Feature. Those who want to disable these overlay displays can easily do that from the Blogger Settings Menu. To know more read Disable Blogger Light Box Source: http://www.bloggerplugins.org/2011/10/light-box-update.ht...

Google Analytics in Blogger

Blogger has added a new option to easily integrate Google Analytics with your Blog. To Add your Google Analytics Tracking code, you just need to specify your Google Analytics Account number in your Blogger Dashboard. To do that Go to Settings > Other and fill up  the “Google Analytics Account number” field, Once done Save the Settings. Now Blogger will automatically add the analytics tracking code to your blog(even on the mobile version). Adding The Analytics Account number in Blogger Go to Settings  > Other and provide your Google Analytics Account number. Click the Save Settings Button when done. If you are using a Custom...

Edit Blogger Mobile Templates

There is some Good news from the Blogger Team on the Blogger Code Blog. If you have enabled the Mobile Templates, you will be able to customize the Blogger Mobile Template by using CSS definitions. You will also be able to control which widgets are to be shown and which shouldn't. You can also configure the widgets to show an alternate content in the mobile view. Though this looks so promising, I was not able to test all of these features. Where to Start? Go to Template and Click on the Gear Icon below the Mobile Template. From the Dropdown opt for “Custom”, Preview the mobile template  and Save it.  Customizing the structure of...

Profile Picture in Google Search Results

You might have noticed Google search results  includes information about the author. It has a link to the Author’s Google Plus Profile and it also displays the Author’s Profile Picture.This tutorial will guide you in doing the same with your Blog.Before we Start, here is a preview of what we are talking about  How to Make Google Know that you are the Author of a Blog ?This process involves kind of a two way verification. In your blog you should tell the Google Crawlers that  this guy with this Google Profile is the author of the entry.Now Google has to verify that the Blogger has provided the correct Google Plus Profile.So it...

Comment Spam Filtering and Comment Inbox in Blogger

Many of you might have noticed that Blogger has made some Cool Improvements to its Commenting System. Blogger has introduced an improved Spam Filter and a Comment Inbox. Most of you must have noticed the new “Comment” tab in your Dashboard (This may not be present on all blogs. Blogger is in the process of rolling out this feature to all users) Comment InboxBlogger has introduced the “Comment Inbox” where you can view all the Comments published on your blog.The Comment Inbox has Sub tabs namely Published , Awaiting Moderation and Spam Comment Spam FilteringMost web forms are targeted my spammers and bots. Most Blogging Platforms have their...

Tweet This - Text Link for Blogger

The Official Twitter Tweet Button has 3 default styles(2 of them with a counter and one without) . The Button works with JavaScript and is not fully Customizable.This post is for all those who want to customize, the tweet button and change it into a simple Text link. The output will be a simple HTML link with all the features if the Tweet Button(excluding the count) How to add the Tweet This Text Link to Blogger? 1. Login to your Blogger Dashboard and Navigate to Design > Edit HTML 2. Click on the Check box which says “Expand Widget Templates” 3. Now Look for <data:post.body/>and immediately after that line paste the following...

New Facebook Like button for blogger

Facebook has now released an improved version of its like Button. The new Facebook like button looks like  the horizontal version of the Official Tweet Button. The Facebook Like button will show the no of likes just like the tweet button does.The like button has some changes from the older version in the way the user is allowed to like and unlike. A Screen Shot of the New Like Button Integrating the New  Like Button into your Blog 1. Blogger – Login to  your Blogger Dashboard, Navigate to the Edit HTML tab under Design and follow the instructions at this page (It also has instructions to upgrade your old like button to...

How to Add Tweet Box to Blogger

It has been a long time since @Twitter released the @AnyWhere Developer Tool. AnyWhere allows you to seamlessly integrate Twitter into your site using a few lines of JavaScript. You can read more about it at  @AnyWhere Developer Page. Tweet Box is one such @AnyWhere Application, which allows you to add a 140 char Tweet Box onto your blog. Here is a screen shot of how the Tweet box appear on my Previous Post. Hope that now you got a good idea of how this works, If not scroll down to the bottom of the post and see it in live action :) How to add the Tweet Box on a Blogger Blog? 1. Go to the @AnyWhere Developers Page and create...

Popular Posts & Blog's Stats widgets for Blogger

It has been almost 2 months since Blogger introduced the “Stats” feature. Now they have gone a step further by introducing 2 Gadgets related to the “Stats”. Blogger has now got a “Popular Posts” Gadget and a “Blog’s Stats” Gadget.(These are currently available only on Blogger in Draft). Popular Posts GadgetBlogger has always lacked such a gadget. There used to be some Yahoo Pipe based widgets, which list out the most commented posts. But these were pretty slow and inefficient. Now Blogger has got this Official Popular Posts Gadget.As the name indicates, the Gadget displays a list of popular posts on your blog.  Here is a Screen Shot of...

Embed Picasa Slideshow in Blogger

There are many photographers out there who wish to display their picasa albums in a Blogger Post. It’s actually quite simple to add a picasa slideshow. If you are noob, then these steps might help you. 1. Login to Picasa Web, and Navigate to your Album. On the Right side you will see a “Link to this Album” link. Click that 2. Now Click on the Embed SlideShow Link 3. From the overlay window, adjust the Slideshow settings and copy the Embed Code. 4. 1 If you want to have the Slideshow embedded into a Blog Post, then follow these steps else branch over to 4.2 a. Login to your Blogger Account, and Edit/Create a post: Switch to the Edit HTML(or...

Random Posts Widget for Blogger with Thumbnails

The Random Posts Gadget will  display a list of Random Posts(from your blog) on your Blog’s Sidebar. The Gadget has an options panel and can be configured to meet your needs. The Gadget inherits styles from your Blog. But you can override the colors if you want(this was done to support third party templates which doesn’t have the skin variables properly designed). About the Various Options Maximum Length of Post Title – Your post titles can be too long. In that case you can limit the title to x  number of characters using this parameter. Snippet Style – You can display the snippet with Post Summary, Post Thumbnail...

Replace Page List Menu Gadget with a Link List

The Default Blogger Templates(which can be customized using the Designer) are all made to use the “Blog Pages” as your Blog’s Top Navigation Menu. This is done using a Page List Gadget. But , you might want to setup your own menu with Custom Links. In that  case, you can replace the Page List Gadget with a  Link List. This tutorial guides you on how you can replace the Page List with a Link List without loosing the Menu Styling(and the highlighted active links).. How do i add non-page links to my Menu This is a frequently asked question on the Blogger Help Forum. The solution is simple, if you want to display anything other than...

Render Blogger Blog in IE using Google Chrome Frame

Google Chrome Frame is an open source plug-in that seamlessly brings Google Chrome's open web technologies and speedy JavaScript engine to Internet Explorer. Older versions of IE doesn’t support the latest web technologies like HTML5 and CSS3. With Chrome Frame, all these new Technologies will be supported. What is this Google Chrome Frame (GCF) ?   How can i Render my Blogger Blog using the Chrome Frame? 1. Log in to your Blogger account 2. Go to Design > Edit HTML tab. 3. Look for <head> and immediately below it paste the following line of code. <meta http-equiv='X-UA-Compatible' content='chrome=1'/>4. Save the...