Monday, May 2, 2011

Simple tricks to build website

We may often or ever heard about css and html, css and html is the material used to build a website.
To make a page look pretty and very neat, codes css and html is to be used. And you might take a long time to learn it, also need to choose a place to learn and teachers the right.
Autodidact also may not be too difficult as long as you have plenty of time and money. try making just one blog with a template, then select the design on the dashboard, then select the tab edit html .... That's the codes that you can change to make your blog look pretty and charming.
if you do not know css and html you can log into blogger, there are many templates with css and html code that is different. All the templates you can learn and understand, then you try to change one template the blogger.
I give examples like the following:

Eliminate copyright
Enter the CSS code below the above code ]]></ b: skin>
# Attribution1 {height: 0px; visibility: hidden; display: none}

Remove subscribe to: post comments (atomic) or Subscribe to: Posts (atom)
See you place the code below just above the ]]></ b: skin>
. feed-links {display: none;}

Eliminate Navbar
Copy the following script into the head tag
# navbar-iframe {display: none! important;}
for example as follows:
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: February 23, 2004
Updated by: Blogger Team
----------------------------------------------- * /
# navbar-iframe {display: none! important;}
/ * Variable definitions
====================

Changing blogger icon
<link href='http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg' rel='SHORTCUT ICON'/>

To Eliminate New Post Link
1. Find the following code:
# blog-pager-newer-link {float: left;}
2. Replace the code above with the code below:
# blog-pager-newer-link {display: none;}
3. Save Template

To Eliminate the Old Post Link
1. Find the following code:
# blog-pager-older-link {float: right; padding-right: 5px;}
2. Replace with the following code:
# blog-pager-older-link {display: none;}
3. Save your template

To eliminate Home
1. Find the following code:
# blog-pager {text-align: center;}
2. Replace with the following code:
# blog-pager {display: none;

No comments:

Post a Comment