Category: Blogger Hacks

For some odd reason, when I tried to add the Adsense for search box html/javascript code directly into my blogger template xml it would not appear. So I found a really simple hack . I’ve just added a few more screenshots for the xml illiterates (like myself) to make things a lot easier. Here’s the easy way to add adsense for search into your own blogger/blogspot blogs right above the first post, just like I have there!

1. Click on the “Layout” tab in your blogger control panel.

2. Click the “Edit HTML” link.

3. Scroll down until you see showaddelement=’no’

4. Change “no” to yes.

If you click on the “Page Element” link (still inside your “Layout” tab) you will notice “Add a new page element” above your “Blog Post” box has now appeared. Now you can add any page element you want. To add a search box simply choose the html/javascript element and add your code and save. That’s it! Simple huh? Adding an Adsense for search box allows your user to easily search your website while giving you another opportunity to make some more money online!

When your site gets a visitor and finds that one of your sidebar has been pushed below the posts, he’ll consider your site of not a decent quality and you might lose a regular reader

The ready made templates which are available for Bloggers are from the side of some world class designers but when a blogger places an image, video etc. in the middle of the post and the width of the images/video is more than that space provided, in some versions of Web browser, the sidebar tends to drop ,ie, it slips down blog posts this is also known as float drops.

#sidebar-wrapper

{

width: 240px;

float: right;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

word-wrap:break-word property for fixing long floating text works only in Internet Explorer

Too make your sidebar fixed in one location, add these three CSS properties to the sidebar-wrapper property of your template

#sidebar-wrapper

{

positon:absolute;

magin-top:0px;

margin-left:0px;

}

So now the code looks like this:

#sidebar-wrapper

{

positon:absolute;

magin-top:1px;

margin-left:1px;

width: 240px;

float: right;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

This confirms to the Web Browser that the sidebar has to remain fixed at one place only in all versions of the Web Browser. The Sidebar will remain static and should not be affected by any long floating image/text/video.

I’m thrilled to tell you that the Blogger team have enabled a comment form below the post – WordPress style! This is probably the feature we ALL wanted added to the Blogger service, so many thanks go out to the Blogger team for enabling this service for us. The inline comment form is currently available through Blogger in Draft. To activate this, go to Settings>Comments in your Blogger dashboard and scroll down to “Comment form placement” where you can check the radio setting for “Embedded below post”.

There is only one problem with this at the moment: those of us who have customized our templates cannot currently use this feature. This is because our templates do not contain the code required to display the comment form. If you use a default template, your comment form should automatically appear below your post once you have changed the comment settings in your blog. I will post about this in full detail in the next couple of hours with instructions for those who have modified their templates.

Update: I have now posted full details for adding comment form functionality to your customized Blogger template, and you can also see this in action beneath this (and every) post on Templates Treasure.