How To Create Website Using Blogger - Create Static Home Page Website with Blog due to Blogger

3. Place the navigation menu in the right area
Now that we have created the navigation menu, now we need to display the navigation menu in the right area on the web page.

Save it.

There will have to always be a menu item in the navigation menu many times acknowledged as Blog, which displays the online publication posts.

This configuration allows for Blogger to make the most of the page for the rationale that front page as a substitute of the default Blogger front page. So the new home page we created is displayed for the rationale that front page when the online publication url is entered in a browser or when Home is clicked from the navigation menu.
5. Display the online publication posts
Till now, we have a variety of static pages and we have setup the navigation menu as neatly. But wherein are the online publication posts? If you should post periodic updates and display the online publication posts, do the following:

Go to Blogger > Pages > New Page.
Name it "Home"
Add any other pages you favor, comparable to About, Contact etc.
In each page you create, disable comments from the "Page Settings" on the right if you so desire so that organization do not at once comment on pages. Otherwise, if you're going to want, you might keep it as is.



Basically, and I mean very if reality be advised, web content were regularly created in HTML with some CSS and JavaScript thrown in right here and there. Nowadays, americans choose to make the most of Content Management Systems (CMS) comparable to WordPress, Drupal, Joomla etc. Such scripts make it effortless to get a web page up and working fast. And to run web content, the web page files are uploaded to a net server to make it accessible online. Basically, we desire a web page name and a bunch to host the web page files to run the web page, for which we need to regularly pay for internet hosting and domain name.

Add a contact page/contact form in Blogger:
Blogger Tips: How to add a contact us page in Blogger?

Create Pages in Blogger

Go to Blogger > Layout > Add Gadget > Pages
Uncheck the default "Home" page already listed and as a substitute test the home page you just created.
If you created other pages yet even so "Home" in Step 1, test the alternative pages you'd desire to display on the navigation menu, The pages you created in Step 1 will have to always be seen for resolution in the "Pages to Show" record
Drag the Menu Items to reorder.(List Order)
Click Save to Save it.

four. Settings to display the home page created when accessing the online publication address
Next, we need Blogger to categorical the home page we created as a substitute of the default Blogger feeds page when the online publication address is accessed in a browser.

3. Audio/Music Files:
You can host audio files in Google Drive as neatly otherwise you're able to host it on free services and products comparable to SoundCloud and share the link in net publication post and pages in a similar means. Some online cloud music services and products would also permit embedding, which will even display an audio player to play the audio/music.
Similarly, any other files also could be shared in a similar manner using Google Drive on my possess.

Setup custom domain for Blogger:
So far we have created a web page using Blogger which may be using the default Blogger provided URL with "....blogspot.com". If you should setup a custom domain, it's worthwhile to buy a web page from a web page registrant and integrate it with Blogger to make the most of the custom domain.

First, open your net publication
Click on the "Home Page" from the navigation menu we created
Copy the link/url of the home page you created from the browser's address bar.
Go to Blogger > settings >search desire >custom redirect
Paste the home page address in the "From" field of the "Custom Redirect"
Note: Due to Blogger country domain names, you could see your country bodily domain as a substitute of ".com" in the address. If so, replace the country bodily domain with ".com".
Example: if the online publication URL has "yourblogname.blogspot.in/.....", replace as "yourblogname.blogspot.com/......".

Go to Blogger > Layout
Click EDIT on the "Pages Gadget"
Click "Add External Link"
Name it "Blog"
Enter Web Address (URL) as http://yourblog.blogspot.com/index.html
Save Link
Reorder if required
Save

Note: After installed a custom domain with Blogger, we shall need to revisit the stairs 1 to 5 above and distinction the domain with the custom domain for each page link. Even if we don't distinction, it goes to redirect to the new custom domain though.

Hope you found this post worthwhile in installed a web page using Blogger.
Let me recognize in the comments.

Go to Blogger > Layout
Find the "Pages" gadget we further and move the pages gadget to a region wherein you should display it.
Preferably, move it on leading much less than the home page banner and location description. Or on sidebar.

Sponsored Links

2. Videos:
If you should display videos on the Blogger web page, there is rarely any more practical source than YouTube. Upload videos to YouTube and embed the YouTube videos in Blogger posts.

Open the YouTube Video
Click Share
Click on Embed
Select Video Size and copy the embed code
Paste the YouTube video embed code and paste it in Blogger net publication post in HTML tab

Blogger is a blogging platform from Google and is intended for blogging. Quite obvious, right? So it has the conventional front page that displays record of posts published that are sorted from most up to date to oldest net publication post. If you are asking find out how to create web page using Blogger, read on.

Similary, you also can embed YouTube playlist in a similar means. For this to work, create a playlist on your YouTube account/ channel and add videos to the playlist. You can then embed the YouTube video playlist in a net publication post or page and traveler can test out multiple videos in the playlist without leaving the page.

To embed YouTube videos to Blogger net publication post, do the following:

To set the home page, do the following.

1. Create a static page

Blogger Custom Redirect

See right here find out how to setup and redirect Blogger to Custom Domain Name - How To Setup and Direct Blogger To Custom Domain Name?

So we have created a web page with static pages and a net publication using Blogger. If you should add a contact us form in the Blogger web page, you also can do so by adding the confirm form gadget. See the instructional much less than.

If we don't like the idea of buying internet hosting and domain, and if you are planning to create a very necessary web page to display very necessary, static contents with a net publication to categorical periodic updates, Blogger could be used to create a web page without things. This will guide in saving cost and do away with the internet hosting fee. Since Blogger is hosted by Google and web page files comparable to photographs are hosted on Google Photos/Picasa Web, there seriously is rarely need to pay for internet hosting. The only thing which may be required and pay for is a web page name if we desire to make the most of a custom domain. Otherwise, we are able to continue to make the most of the default URL provided by Blogger which for the rationale that "blogspot.com" at the cease of the web page URL. We'll see find out how to setup custom domain name for Blogger at the cease of this post.

To make Blogger net publication seem like a web page, we need to do away with the default Blogger frontpage which displays a listing of recent net publication posts and display a static page as a substitute. There are varied approaches (if we search Google), yet custom redirect is the safest and easiest option to reach this and there are no code changes required.
So, let's get started.
Steps to create a web page using Blogger
As defined above, to make Blogger net publication site seem like a web page, we need to do away with the default front page which has a listing of glossy-day net publication posts and display a static front page as a substitute.

How to post / host other files in Blogger for the web page yet even so photographs?
Blogger cannot host other files except photographs used in the online publication posts. To host other files comparable to files, audio, video etc. it's worthwhile to explore other storage. You can use other Google services and products for files, audio, video etc.

1. Document:
If you should share document on the Blogger web page, upload the files to Google Drive, share it and get the sharing link. Use the document link from Google Drive in Blogger post to let users view or download the files.
How To Create Website Using Blogger - Create Static Home Page Website with Blog due to Blogger

Image source: http://kb.its.psu.edu/sites/default/files/angel/tal1559image012.jpg

Labels: Blogging Tips

Thanks for reading How To Create Website Using Blogger - Create Static Home Page Website with Blog due to Blogger . Please share...!

0 Comment for "How To Create Website Using Blogger - Create Static Home Page Website with Blog due to Blogger "

Back To Top