If you are serching for a way that how could one can add google serch box to there blog site or web site.Here is the easier way to get it.As well you can add your own site search box in it.just some code is given here. you have to put it in your blogs template by simple way.
go to your dashboard
then go to layout
click add a page element
click add HTML/javascript
put the code as explained.
save your changes and preview it .
then you will get the search box as shown below.
<form action="http://www.google.com/search" method="get"><div><table cellpadding="0" border="0"><tbody><tr><td><input maxlength="255" name="q">
<input type="submit" value="Search"></td></tr><tr><td align="left"><input type="checkbox" value="www.blogingtricks.blogspot.com" name="sitesearch"> only search blogingtricks
</td></tr></tbody></table></div></form>
copy above code,but replace 'www.blogingtricks.blogspot.com'with your own blog url
and replace blogname with your own blog name.
.
What is widget?
Widget
A widget is a self-contained piece of code that you can move into, out of and anywhere inside the sidebar area of your blog.You can use widgets to personalise your blog and deliver information you want.
Where are they?
Inside your blog, click layout-> add page element(if a theme is widget enabled).as shown
There are many types to add widget to your blog.
for example if you want to add 'football match score widget',news widget,which can be downloaded from widget sites. copy the code and paste as explained by that site.If widget is in java script code then add it in Html/javascript.click on add to blog .paste code & save it.
for example if you want to add 'football match score widget',news widget,which can be downloaded from widget sites. copy the code and paste as explained by that site.If widget is in java script code then add it in Html/javascript.click on add to blog .paste code & save it.
You can remove it by using same way just clicking remove instead of save.
or there s a setting button beside your widget in blog.click it and remove perticular widget.setting button is shown here.
Widgets you can with those you have to put in some information of your own or from another service.for example
technorati favorite button
feedburner feed
del.icio.us icon
various bookmarking widgets
There are many more widget available on net .If you want somthing to put usefull in your blog.Then just search out in widget-form and put this widget to your blog.
there are many sites providing free widgets for blogsites and websites.
.
changing sidebar colour
How to change sidebar colour of your blog.
follow this steps:
1) Go to Blogger 'Dashboard' and choose your blog.
2. Go to 'Layouts' and click on 'Edit HTML' save your template on your computer.
3. Next find sidebar CSS style, its look like this (if you are using standard templates) #sidebar-wrapper, but if you are using your own or one of the free templates from internet, CSS style can look different, but ( I think) it must contain word #sidebar.
4. Now you see that it have some parameters (width, float and many more), you need to add new parameter background-color .
5) Use hexadecimal colour code to put your colour of choice.
.
follow this steps:
1) Go to Blogger 'Dashboard' and choose your blog.
2. Go to 'Layouts' and click on 'Edit HTML' save your template on your computer.
3. Next find sidebar CSS style, its look like this (if you are using standard templates) #sidebar-wrapper, but if you are using your own or one of the free templates from internet, CSS style can look different, but ( I think) it must contain word #sidebar.
4. Now you see that it have some parameters (width, float and many more), you need to add new parameter background-color .
5) Use hexadecimal colour code to put your colour of choice.
.
changing blog width
How to change width of blog in blogger
Standard width of your blog in Blogger is - 660 px.
1) Go to your Blogger Dashboard and click 'Layout'.
2)Click 'Edit HTML'.
3) Before modification save your html template to notepad for future use .
4. Now you need to find CSS Style for your blog body. find this line : #outer-wrapper { 5. There mast be Width: 660px parameter under that line. Just change it to your width. (#outer-wrapper is default CSS name of blog body parameters.
.
changing sidebar width
how to change sidebar width in blog
follow this steps:
1) Go to Blogger 'Dashboard' and choose your blog.
2) Go to 'Layouts' and click on 'Edit HTML' Also save your template on your computer.
3) Next find sidebar CSS style, its look like this (if you are using standard templates) #sidebar-wrapper, but if you are using your own or one of the free templates from internet, CSS style can look different, but it must contain word #sidebar.
4) Now you see that it have some parameters (width, float & many others), you need to change one parameter width , just change the number, for example: width: 400px;5. change it
5 )save your change.
.
Subscribe to:
Posts (Atom)