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.....
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: A Simple CSS file
0 Comments:
Post a Comment
Subscribe to Post Comments [Atom]
<< Home