Wednesday, August 1, 2007

A Simple CSS file

Hello friends,
This is a simple css file which can make your blog more effective.


Step 1: Create a freehosting account to upload your css file (or) just copy and paste the file to your source code.

Step 2: Edit the color , font size , font family and font weight as you like.You can change the text decoration as underlined.(TEXT-DECORATION:Underlined;)

Step 3(Applicable only if you upload the file in a filehosting service): Open notepad and paste the below css code and save it as filename.css and upload it in a free hosting service Eg:(cjb.net,50webs.com,freehostia.com etc..).

open your Edit HTML of your Template and after the blogtitle tag you need to type this

<link rel="Stylesheet" href="http://yourname.yourdomainname.com/filename.css" type="text/css">



for eg:<link rel="Stylesheet" href="http://sriramfrenzz.cjb.net/sriram.css" type="text/css">

Step 4 (For copy and paste users): Paste the below code inbetween the style tags.
<style type="text/css">

-----css code----

</style>
for Eg:
<style type="text/css">
A:link
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #9a6e35;
FONT-FAMILY: Tahoma,Arial,Helvetica;
TEXT-DECORATION: none
}
A:visited
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #9a6e35;
FONT-FAMILY: Tahoma,Arial,Helvetica;
TEXT-DECORATION: none
}
A:hover
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #5c4426;
FONT-FAMILY: Comic Sans MS,Gothic;
}
</style>



Enjoy new way of blogging.....

Labels:

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home