In this post, I will tell you how you can create a landing page on Blogger.

Firstly, check out this example landing page made on Blogger: http://goo.gl/RPBz9l

Share content to read further:

Create (a new blog) in blogger. The main thing is to look for a good looking URL because it will give you good amount of traffic from search engines. As far as the templates our concerned, you can choose any.

How To Make Landing Page on Blogger

 

Once, you have created a blog, you need to go in your control panel and

Step 1. Make your webpage extremely clean and simple

Go to–>template–>Edit HTML:

How To Make Landing Page on Blogger

 

After clicking “edit HTML”, a page will appear with (text editor) containing html codes in it. You will have to change all these codes with: https://www.facebook.com/groups/bloggingmadness/652655024857637/

Once, you have changed it, click the save template button

How To Make Landing Page on Blogger

This code will remove footer and header code from the blog to give it a professional look.

Note: Its very important to select a decent background because it changes the entire look of the website.

To set your background-image: Go to–>Template–>Customize

How To Make Landing Page on Blogger

 

After clicking, customize button, a (Blogger Template Designer) will appear in front of you.

After clicking, customize button, a (Blogger Template Designer) will appear in front of you.  Now, select any background from it

 

Click the little arrow and you will be taken to (Select background image) window.

How To Make Landing Page on Blogger

 

Now, if you are gonna preview your blog, it will look organized and simple, but still not complete. Therefore, in the next few steps, we will be finishing the entire landing page.

Step 2: How to change the font of your blog:

To change the font of your blog, you can make use of (free-font-hosting) from google.com/fonts.

Select any font that you think will be properly visible and click the button pointed out with an arrow

How To Make Landing Page on Blogger

By clicking that small thing, you will be taken to a page containing few codes in it. Now, go to step 3 & copy down the code from the standard tab. It will look like this:

How To Make Landing Page on Blogger

After copying the code, go back to Template–>edit HTML

How To Make Landing Page on Blogger

 

You will have to post that code before </head> {Press cntr+f to search it}

How To Make Landing Page on Blogger

 

Once, you are done, go to Google fonts again & copy the (step 4)

Also check:

Once, you are done, go to Google fonts again & copy the (step 4)

Now, once again go to html for the last time and press cntrl+f to find “css-body”

Now, once again go to html for the last time and press cntrl+f to find "css-body"

 

Now, replace the code that you have copied from step 4 along with the line in red marking.

Congratz! your font is installed. (Do not change your font from your posts to keep this font active)

Step 3: Add a (modified-like-counter)

This plugin code works in a way that we are gonna show like button of any popular website, which is having lots of likes on their facebook page. For example, check out this code for facebook:

<iframe src=”//www.facebook.com/plugins/like.php?href=YOUR SITE;width=400&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;send=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:400px; height:21px;” allowTransparency=”true”></iframe>

Cange Your Site” to any popular site
**Site must be with http://

You can copy the code from here: https://www.facebook.com/groups/bloggingmadness/652657881524018/

You can add this plugin code, while making your (niche post) under “compose-to-HTML” section.

How To Make Landing Page on Blogger

 

After entering your plugin code in the post, simply, click save and it will start showing your post with below shown widget:

After entering your plugin code in the post, simply, click save and it will start showing your post like below mshown pic

 

Step 4: Add a new favicon:

Favicon icon is extremely very important for your blog. You can easily create one with the help of favicon generator.org, however, do remember that your image should be smaller than (100kbs)

After creating a picture, you can upload it to layout–>Favicon–>edit

How To Make Landing Page on Blogger

 

click edit and you will the below shown window:

How To Make Landing Page on Blogger

 

Step 5: Add text to your blog and its all done!

Don’t forget to add your valuable comments, suggestions and Subscribe us via Email.

About The Author

I am a full time blogger and a content writer as well. I try to help my readers and solve their problems related to SEO, web hosting, freelancing and other related stuff.

4 Responses

Leave a Reply

Your email address will not be published.

CAPTCHA

*