How to create favicon for wordpress and html format




Tagged Under : , , , ,

Version: 32.1
Revision: 46 Build 32

How to create favicon for wordpress and html format


Introduction: this article will instruct you to create an icon for your website and Wordpress. This tutorial is also simple and straight forward, so you don’t have to fiddle about and get bored!

Right, lets get on with the article and enjoy your new fav-icon!

Software required
————————-

1.] Gimp v2 - http://www.gimp.org
Description: if you want to create your own stylish – icon, please use this application (freeware) to create one from scratch.
2.] Notepad++ - http://notepad-plus.sourceforge.net/uk/download.php
Description: this software will help you to add your favicon source code.
It also has syntax highlight to show you where the head and body page are located!
But, it will also give you lines in numbers so that you can quickly jump to that line in a flash…
3.] VSO image resizer - http://www.vso-software.fr/products/image_resizer/
Description: you’ll need this application to shrink your images into small sizes.
————————–

Part One: Create your own fav-icon
————————–


1.] download Gimp photoshop and create your “image-icon”.
2.] Save your image as a “PNG” or “GIF” format with these resolution.

Notes: you’ll need to use “VSO image resizer” to adjust your image resolution…

Image size
————————–
16px X 16px
32px X 36px
————————–

3.] Go to these website and convert it to an “icon” file.

Site One: http://tools.dynamicdrive.com/favicon/
Site Two: http://www.html-kit.com/e/favicon.cgi

4.] Save your icon file to your website folder or upload them to an image – hosting service.

Guidelines: if you have Wordpress as your website, please go to: Part Two. But, if you’re using Dreamweaver or MS Frontpage, please look at Part Three.

Part Two: How to insert “fav-icon” into Wordpress 2.7xx
————————–

1.] Upload your fav-icon into your main folder.
Example: http://example.org/favicon.ico

<link rel=”shortcut icon” href=”/favicon.ico” />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />

Notes: if your blog is from a subfolder, you’ll need to use this string instead of the above…
Example: http://example.org/blog/favicon.ico

<link rel=”shortcut icon” href=”/blog/favicon.ico” />
<link rel="icon" type="image/x-icon" href="/blog/favicon.ico" />

2.] Paste the following code into your theme’s “header.php” file.
However, you’ll need to place it after the “meta tags”. However, if you didn’t do this correctly, your Wordpress blog will trigger an error – syntax. So, please be very careful!

Notes: your header.php file is located in the following directory…

without subfolder: public_html/wp-content/themes/your-theme-name/

with subfolder: blog/public_html/wp-content/themes/your-theme-name/

your-theme-name = the theme which you are using.

3.] Save your header.php file and exit your browser. After that, you’ll need to clear your “internet cache” and “internet temporary files”.

4.] Go back to your website and take a look at your address bar!

5.] Done!

Part Three: How to insert “fav-icon” into Frontpage and other html designer software
————————–

1.] Upload your fav-icon into your main folder.
Example: http://example.org/favicon.ico

<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />

2.] Paste the following code into your web-pages “header” and you’ll need to place it before the “meta tags”. This will allow your “x-icon” to load first!

3.] Save your web-pages; clear your “internet cache”; “internet temporary files”.

4.] Go back to your website and take a look at your address bar!

5.] Done!




How to install Wordpress




Tagged Under : , ,

Version: 36.8
Revision: 56 Build 178

How to install Wordpress – Lair360 style!

Software required: Notepad++, CoreFTP, Cpanel access and Firefox.

Introduction: When I was installing wordpress, I’ve encounter some problem.
This issue is a problem for most users who cannot perform their installations with the help of wordpress guidelines. Their instructions are poor and I’ve heard that their 5 minutes installations aren’t helpful either…

To install wordpress, please read this guide carefully!
A little mistake could put more time and pressure into your work…

Warning: you’ll need a fast internet connection!
If you don’t, this will take an hour or so…

Notes: if you don’t want to upload large files, please use this articles alongside this article.
—————————-

http://lair360.co.uk/blog/?p=118

Part 1: Download Wordpress

1.] Make a folder on your hard drive. Eg – Wordpress_Installation
2.] Download Wordpress 2.xxx and save it to your folder

Notes: Please use CoreFTP for this process. You can download CoreFTP from this website…
—————————-

http://coreftp.com

http://filehippo.com/download_coreftp/

