Create your own Blog website for beginners
Getting Started
World Wide Web Address (www.address.com
Just like your house, every website has an address, so that people can find your web site on the Internet. Here is an example of a worldwide web address: http://www.google.com in this example, the web address is for the Search engine Google. Note that this text is underlined to signify an address that links you to the Google website. It may also be written as www.google.com. If you click on this link you will jump directly to the Google web site. Take a look at this snapshot to locate the web address for Google.
Getting Started
World Wide Web Address (www.address.com
Just like your house, every website has an address, so that people can find your web site on the Internet. Here is an example of a worldwide web address: http://www.google.com in this example, the web address is for the Search engine Google. Note that this text is underlined to signify an address that links you to the Google website. It may also be written as www.google.com. If you click on this link you will jump directly to the Google web site. Take a look at this snapshot to locate the web address for Google.
When you create your own web site you will need to get or claim your worldwide address also known as a domain name. Website Layout explained. When you first start setting up you web site I recommend using an application called Blogger. You can move onto other applications such as Word press and Movable Type as you gain your confidence. You won’t need to create a layout, use html or know anything about computer programming. You should, however, have some desktop publishing skills. By that I mean you should be familiar with things like opening, saving and closing a document, changing font types, sizes, and colours.
You should know the parts of a web site layout to help you understand what to do. The following diagram illustrates the four main sections of typical web site layout; The Header, Navigation bar, Content area and footer.
The Header section is usually an image with text and sometimes just text that tells the user what the website is about.
The Navigation Bar provides the “Links” to pages in the website or to other external websites. The Navigation bar can also be located as desired but typically you will find it either as a horizontal bar under the header or as a left or right side bar.
The Content section displays the information being provided to the user. You can easily change this section as needed.
The Footer section often is used to display contact information and logos.
If you look at this active website you will be able to locate the part of a web site layout. The Header is an Image of a Child and the Name of the Web site “FACS”. There are two Navigation bars, one horizontal one under the header and one sidebar at the right of the illustration. Links to other web pages in the site and other websites are contained in both navigation bars.
The content area, common to all web sites is located in the centre of the website. The Footer at the bottom of the page provides the contact information for the websites owner. If you want you can take a closer look at the actual site. www.facsniagara.on.ca
If you look at this active website you will be able to locate the part of a web site layout. The Header is an Image of a Child and the Name of the Web site “FACS”. There are two Navigation bars, one horizontal one under the header and one sidebar at the right of the illustration. Links to other web pages in the site and other websites are contained in both navigation bars.
The content area, common to all web sites is located in the centre of the website. The Footer at the bottom of the page provides the contact information for the websites owner. If you want you can take a closer look at the actual site. www.facsniagara.on.ca
In this Blog website layout, you will find the Header, Navigation bar with Links, Content and Footer. The content area in a blog website uses a different method of displaying information. In a standard website the content area is static. In a blog website it is not. Information is displayed as an article with a title, author and date stamp. This article is called a Post.
To review, a blog is simply a modified website that uses journal entries or Posts to display information. Please note that these posts are displayed in reverse chronological order. Every time you enter information it show up as the first entry on the web page and as more new entries are made it moves on down the page.
In the next example you can see what a post looks like. The Title for the Post is “Adults learning how to use computers.” The content for the article is displayed in the centre of the web site. The title of the Post is also displayed in a navigation sidebar at the right in a section titled “Recent Posts”. As you post information a link is created in the sidebar to each new post item. You create a current list of links for all the posts that you use to display your new information. With that information let’s move onto create your own website using Blogger.com
Create a website using Blogger
You will now see how this all fits together by now signing up for a blog website at www.blogger.com This illustration shows the main web page for Blogger. You are directed to a complete tour of the Blogger site. When you have finished signing up for your free account you can come back to get an idea of the services they have to offer.
Here is an example of a web site with the display name “Trainer” in the About section and as the signature of the post. Claim your Blog name
As you proceed you will be asked to name your website and “claim” your website address or domain name. The name of your blog maybe any title you wish. For example: “Save the Environment” The selection of a web address or domain name has some restrictions. All web addresses created using Blogger contain the ending “.blogspot.com” A possible choice for the domain could be http://www.envirnonment.blogspot.com.
In following example the Blog Name is Training Demo and name “Trainer”, has been submitted as a choice for the domain name the address would then become www.trainer.blogspot.com. The “trainer” portion of the address is subject to availability. Unfortunately as shown in the next illustration the domain name trainer.blogspot.com has already been claimed.
Several possible suggestions, any of which could be used to complete the process, are give you a blog. Once you settled on the name of your website address, type in the characters displayed on the screen. This is a word verification step that confirms you are a real person applying for a blog.
Publishing your information once you have finished the claiming process you will be presented with the dashboard for your website. From this location you will publish information and design your website. Choose a theme for your website naturally the first thing you want to decide after you have created a website is what the website will look like. Using Blogger and other blogging applications such as Wordpress, Movable Type and Expression Engine you will be given preset layouts known as themes. In menu across the top of the dashboard locate the item “Template” and click on it. You will be presented with several options for different looks for your blog.
Choice of layout templates or themes there is a wide range of styles
How to create blog in blogspot (Own website)?
Blog is own website for create your idea or whatever you want, so the blog have 4
1. blogspot
2. blogsome
3. wordpress ( Detail in your lesson4)
4. khmeros
All most, only blogspot is famous, so if you wanna to create your step blog. You must have Gmail account then open browser to run www.blogger.com then do the step here Sign In Gmail account
Step I
- Sign in for blogger
- Display Name: you want to show when you open your blog
- Click Tick Acceptance of term
- Click Continue.
- Click Create your blog now
Step II Name your blog
- Blog title: You can write what you want but it will appear when you posting your blog
- Blog address URL: You please only write your name, and then don’t type .blogspot.com. BlogSpot as the web site only unique. If so you check available use.
- Click Continue
Step III à Background
- Choose Template à Click Continue
- Click Start Blogging
How to add post (picture or text) in my blog?
- Sign In
- New Post
- Blog Title: A part of title refer in text with blog
- Insert Image: Take image from other into your blog
- Insert a Video: Take a clip or video into your blog
If you wanna put image into your blog, so you can click insert image à Choose a file à Find path (Where picture in) àAdd Selected à Alignment (Right, Left, Center) à Publish post à View blog
How to delete posting in blogger?
- Click Sign In à View blog
- Design à Dashboard à Edit post à Tick or select part of your post (you want to delete)
- You remember post title à Delete Selected à OK.
How to change font post title?
- If you wanna to change your post title from big letters to small letter.
- Sign in with blogspot à Click Design à Template designer à Advanced à Post Title or Post à Choose pixels à Apply to blog à View blog.
How to edit or change your blog title?
- Sign in your blog à design à Find your header to be edit à Edit à In the blog title ( You can type or change ) à Save
How to add slide show your picture?
- You can add more gadget in your slide show by www.imageloop.com à add your picture with slide show then copy add code into your gadget
- Sign in with your Gmail account.
- Design à Add gadget àIn Basic à Then choose: HTML/Java Script à Complete title à Past code à Save à View blog
How to change background?
- Sign In
- Dashboard à Design à Template Designer à Choose template à Apply to blog à View Blog.
- Design à Edit à Image (Browse) which pictures in your computer à Save à View
How to change color on the background?
- Design à Template Designer à Advanced à Background à Main background à Choose the color one à Apply to blog à View blog
How to delete Gadget Followers, Blog Archive, About Me?
- Sign IN
- Design à Choose one by one to delete à Edit à Remove à OK
How to change blog title?
- Design à Choose blog title à Edit àType your text then à Save à View blog.
How to change big latter in blog title?
- Sign In à View blog
- Design à Edit Html à Search Ctrl+F à .Header h1 { à Header.h(1,2,3,4,5,6 à Smaller is bigger letter)à Save Template à View Blog
How to add page tab?
- Sign In
- Design à Posting à Edit page à New page à Page Title( You will write the tab page) à Write in the blog what you want to show à Public page à Choose the page you want to appear à Save and public
How to add code into a gadget?
- Sign IN
- Design à Add a Gadget à HTML/Java Script à
Add code (more code to your blog) à Save
Add code (more code to your blog) à Save
How to put picture (banner) on your blog title?
- Sign In
- Design à Edit à Image (Browse) which pictures in your computer à Save à View
How to delete Gadget Followers, Blog Archive, About Me?
- Sign IN
- Design à Choose one by one to delete à Edit à Remove à OK
You can add more in your Gadget more like
How many people on line to see your blog
http://widgeo.net/
How add the new calendar on your blog
http:// mycalendar.org
You can add more in your Gadget in your blog as animation picture and text into your blog
You can add more in your Gadget in your blog as Game Online
How to add code into a gadget?
- Sign IN
- Design à Add a Gadget à HTML/Java Script à
Add code (more code to your blog) à Save
Add code (more code to your blog) à Save
How to edit or change your blog title?
- Sign in your blog à design à Find your header to be edit à Edit à In the blog title ( You can type or change ) à Save
How to add page tab?
- Sign In
- Design à Posting à Edit page à New page à Page Title( You will write the tab page) à Write in the blog what you want to show à Public page à Choose the page you want to appear à Save and public
How to add slide show your picture?
- You can add more gadget in your slide show by www.imageloop.com à add your picture with slide show then copy add code into your gadget
- Sign in with your Gmail account.
- Design à Add gadget àIn Basic à Then choose: HTML/Java Script à Complete title à Past code à Save à View blog.
