Add Blogger Search Botton

Well blogger search box provide reader to search your blog throughout.
To add it simply copy below HTML code and paste where you want.

<p align="left">
<form id="searchthis" action="http://YOURBLOGNAME.blogspot.com/search" style="display:inline;" method="get">
<strong>Search Bloggerfast<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>

Some more tips for blogger liks:
1.Add Caht box to your blogger blog
2.Strike word in your blog
3.Hide navbar-iframe or remove it form your blog

Changing Header background color

One can change background color of header portion of the blog.
To change it CLICk >>EDIT HTML scroll down your template where
these linls will be appear
#header-wrapper {
width:900px;
margin:0 auto 10px;
border:0px;
}
Add a new line of background:#color-code;(accordong to your choice) to get HTML color code click here Where
almost all color avilable.
Afterward save your template.

Add language translator

Blog Is all about things and opinions this read ,used worldwide
where language becomes a problem for reader ,so provide them to read your blog
in so many differnt languages as Google is providing Such tools that is abble to
translate all the webpages into particular language .
To add it into your blog
simply go to http://translate.google.com/translate_tools?hl=en
And copy the HTML code and paste it into blog's sidebar click "Add a page element".>> HTML/JAVASCRIPT And paste it.
One can also paste it into blog post (post footer is most suitable) ,
You should click on >>EDIT HTML then "Expand Widget"
Scroll down the widget until you found like this

<div class='post-footer'>
And paste it just above, it will work better.

Add Chat cox ,Google talk to blog

One can add live chat box on sidbar ,its completly free of cost ,
trr it www.cbox.ws .
There are thousands of site are available ,providing caht box free of cost,
in many different style,colors and according to size .

what is its need?
well Promoting interaction by allowing your visitors to leave messages or chat with one another.
While it is true that your visitors can leave comments on the individual posts, there may be occasions when they have something to say that does not relate to the posts.
one can also use shoutmix.com
To add chat box login into your blogger account click on link >>layout of Dashboard ,then'add a page element ' copy HTML code
and paste into HTNL/JAVASCRIPT link.

Add Banner to your blog

One can make Banner for thier own blog ,free of cost simply visit site below
Cool Text: Logo and Graphics Generator ,make own banner according to your choice or style ,then click
on 'render logo' logo automatically will be reloaded.
Afterward save logo 'save as' .
To upload logo go to blogger account click here Blogger.com go to dashboard
click >>layout link ,then Edit Header and upload logo to your blog,
and Save logo.

What is CSS?

Whiat is CSS?
CSS is only way to decorate or formate for HTML
without CSS one can not shows better formatting
result on webpage.
let us take a example if one want to paste image
on webpage at height 120px from top then
simple HTML tag can not work properly to use proper
image position or desired position one must have to take
help of CSS...

Hide Nabvar iframe

Here one can hides navbar iframe form Google blog.


#navbar-iframe
{
height:opx;
}

Place Above line just Above
#Outer-wrapper
{
.........
.........
}

in your blog .This will hide blogger navbar iframe.

Strike Word in your Blog

< Strike > -----------------</Strike>

for example Tips for All Bloggers
It can be use any where in HTML file
or At the place


'Add A page element'
Section in java Script
or Add third party element
in your Blog

Use definition list in your Blog

A definition list is not a list of items.
This is a list of terms and explanation
of the terms. A definition list
starts with the <dl> tag. Each
definition-list term starts with the
<dt> tag. Each definition-list
definition starts with the <dd> tag.
Inside a definition-list definition
(the <dd> tag) you can put paragraphs,
line breaks, images, links, other lists, etc.

<dl> tag is used for definition list.
Between <dl> & </dl>you have to
enter list of items.

<dt> tag is used for list item terms.
Each list item is surrounded by <dt> & </dt> tag.
<dd> tag is used for the definition-list definition.
Format:
<dl> <dt> Term1 </dt> <dd> Term definition.
<dd> .......<dt> itemn </dt>....</dl>
Take An Example :
<dl>
<dt>Books</dt>
<dd>Books are the great friends.</dd>
<dt>Pen</dt>
<dd>Pen is the biggest power</dd>
</dl>
Output of abobe example:

Books

Books are the great friends.

Pen

Pen is the biggest power

So one can use definition list
in thourghout blog .

Show order list items

An ordered list is also a list of items.The list items
are marked with numbers not with the bullets.
An unordered list starts with the
<ol> tag and end with </ol>.
list items are defined in between <ol> & </ol>.
Each list item is surrounded by the <li> & </li> tag.
<ol> tag is used for onordered list.
Between <ol> & </ol>you have to enter list of items.
<li> tag is used for list item. Each list
item is surrounded by <li> & </li> tag.
Format:
<ol> <li> item1 </li><li>
item2 </li> .......<li> itemn <li><ol>
Example :
;<ol>
;<li> Text Book;</li> ;<li> Note Book;</li>
<li> Pen;</li> ;<li> Pencil;</li>
</ol>
Output

1. Text Book
2. Note Book


3. Pen
4. Pencil

Thus one can use
ordered list Tag to display
ordered items on Blog anywhere
Have a look at unorderd list here

Copyright © 2008 Tips for Bloggers All rights are reserved

Unorder list item into blog

An unordered list is a list of items.
The list items are marked with bullets
(typically small black circles),
it does not have numbers in the list.
An unordered list starts with the <ul>
tag and end with </ul>
list items are defined in between
<ul> & </ul>. Each list item is surrounded by
the <li> & </li> tag.
<ul> tag is used for unordered list.
Between <ul> & </ul> you have to enter list of items.
<li> tag is used for list item.
Each list item is surrounded by <li> & </li> tag.
Format:
<ul> <li> item1 </li> <li> item2 </li>

