ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Technology»
  • Internet & the Web

How to create and build a website | how to customise your website with google blogger

Updated on April 14, 2016
Venkatachari M profile image

Venkat is interested in learning new things and keeps exploring websites to update himself on technology and web building gadgets.

How to start your website

For starting your website, you need some basic requirements as mentioned below.

  1. A blogging platform to post and share your ideas, articles, images, videos or any content that may not be legally or morally prohibited. You can create the blog easily on any of the blog hosting platforms like Wordpress, Google Blogspot, GoDaddy, iPage, etc. (either free or paid).
  2. If you want a domain name exclusive for your blog, then you need to purchase one from the many providers of domain names by paying some annual charges. Big Rock, Znetlive, GoDaddy, Hover, Namecheap, iPage, etc. are some of the domain name sellers. I purchased my domain (www.mvchari.in) from Bigrock and they charge Rs.600 + in India annually. I linked the domain to my blog and post all my articles on it through my blog.
  3. Other things like a computing device and internet connection are understood as you will not be looking at this article without them.

A Govt. website built using Google Blogger

How to create a blog on google blogger platform

  • For creating a blog on Google platform, you may need anyone of the updated versions of google chrome, safari, firefox, internet explorer, etc.
  • You need to turn javascript on.
  • For creating the blog, first, you need to create your google account, if you don't have one already.
  • You need to create a blogger profile also. Or you can use your google+ profile for it that is available on your creating Google account.
  • After creating the google account and profile, go to the blogger.com a/c and sign in with your email id and click on the Create a Blog button as shown in the first image below.
  • A new page titled "create a new blog" will open up as shown in the second image below for giving the title to your blog and for selecting a template of your choice.
  • See below for further instructions.

Blogger Sign up page for creating Blog

How to create new blog and the title/URL for your blog

This blog address is NOT available
This blog address is NOT available
This blog address is AVAILABLE
This blog address is AVAILABLE

Simple instructions for creating title, URL and selecting blog template

  • In the blank space provided as above in the image, type the title of your blog which should be relevant to the content that you wish to post on the blog. You can select a general title or some specific title. For example "Vincent's Food court" (general), or "Vincent's Delicious Desserts" (specific).
  • Below the title, there is another horizontal column asking for the address of the blog. You need to type a suitable URL address that matches your blog title. The address will be suffixed with blogspot.com which will be common for all addresses at the end (because blogspot.com is hosting of your blog). You may use your own name as a URL or combine it with the title of the blog or even use the simple title as URL. For example - vincentdavid.blogspot.com or vincentdaviddeliciousdesserts.blogspot.com or deliciousdesserts.blogspot.com and the like. If the same address has been already used by any other person, then it will not be allowed to you. You need to choose some other URL by changing the letters or words in it. The dialogue box open in the page may sometimes suggest you some of the options available.
  • For example, in the above images, the blog creator tried to create a new blog titled "Mostly Indian Recipes" with the URL address nirmalakitchen.blogspot.com but it was not available. So, he had to insert a number 57 after Nirmala. When 57 was inserted, the blog address was available and allowed.
  • After the URL is selected by you and gets permitted by the blogspot.com by indicating a tick in the small box against it (as shown in above figure), you need to select a template design for your blog by clicking on one of the template images provided in the window. When you click on any of the template images there, it will show more template options available under each set of templates. Some of them may be paid templates which display their prices on it. Select a free template design out of the many styles of templates provided there under each template if you are not going to pay.
  • After selecting a template, click the "Create Blog" button at the bottom of that page as shown in the above image (2). Now, your blog is created and you can start posting articles or content. You can customise the appearance of your blog later on with the numerous tools available there, by logging into your blog and then using the numerous tools available there for customising which I am narrating below in this article.

Blogger Home Page

This is the home page of your blogger account from where you post your content and customise your website. The newly created blog is also appearing at the top of this image.
This is the home page of your blogger account from where you post your content and customise your website. The newly created blog is also appearing at the top of this image.