3.] Open the zip file and extract “wordpress” folder
4.] Navigate into the folder and look for a php file called: “wp-config-sample.php”
5.] Open the file with a notepad and input some of your database information

Notes: I would recommend you to use “Notepad++” for this task.
This software will also show you the lines and colours so that you could easily see the source code and its function.
—————————-

http://filehippo.com/download_notepad/

Information to change…
—————————-
define(‘DB_NAME’, ‘putyourdbnamehere’);    // The name of the database
define(‘DB_USER’, ‘usernamehere’);     // Your MySQL username
define(‘DB_PASSWORD’, ‘yourpasswordhere’); // …and password

Information to ignore…
—————————-
define(‘DB_HOST’, ‘localhost’);    // 99% chance you won’t need to change this value
define(‘DB_CHARSET’, ‘utf8′);
define(‘DB_COLLATE’, ”);

Notes: please don’t change the information that has ‘DB_ NAME, DB_USER, DB_PASSWORD’.
But, you’ll only need to replace these entries with your database information: “putyourdbnamehere, usernamehere and yourpasswordhere”
But please don’t change anything yet. You’ll need to work on step 6 before you can change these database settings.

Part 2: Host Provider and MySQL provider

6.] Go to your hosting provider and access your control panel
7.] Look for this config icon: “MySQL Databases”
8.] Add a new database without ‘underscores or spaces’. Most “Cpanel” will not accept these special characters.
So please avoid using them…
9.] Create a new “MySQL Users” and set “all privileges” to your new “SQL user”
10.] Copy this information and your password to your “wp-config-sample.php” and save the original php application as “wp-config.php”
For example…

Information to change…
—————————-
define(‘DB_NAME’, ‘Xcpanel_Xcpanel34′);    // The name of the database
define(‘DB_USER’, ‘ Xcpanel34_ Xcpanel34′);     // Your MySQL username
define(‘DB_PASSWORD’, ‘password888′); // …and password

Notes: Some new Cpanel will need an underscore.
These rules are applied to version 11 or higher

11.] Upload everything to your ‘FTP server’ and drink a cup of tea or anything you desire.

Notes: You can also put your wordpress folder as a subfolder directory.
You will need to change ‘wordpress folder’ into “blog” or “my_blog”

Example1: http://lair360.srhost.info/my_blog/…  [with underscore]

OR

Example2: http://lair360.srhost.info/blog/…

12.] After the upload, right click [on the right box] on these files by pressing “CTRL” key, which is on your keyboard.
13.] Go to properties and change the permission – policy number…

a.] All Folders and directories = 755
b.] All ‘php’ extention files = 644

Notes: for the ‘default directories’, please change their permission manually…

Default Directories
————————–

…/index.php = 644
…/wp-settings.php = 644
…/wp-feed.php = 644
…/wp-config.php = 644
…/wp-register.php = 644
…/wp-login.php = 644
…/wp-admin /setup-config.php = 644
…/wp-admin /theme-editor = 755
…/wp-admin /admin.php = 644
…/wp-admin /admin-ajax.php = 755
…/wp-admin /index.php = 644
…/wp-admin /install.php = 644
…/wp-admin /install-helper.php = 644
…/wp-admin /index-extra.php = 644
…/wp-admin /import.php = 755
…/ wp-admin /export.php = 755
…/ wp-admin /widgets.php = 755
…/ wp-admin /sidebar.php = 755
…/ wp-admin /setup-config.php = 644
————————–

Part 3: Install Wordpress

14.] Now go to your website links and install wordpress.
I would recommend Firefox for this job.

Install location…
————————–

Location 1: if you’re installing “Wordpress” without subfolder, you can use this url address.
But, you’ll need to change “yourdomain.com” with your own domain.

http://yourdomain.com/wp-admin/install.php

Location 2: if you’re installing “Wordpress” with subfolder(s), you can use this address.
But, you’ll need to change “yourdomain.com” with your own domain and “Wordpress” with your subfolder name.

http://yourdomain.com/wordpress/wp-admin/install.php

Tips: it’s better to change your Wordpress subfolder(s) to “blog” or “my_blog”, so that the ‘search engines’ could verify your website – blog easily.

15.] Enter your Blog’s title and your email address.
16.] Copy your username: admin and your password: codeID
17.] Wait for a minute and click on “wp-login.php” and enter your username and password
18.] Change your password in your administrator panel – “Settings”.
19.] Done!

Happy blogging and Good Luck!