.......<li> itemn </li> </ul>
Example
<ul>
<li>Text Book </li><li>Note Book</li>
<li>Pen</li><li>Pencil</li>
</ul>
Output of above example:

• Text Book
• Note Book


• Pen
• Pencil

So one can use unorder list for
displaying unorder items.

Blog Element in table

Have a look at an example which
shows how to display element in your blog
post or any where,
<table border ='1'>
<thead>
<tr>
<td>This text is in the THEAD</td>
</tr>
</thead>
<tfoot>
<tr>
<td>This text is in the TFOOT</td>
</tr>
</tfoot>
<tbody>
<tr>
<td> This text is in the TBODY</td>
</tr>
</tbody>
</table>

Out ut of above example:
Note: we have taken red color for'
displaying output of above table.

This text is in the THEAD
This text is in the TFOOT
This text is in the TBODY

Thus one can show table element in
post or anywhere in blog.

Show Subscripted Word into Your Blog

We Often seek more stylish
thigs for our Blog which would look great
here . Some tips here how to show subscripted element in our
blog.
below given subscripted HTML tag

_------------

take an example::
This is _Google Blog for free .
How to Code of subscripted element look :
here code of above statement,
This is _Google for free .

Show Element Tablewise into your Blog

Table Tags
Tag Description::
<table> Defines a table
<th> Defines a table header
<tr> Defines a table row
<td> Defines a table cell
<capton> Defines a table caption
<thead> Defines a table head
<tbody> Defines a table body

The <table> tags
The <table> tag defines a table. Inside a <table> tag you can put table headers, table rows, table cells and other tables

Format:
<table><tr><td>..............</td></tr></table>

Showing superscripted word in Blog

Showing superscripted word in Blog .

Here tips for how to show superscripted word

in Any blog .

for example:

This is ^{Google blog} for free .

Grab it you too.

Here code for above superscripted HTML tag

is given below :-

This is ^{Google blog} for free .

Grab it you too .

Thus one can implement superscripted Tag

for website or any blog .

How to add the Audio files to your page

How to add the audio files to your page
If you want to add the audio file then just replace the name of the video file with the other audio file name.
Example:
<img border="0" dynsrc="img\border.wav" start="fileopen" loop="0" width="134" height="138">
Attribute
Value
Description
dynsrc
path_of_movie_file
Defines the path of movie file.
start
fileopen, mouseover
Defines the instances on which movie starts playing.
loop
0 to n , infinite
Defines the no. of times movie should repeat.
width, height
pixels
Defines the height & width of movie window.
border
0 to n
Defines the width of border of movie window.
start
if you want that movie starts playing when page gets opened then use start="fileopen", if you want that it should open when mouse pointer moves over it then use start="mouseover".
Loop
If want to play the movie in repeating manner then use loop="infinite" or you can provide the value 0 to n.
if loop="0" then movie will play only one time.
So lets see an example so will get more clear.

Just write/copy this example on any text editor new file and save the file and open in the browser and see how it looks.

How to add the Audio files to your page

How to add the audio files to your page
If you want to add the audio file then just replace the name of the video file with the other audio file name.
Example:
<img border="0" dynsrc="img\border.wav" start="fileopen" loop="0" width="134" height="138">
Attribute
Value
Description
dynsrc
path_of_movie_file
Defines the path of movie file.
start
fileopen, mouseover
Defines the instances on which movie starts playing.
loop
0 to n , infinite
Defines the no. of times movie should repeat.
width, height
pixels
Defines the height & width of movie window.
border
0 to n
Defines the width of border of movie window.
start
if you want that movie starts playing when page gets opened then use start="fileopen", if you want that it should open when mouse pointer moves over it then use start="mouseover".
Loop
If want to play the movie in repeating manner then use loop="infinite" or you can provide the value 0 to n.
if loop="0" then movie will play only one time.
So lets see an example so will get more clear.

Just write/copy this example on any text editor new file and save the file and open in the browser and see how it looks.

How to submit blogger sitemap to google and yahoo

Unable to make blogger sitemap for google webmaster !
Well truely speaking why we need sitemap ,if we say
I have to submit my website to Google ,yahoo and
MSN,search engine
for submission of website or Blog for
listing in seach engine,
one have to enter their website URL ,means
not using WWW it should be like this one
"http://YOURBLOGNAME.blogspot.com"
for example:"http://tips-for-all-blogger.blogspot.com"
and afterward submit thier respective sitemap to Google webmaster
for new user sign in here http://google.com/webmasters/tools'

Note :

One must have account in Gmail.com,
if you have ,enter gmail id and password .

After you entered webmaster you see a link add a site
add your site URL and submit ,then you see a link of Varify your sie
click on link add Meta tag generated by Google for your site,to
your blog "Edit HTML "section as follows:

<head> Replace <Meta tag> here <b:include data='blog' name='all-head-content'/>

You have had added meta tag to your blog now time is to add sitemap to your blog
,you see a link of add a sitemap .
Click the link that says “Add a Sitemap”. This will take you to another screen where you should choose the type “Add General Web Sitemap”.
There are two way through which one can submit sitmap

1."http://YOURBLOGNAME.blogspot.com/rss.xml"
2."http://YOURBLOGNAME.blogspot.com/atom.xml"

and thus you have submitted the sitmap to google webmaster...

When you login to your Google Webmaster days later, you should be able to see the
indexed pages and statistics of Google webcrawl of your Blog.