About your blogger homepage or dashboard

  • When you create your blogger account with a new blog for the first time, you are assigned a home page for your blog which gives a summary of your blog titles, no.of posts under each blog and also the total view counts for each blog.
  • With one blogger account, you can create as many new blogs as you want. Total blogs allowed are 100 presently. And you can post unlimited articles in each blog.
  • Above is an example of a blogger dashboard which has 6 blogs presently on it. 5 are shown with their blog titles and below the titles are given total page views, no.of posts and last published date. One blog is hidden which is shown when you click "view more".
  • The newly created blog "Mostly Indian Recipes"is at the top of this home page. It shows 'No Posts' with a message to start blogging.
  • The "New Blog" button at left is for creating another new blog. If 7th blog is to be created, I will click on it.
  • In the above image, you can see that against each blog title, there are buttons for operation. The pencil image in the brick coloured button is for posting your article. The next button is for viewing the posts list. You can view posts list by clicking the "number of posts" below each blog title also. The next (third) button is for blog tools and options for viewing posts, pages, view counts, traffic analytics, earnings, and for customising your blogs, etc. Another last button (fourth one) is view blog button. When you click on it, your website page of the blog opens which is your published blog.
  • Below the list of the titles of the blogs in above image, there is a heading on the left side in brick coloured letters "Reading List". It shows all the blogs that you have subscribed to for reading and enjoying. To add a blog for reading, you can click on the "add" button below it.

Blog tools for customising your blog / website

The various tools available for viewing analytics, pages and  for customising templates and layout of your blog are shown here.
The various tools available for viewing analytics, pages and for customising templates and layout of your blog are shown here.

Blogger tools for customising your website

The above image shows the various options and tools available for operating your blog and for customising its look.

  • Concentrate on the left side of the above image which starts with "My blogs". When you click on my blogs, the page will go back to the list of blogs.
  • Below My blogs, there is the "New post" button for posting your new article.
  • Below "new post button", is overview button. It takes you to a summary of views during the week, no.of posts, comments, etc. It also shows the blogger news items etc.
  • Below overview button, under posts heading is a summary of no.of all posts and published posts. In between, it will show drafts also if any.
  • Below posts button is the pages button which takes you to a list of the pages that you have created on that particular blog. I have dealt with the details of "How to create pages/ categories on google blogger" in my another topic at HubPages.
  • Below the pages button, there is Comments button which shows you published comments and spam comments, if any.
  • Then there is the Google+ button for enabling your post to be shared on Google+.
  • Below Google+ button there are the buttons of statistics, earnings, and campaigns which take you to those respective, related figures and analytics.
  • Then, you will be having the layout button, template button, and settings button which I am going to deal in my below paragraphs.

Your opinion about webhosting platforms

Which blogging platform do you prefer most other than Hubpages?

See results

How to customise your blog / website

This above image shows the Blog design as it appears to your viewers on computer and mobile
This above image shows the Blog design as it appears to your viewers on computer and mobile
This is the Blogger Template Designer page from where you have to customise your blog appearances.
This is the Blogger Template Designer page from where you have to customise your blog appearances.
This image is showing the upper portion of above illustrated Template Designer page in visible fonts so that you can view the tools available for customising your blog.
This image is showing the upper portion of above illustrated Template Designer page in visible fonts so that you can view the tools available for customising your blog.

