Blue rounders template

The second template I created.....:)

FEATURES:

1. Works best on mozilla firefox 1.5+
2. Has rounded corners.
3. Quick loading
4. Cool design

Hover on the pic :)....


Blue Rounders Template

Download this template

PS: People i need to know your feedback .... please comment :).....

Add to Technorati Favorites | View blog reactions | Add to del.icio.us |
Digg this post |

Twitter: A new way for social bookmarking

There is a new site that i came across (here) that sets new standards for social networking... Its called twitter .


What is it?
Twitter is a community of friends and strangers from around the world sending updates about moments in their lives. Friends near or far can use Twitter to remain somewhat close while far away. Curious people can make friends. Bloggers can use it as a mini-blogging tool. Developers can use the API to make Twitter tools of their own. Possibilities are endless!

Its a social networking service or a micro-blogging service that allows users to post their thoughts in a few words ... It can also be used to post their current status as in "what are you doing now??"........

Plus its pretty accessible ... that is from web, phone or messenger... Now thats pretty cool ....
You can make new friends ... Well some of my friends will love this site ..

Things twitter can be used for??

1. Bloggers or webmaster can use it as a social book marking tool to increase their traffic..
2. More artistic type of bloggers can use it post some random thoughts..
3. Nice site to make some friends...
4. Developers can use twitter API to develop tools for their site or a blog.
5. Its an alternative for scrapbook on orkut ... :D
6. Tell the world "what are you doing now??"

Like i said possibilities are endless .... ....

PS: See the new twitter widget on my blog .... Can't see it.... Make use of urself and scroll down ... Dont be lazy now ..

Screenshots i took...

Add to Technorati Favorites | View blog reactions | Add to del.icio.us |
Digg this post |

Dark Green Basic template

My first template...... :)
Its simple and has three column.... The colours are little bit on the darker side...
Hover your mouse on the template to view the larger size.....


Dark Green Template




Download this template

Add to Technorati Favorites | View blog reactions | Add to del.icio.us |
Digg this post |

Blogger CSS tutorial

A blogger template usually provides a specific type of fonts and colours. Many bloggers want their blog to look good and different. But there are ways to change everything from colours to fonts to orientation of your blog. This tutorial aims at providing some insights to CSS used in blog

This can be done using Edit HTML feature in blogger.The basic blogger template format is:



An HTML normally has two sections an header section and a body section. All CSS in blogger
specified in header section.
Look at the fig:


In this section you can define various javascripts and blog title. The header section doesnt get over with this. the next section is used to define the CSS . Thats what you wanna learn :).

The next is the variable section. In this section various colours, fonts and properties are defined.
The basic format is shown below.


After defining the variable we can put these values in the CSS by $ followed by name. You'll see that later .

Now changing the background color and fonts of the entire page can be done by changing the
contents of the body { }

body {
background:$bgcolor; // Background color
color:$textcolor; // Text color
text-align: center; // text-alignment
}

For including a background image use

background: url('Path of ur image file');

The next is the hyperlink tag..

a:link { // for standalone link
color:$linkcolor;
text-decoration:none;
}
a:visited { // For visited link
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover { // for mouseover the link
color:$linkcolor;
text-decoration:none; // for underline, overline,etc
}

You can also keep the same values for different tags. For eg:

.post h3 strong .post h3 a:hover {
color:$textcolor;
}

It means that for class .post the tags coming under tag h3 (here strong and a for hovering) will have the same values for different attributes.

Hmmmm...... I hope u got the point......... I think now you can change the header, sidebar, posts, footer and comments section :)...

Cheers!!!! :)

Add to Technorati Favorites | View blog reactions | Add to del.icio.us |
Digg this post |