1- Go http://www.blogcrowds.com/resources/parse_html.php or to http://www.eblogtemplates.com/blogger-ad-code-converter/ paste your code in the box there and press CONVERT AD CODE button.

2- The page will refresh and you’ll see that the code you pasted in the box has changed. Don’t worry, copy that code and paste it in your post.

3- Publish your post and you’ll see that your original code will appear perfectly without execution.

1. Please Sign In to Blogger
2. Go to LAYOUT –> Edit HTML
3. If You need to back up your old templates, please do the back up first.
4. Upload The XML Files.
5. Click the Upload button.
6. Save your template.

This is another first release from me.This one also uses the media thumbnails generated by blogger for each post.

Under Template->Page Elements tab, click “Add a Page Element” at the place where you want your search box to appear. Select “HTML/JavaScript”.

There are several HTML codes posted on the net. I tried a few, and found the one that works as follows:

<p align=”left”>
<form id=”searchthis” action=”YOUR BLOG URL/search” style=”display:inline;” method=”get”>
<strong>NAME OF YOUR BLOG<br/></strong>
<input id=”b-query” maxlength=”255″ name=”q” size=”20“ type=”text”/>
<input id=”b-searchbtn” value=”Search” type=”submit”/>
</form></p>

Remember to change YOUR BLOG URL to the URL or web address of your Blog. Also, change the NAME OF YOUR BLOG to that which you want to call your site. For instance, if your Blog Name is long, you may want to write something like “Search Here” or “Search this site”.

You can also change the “Search” button to say, “Hit” or “Go”, by changing the Value.

Save the code and refresh your page. If you want a longer or shorter search box, you can play around with the size. The above example of a width size=”20″ and value=”Hit” will give you this:

Search Here

Whereas a width size=”30″ and value=”Go” will give you this:-

The size of the search box is a matter of appearance. You may have noticed that the maxlength=”255″. This indicates that a user may enter up to 255 characters in the search box, which I think is sufficient and need not be altered.

Image instead of Search button

Just for the fun of it, if you want readers to click an image instead of a button, you will first need to do up a small picture. You can also resize a picture you already have with photo editing tools like Google’s Picasa. After creating a picture, upload it onto a free server like GooglePages or Google Groups, or other free hosts that offer direct links to the image files. Take note of this IMAGE URL

The HTML code to insert is this:

<p align=”left”>
<form id=”searchthis” action=”YOUR BLOG URL/search” style=”display:inline;” method=”get”>
<strong>NAME OF YOUR BLOG<br/></strong>
<input id=”b-query” maxlength=”255″ name=”q” size=”20″ type=”text”/>
<input id=”b-searchbtn” type=”image” src=”IMAGE URL” align=”top”/>
</form></p>

Remember to insert into the code the IMAGE URL, where your picture is uploaded. You can align the image to the top, bottom or set a horizontal space between the bar and the image by using a hspace tag. For more examples on alignment of images, you may refer to the article Hyperlinks and Image Links (II).

Some of the added Features in this new Editor are:

1. Improved Image Handling
2. Improved Raw HTML
3. Geotagging
4. Resize the Post Editor Vertically
5. Easy Link Editing in Compose Mode
6. Better Previews
7. Draggable Placeholders
8. A New Advanced ToolBar

How to Enable the New Post Editor

Go to the Settings Page, and under the global Settings, Opt for the Updated Editor and save the settings.

This button will work like a widget installer,which makes it easier for your readers to add your link.They can link back to you easily by adding your link to me widget.
How to make the Link to me Widget?

Step 1

First of all Make a Small Logo of your blog,which can easily fit into any blog sidebars.It should be small and pretty.

Step 2

Now upload this image somewhere.[You can use blogger to upload the logo if you want or you can opt for some service like tinypic.com]

Step 3

Now note the url of this uploaded image

Step 4

Ok now you Copy this Code into a Text File