Customising your blog or website with template designer

  1. For customising your blog, you should click template button at the left side of your blog posts (list) page.
  2. Clicking the template button will lead you to the template page which shows the appearance of your blog on your computer and mobile apps (as shown in the first of above two images). Below the blog appearance, there are various options of template designs. Only 5 simple templates are visible in the above image. But there are many other types of designs available below in that page which did not come in the photo.
  3. If you want to change the template itself, then you should select a new one from those available template designs and then try to customise your blog.
  4. There is a small horizontal (customise) button (red/brick colour) at the bottom of the computer preview format of your blog as appearing in the above first image. When you click on it, it will lead you to the customization page as per the 2nd image above. There is another white button next to 'customise' button which is for 'Edit HTML'.
  5. So, when you click on the 'customise' button as mentioned in 4 above, you are landing on to the page showing the (customisation) Blogger Template Designer page as in image 2 above. I have zoomed the upper part of that page in the 3rd image so that you can read the tools available on it.
  6. There are five tools available there as shown in the left margin. They are - Templates, Background, Adjust widths, Layout and Advanced.
  7. For changing template design, you will click on the template designs that you like to apply from among many designs shown there.
  8. By clicking 'Background', you can change the background colours, tiles and alignment of your blog position on your page.
  9. By clicking on "Adjust widths', you can change the width of the main body of your blog that shows content and the width of sidebars on the blogs.
  10. By clicking 'Layout', you can change the layout design of your blog. There are options visible there and you can select one of those options. For example, Title bar with the main body and one sidebar; Title bar with the body and two horizontal bars on the same side; Title bar with the body and one sidebar each on both sides; Title bar with the body and one or two bottom bars; etc.
  11. The "Advanced" button is for customising more advanced features of the blog like fonts, font size and colour of titles, body text, links,and many other features as shown in the below-posted image of the advanced options page. You can customise anything and everything you want, by clicking buttons and create a wonderful blog appearance.

Advanced features for customising your blog

These are the advanced features and tools available for customising your website when you clicked on the "Advanced" button
These are the advanced features and tools available for customising your website when you clicked on the "Advanced" button

Advanced customisation of Blog with google blogger template

  • You can customise the fonts and colour of body text by clicking on "Body Text" button as visible in the above image. Click on the fonts displayed and the colour options available of your choice.
  • By clicking on "Background" button, you can customise your blog's outer background colour, your main body colour on which content is displayed, and your main body border-line colours.
  • The links colour is customised by clicking on the "Links" button. There are three options of original colour, visited colour and cursor hovering colour that should be customised by you.
  • The button "Blog Title" allows you to customise the title fonts, font size and text colour of title.
  • Then there is the button for selecting the "Blog Description" colour.
  • The button "Tabs Text" is for customising the buttons appearing on your blog like Home button, Pages buttons, Categories buttons, Date and Label display, etc. You can customise the fonts, font size and text colour.
  • "Tabs Background" button is for customising the background of tab buttons.
  • Below 'tabs background', there are other tools for customising "Post Title" just like blog title, then there is the Gadget Title customization and other CSS tool for HTML customization.

Simple Domain Prices and hosting charges

Domain / service provider
.com
.in
.org
hosting charges
Go Daddy
Rs.599/1st year and Rs.939 subsequent years
Rs.199
 
Rs.99/month
Big Rock
Rs. 639
Rs.199
Rs.249
Rs.199/month
IPage
 
 
 
$1.99/per month with free domain on iPage for 1st term of service
ix web hosting
 
 
 
$3.95/per month with free website
1and 1
$0.99/per month
 
 
$0.99/per month hosting

How to link your custom domain with blogspot.com

When you click on settings, this page opens up.
When you click on settings, this page opens up.

How to link your custom domain with Google Blog

  • Before linking your custom domain name with blogspot.com, you should purchase the custom domain from any domain sellers. There are hundreds of domain sellers in the world, out of which above mentioned names in the Table are only a few examples.
  • After purchasing the domain, you need to set up your Domain with your blog by enabling any one of the two options provided for sharing your content with the audience (whether you want to share on world wide web or local web).
  • Choose "where you would like to host your blog" by marking against any one of the options of 1) on a top level domain (like www.com) or on a sub-domain (any local.com).
  • After purchasing and enabling any one of the above options, you should go to your Blogger account and click on the settings button over that particular blog that needs to be linked to your custom domain. Your account id for blogger and custom domain need to be the same. So, purchase the domain with the same email id that you use for logging into your blog spot account.
  • When you click settings, a page opens up. Under publishing area for blog address, there are two options. Click "setup a google domain URL for your blog".
  • Now, the "google domain settings" options will be visible to you. If you enabled "www" option while purchasing your domain, the blank space in the address bar column will show "www" and your custom domains will show up against it for choosing one of them as the address URL for your linked blog. Select your domain.com as the option for your choice as shown in the above images. For example, I have purchased www.mvchari.in and mvchari.com as my domains and linked the first one to my google blog (titled venkinomics.blogspot.com). So, when I search for venkinomics.blogspot.com, the website URL www.mvchari.in will show up in search results.
  • After selecting your custom domain to be linked in the above address bar, click save at the bottom of the settings page. Now, your blog spot blog is linked with your custom domain and you or your viewers can visit your custom domain with your blog address, vice-versa.

