elhusseiny - Internet Business Resource

Is being different is an important issue for you? if yes, then you should costume your blog design to be unique for your visitors. As you see my own blog, I have changes its old Kubrick design that comes by default after I installed the wordpress script.

I found that owning a unique design is very good idea to leave leave a good impression with your visitors. They will think and say “oh yes, this one is different and know what he/she does, I’ll come again.

It is very easy to create a free wordpress blog, just follow the following instructions.

1. Go to www.wordpress.com.
2. Choose “Sign Up Now”.
3. Fill in the application.
4. Activate your account.
5. From the control panel and at the left, choose “Register another blog”.
6. Type the URL and the title of your new blog.
7. Create the blog and start posting.
you can create pages, categories and link menu.

So, you want to edit the header of your default wordpress theme, it is very easy to do so. If you want to edit the colors only, you need to go to “Presentation” from your control panel and from there you need to choose “Header Image and Color”.

If you want to add a new image in the header, you can do it by creating a new image in the size of “760px width and 200px Height” and name it “kubrickheader.jpg”, it must be saved in jpg extension.

Then, you can upload it to your server, go to “wp-content” >> “themes” >> “Default” >> “images” and upload it there.

The above tutorial is for default wordpress theme, you can do the same for any theme but you need to know the name and the size of the image of the header of your current theme, then you can create a new one in the same size and name, then you can upload it to the image folder of your current theme.

To add a small image beside the URL of your wordpress blog, you need to follow this simple tutorial.

1. Create a small logo to your blog.
2. Go to www.html-kit.com/favicon/.
3. Browse for the logo and let that tool to generate a Favicon for you.
4. Download and unzip the file.
5. Upload the file to your server.
6. Go to your blog control panel.
7. Choose “Presentation”.
8. Choose “Theme Editor”.
9. At the left, choose “Header”.
10. Right above </head> tag, add this code:
<link href=’youriconfile.ico’ rel=’shortcut icon’/>

Replace “youriconfile.ico” with your logo link location at your server, you can use free servers like http://pages.google.com.

You can add a small image beside your Blogger/Blogspot blog URL, this image is called Favicon.

Steps to do it:

1. Design a logo for your website, make it a small image.
2. Got to www.html-kit.com/favicon/.
3. Pick the logo to let the site generates the Favicon icon.
4. Download the generated file.
5. Unzip the file.
6. Upload the Favicon icon to the web; you can use http://pages.google.com to upload small files there.
8. In your web pages, add the following code below </head> tag in all web pages:

<link href=’youriconfile.ico’ rel=’shortcut icon’/>
<link href=’youriconfile.ico’ rel=’icon’/>

9. Save and check changes.

By default, the title of the post will come after the main title of the blog to be in the following structure: Blog Title >> Post Title.

That structure is not good for SEO because search engines crawl the title from left to right and you need to edit the title to show the post title before the main blog title to get it in the following structue: Post Title >> Blog Title.

Steps to do it:

1. Go to your blog “Dashboard”.
2. Choose “Layout”.
3. Choose “Edit HTML”.
4. Download Full Template, to recover the old template if you make any mistakes.
5. Find this code: <title><data:blog.pageTitle/></title>

6. Replace it with this code:
<!– Start Widget-based: Changing the Blogger Title Tag –>
<b:if cond=’data:blog.pageType == “item”‘>
<b:section id=’titleTag’>
<b:widget id=’Blog2′ locked=’false’ title=’Blog Posts’ type=’Blog’>
<b:includable id=’comments’ var=’post’/>
<b:includable id=’postQuickEdit’ var=’post’/>
<b:includable id=’main’ var=’top’><title><b:loop values=’data:posts’ var=’post’><b:include data=’post’ name=’post’/></b:loop> ~ <data:blog.title/></title></b:includable>
<b:includable id=’backlinkDeleteIcon’ var=’backlink’/>
<b:includable id=’feedLinksBody’ var=’links’/>
<b:includable id=’backlinks’ var=’post’/>
<b:includable id=’status-message’/>
<b:includable id=’feedLinks’/>
<b:includable id=’nextprev’/>
<b:includable id=’commentDeleteIcon’ var=’comment’/>
<b:includable id=’post’ var=’post’><data:post.title/></b:includable>
</b:widget>
</b:section>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<!– End Widget-based: Changing the Blogger Title Tag –>

7. Save Template and check the changes.