Skip to content Skip to sidebar Skip to footer

How to Create a Landing Page on Blogspot for Free

For people who are involved in the world of internet marketing, you will definitely be familiar with the term Landing Pages. However, it turns out that currently there are still many of these people who don’t know how to create a landing page on Blogspot for free.

Landing pages are a very important aspect of promotional media on the internet. With a landing page, we can explain products or services clearly and sell better.

Therefore, learning to create your own landing page on Blogspot is one of the skills that internet marketers need to master.

Whether you use the Blogspot or WordPress platform, it’s actually the same, it all depends on your needs and the budget provided.

The most important thing is that you know how to write good content on landing pages. Because no matter how good the landing page design is, if the offer content is not attractive, you won’t get high sales.

So, on this occasion I will share a little basic guide on how to create a landing page using Blogspot. Let’s look at the tutorial below.

How to Create a Landing Page with Blogspot

Previously I had written a similar article on verhan.id entitled how to create a blog on a cellphone, but the method is not much different.

But because I created this blog specifically for a landing page theme, it’s better if I create a different page.

To make it, please follow the steps below:

  1. First visit and log in to the site https://www.blogger.com/.
  2. If you are already logged in, please click “Create a Blog” new. Determine the title of the landing page according to the product or service you are promoting later. After that, click on the text “Next“.
  3. write the blogspot landing page url
  4. Also specify the address or url blogspot landing page, write up to “This blog address is available“. Next, click on the text “Save“.
  5. write the name of the landing page
  6. After creating a blog landing page, the next step is to create posts containing writing and images that sell.
  7. Below is an example of a landing page that I created on Blogspot (precisely on a Blogspot post).

    Make the post as neat and good as possible, then click the “Publish“.

    create a landing page post
  8. The next stage is to change the standard blog appearance into a simple and cool landing page. Let’s try to create our own design, not the instant method by using an existing Blogspot landing page template.
  9. For instant, it’s easy, just replace the downloaded blog template with the method of uploading a template file in XML format.

    Skip it, it’s better if we just open the menu “Theme“.

    go to blogger theme
  10. The theme has changed! Use the template provided by blogger, the name of the template is “Simply Simple“.
  11. See the image below to make it easier to search for themes.

    choose a simple blogspot landing page template
  12. After that, let’s edit it, click the “buttonADJUST“.
  13. customize the blogspot landing page template
  14. So now it’s time for our right brain to work to change the appearance of the blog into a cool landing page. The image below is the initial appearance of the blog before editing.
  15. adjust the landing page design

    Pay attention to the menu on the left which I have marked with a box, which is the menu for changing the appearance of the blog. Let’s start!

  16. In section “Adjust width“I set it at 900px.
  17. set the width of the blog landing page
  18. Next menu “Layout“. It is mandatory to select all 1 column, because landing pages generally only use 1 column on the page.
  19. select the landing page layout
  20. Part “Advanced“There are lots of menus that have to be adjusted, just adjust to your needs. For example, here I changed the background color of the section on”Outside background“turns silver.
  21. Set the landing page background color
  22. To make your Blogspot landing page cool, clean and neat, enter the CSS code below.
  23. #header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;} h1, h2, h3, h4 {text-align: center; } .quickedit, .home-link, .post-footer, .feed-links, #blog-pager { display:none; }

    The method: Copy the CSS code above, go to menu “Advanced“then select”Add CSS“, please paste the CSS code in that column.

    Add CSS for Blogspot landing page
  24. I’m starting to see the results of the template edits. If everything is in order, don’t forget to click the 💾” buttonSAVE” which is in the bottom right corner.
  25. save blogger landing page design
  26. There is still more that needs to be edited, namely the layout section. Please go to the blogger dashboard and select the “menu”Layout“.
  27. go to the blogger layout menu
  28. Click on the text “Edit” in the Navbar menu. The navbar configuration will appear, please select “Non-active“then click”SAVE“.
  29. hide blog navbar on blogspot
  30. Click “Edit” in the Blog Post menu. The navbar configuration will appear, please deactivate all blog posting features (Slide to the left to deactivate the feature), then click “SAVE“.
  31. disable features in blog posts
  32. Delete all unnecessary widgets. To do this, click on the words “Edit“in the wdiget section then select”WIPE” And “OK“.
  33. delete unnecessary blog widgets
  34. Finally reached the last step. Open menu “Theme“click the ▼ sign to the right of adjust, then click “Mobile settings“then select”Desktops“, last click “SAVE“.
  35. display the desktop version of the blog only
  36. So the image below is the final result. How about it, cool or not? Not bad, it’s also called a free Blogspot landing page.
  37. results of creating a landing page on blogspot

    If you want to see the results directly, please visit the following URL → https://verhankerenbanget.blogspot.com/.

Benefits of Creating a Landing Page with Blogspot

There are lots of benefits you can get if you create a landing page on Blogger. Here are some of them:

  • Unlimited bandwidth, free to use as much as you like.
  • Blog performance is always stable because hosting is supported by Google
  • No need to rent Web Hosting, because blogger provides it for free.
  • Free domain forever using a subdomain extension, namely blogspot.com.
  • You can customize TLD domains such as .com, .net, .id and others.
  • Blogspot is very easy to use even for beginners.
  • Security is strong because it is connected to a Google account, so you don’t need to worry about being hacked.

That’s the guide on how to create a free Blogspot landing page that I can write. Very easy isn’t it? Of course. After knowing how to make it, then you are free to learn and be as creative as possible in making landing pages.

That’s all for this article, and don’t forget to share it with your friends or social media too. Hope you like it.