Comments

    0 of 8192 characters used
    Post Comment

    • Venkatachari M profile image
      Author

      Venkatachari M 12 months ago from Hyderabad, India

      I am very happy to know that it is of much value and use for you and others. I thought of helping beginners at Blogger and so made it that much elaborated.

      Thanks for this nice comment and the follow back.

    • PegCole17 profile image

      Peg Cole 12 months ago from Dallas, Texas

      Excellent instructions to setting up a custom domain with Blogger and other valuable information. I've been wondering how to do this and your explanation was thorough and detailed. Thank you.

    • Venkatachari M profile image
      Author

      Venkatachari M 14 months ago from Hyderabad, India

      Yes, that is an advantage, Glenn. But most people buy from WordPress, GoDaddy, etc. I don't see any that much attraction of those. But, it is a personal liking.

      Thanks for the visit and nice feedback.

    • Glenn Stok profile image

      Glenn Stok 14 months ago from Long Island, NY

      Good work on the detailed walk-through. I noticed one additional advantage of buying a custom domain direct from Google for a Blogger site, instead of from one of the many domain sales sites. That is, they include privacy registration. Some people don't want their home address and contact information to be publicly available on Whois, which is what happens when using a custom domain.

    • Venkatachari M profile image
      Author

      Venkatachari M 17 months ago from Hyderabad, India

      Thank you, Frank. I tried my best to make it very simple to follow. I can help anybody in clearing their doubts for building their website on Blogger platform.

    • Frank Atanacio profile image

      Frank Atanacio 17 months ago from Shelton

      Mr V.. this hub was so informative and easy to follow.. awesome my friend :)

    • Venkatachari M profile image
      Author

      Venkatachari M 19 months ago from Hyderabad, India

      You can easily set up your free blog with these tips. Take the plunge and I will be here to guide you in all your steps. Follow the step-by-step instructions and construct your blog. Wish you all the best.

    • Venkatachari M profile image
      Author

      Venkatachari M 19 months ago from Hyderabad, India

      I will be happy if it is of help to your associates and friends. I put it in very plain language so that a layman can easily understand it.

      Thanks for visiting and commenting.

    • rajan jolly profile image

      Rajan Singh Jolly 19 months ago from From Mumbai, presently in Jalandhar,INDIA.

      Very useful and detailed tips to set up a blogger account. I had to learn the hard way being totally new to it.

      Great information for those who wish to blog on Google's free platform.

    • GusTheRedneck profile image

      Gustave Kilthau 19 months ago from USA

      Good instructions here, Mr. "V" (Venkatachari M on HubPages) - I have some folks with whom to share this very helpful HubPages articles. Thanks for writing and posting it,

      Regards,

      Gus

    • Venkatachari M profile image
      Author

      Venkatachari M 19 months ago from Hyderabad, India

      There are two Adsense accounts - HubPages Ad Program and the Google Adsense. The Google Adsense can be used for all your blogs and websites. Do you have both these showing up in your earnings statistics? If yes, you can add the Google Adsense to your own blog.

    • Missy Smith profile image

      Missy Smith 19 months ago from Florida

      That is strange Ven, because adsense picked me right up here after 10 good hubs. So, if I started my own blog again, I should be able to add this existing adsense account to it?

    • Venkatachari M profile image
      Author

      Venkatachari M 19 months ago from Hyderabad, India

      Thank you, Missy. I also had a lot of trouble in getting my Adsense approved. Finally, I had to change my email id and then apply fresh with the articles on HubPages and some youtube videos as my content. That's how they approved. Now, once approved, I can use the same Adsense account for all my blogs.

    • Missy Smith profile image

      Missy Smith 19 months ago from Florida

      Wow! This hub is very informative. It's packed full of tips and information.

      I actually went through a site called HostGator to set up a blog, but they weren't a whole lot of help. I did keep it going for about a year. At first, I had a substantial amount of readers, but then it leveled off too much. I think I lost ways to make it go well. Google adsense would never approve me, for some reason, even after a full amount of articles. I had readers, but I suppose just not enough for them. I still do not know. I chose to let that blog go.

      This article of yours could be very beneficial for me if I were to start my own blog again, which I think about doing often. However, for now, I think I'm enjoying just coming here to HP and sharing.

      Good Hub!

    • Venkatachari M profile image
      Author

      Venkatachari M 19 months ago from Hyderabad, India

      I was also Nil in this area. But slowly learning and sharing with people whatever I learn. I hope it will be of some help to whoever wants to own a blog.

      Thanks for the encouraging comment.

    • manatita44 profile image

      manatita44 19 months ago from london

      Nice tool for learning, VenkatachariM. I'm totally hopeless in this area. Good info and great kudos to you for this. Much Love.

    • Venkatachari M profile image
      Author

      Venkatachari M 19 months ago from Hyderabad, India

      Thank you, Dora. I tried my level best to cover almost all points. My aim is to help newbies.

    • MsDora profile image

      Dora Weithers 19 months ago from The Caribbean

      Page worth saving. Your step by step instruction is hard to beat. So thoughtful of you to share this.

    • Venkatachari M profile image
      Author

      Venkatachari M 19 months ago from Hyderabad, India

      Thank you, Devika. I used to come across many questions regarding blogging platform. That's why I chose to post these hubs. There total three posts now regarding how to create and customise a Google Blog.

    • DDE profile image

      Devika Primić 19 months ago from Dubrovnik, Croatia

      Hi Venkatachari M you shared valuable tips here. Building a website is still a puzzling effort for many online users. A very useful hub indeed!

    • Venkatachari M profile image
      Author

      Venkatachari M 19 months ago from Hyderabad, India

      Thank you, Parul. I thought of helping new bloggers. So, shared all my experience.

    • sriv profile image

      Parul Srivastava 19 months ago from Lucknow,India

      Nice article.You have made creating a blog very simple and easy.Thanks.

    • Venkatachari M profile image
      Author

      Venkatachari M 19 months ago from Hyderabad, India

      Thank you, Ruby. Thanks for your visit and nice comment. Hubpages is a very nice place for all of us. I wanted to help others who may want to blog on Google Blogger besides owning their own website.

    • Venkatachari M profile image
      Author

      Venkatachari M 19 months ago from Hyderabad, India

      Thank you, Linda, for your visit and feedback. You are at liberty to have your own choice of website. But, regarding traffic, I consider both Blogger and Wordpress are equal as far as I experience. I have my blog on wordpress also. CSS is very good for professionals. So, I am glad to know you have got it fixed with CSS.

    • Venkatachari M profile image
      Author

      Venkatachari M 19 months ago from Hyderabad, India

      Thank you Bill, for visiting and deciding to bookmark it. My best wishes, in advance, for your website.

    • always exploring profile image

      Ruby Jean Fuller 19 months ago from Southern Illinois

      This is a great learning tool for anyone wanting to set up a webpage. At one time I was on word press but not in a long time, not enough hours in a day. Hub Pages keeps me super busy. Thanks for sharing...

    • LindaSmith1 profile image

      LindaSmith1 19 months ago from USA

      I don't like Blogger which does not have the traffic that other sites like Weebly, and Word Press sites. I have conversed with quite a few writers who have moved from Blogger to building their WP sites or Weebly. I use Weebly. I don''t want to have to deal with plug ins, and problems with Word Press.

      I had paid domain on blogger and another writer who knew CSS fixed my blogger sites so they would have a drop down menu which I have on Weebly without having to deal with coding. I get my domain names from Namc Cheap.

    • billybuc profile image

      Bill Holland 19 months ago from Olympia, WA

      I'm going to bookmark this and refer back to it. I need to get a website up and running soon, so thank you my friend.