Ad Code

Ticker

6/recent/ticker-posts

How to create single page website on blogger - oklesson

Uttam kumar July 05, 2020
Do you want to create a single page website on Blogger, and you do not know how to make a single page website on Blogger. So in today's post, we will learn how to build a single page website on Blogger. To make this website you will need some things, which we discuss one by one.
how to create a single page website on blogger

What is Single page website ?

What is a single page website, and why do people make it. A single page website is a common website, but it does not contain content, these types of websites give specific information about something, and we can also call it static website. Some people make a single page website with the purpose of Affiliate Marketing, while some people make it as a tool. To create a single page website on Blogger, you need to have Blogger Blank Template.

Blogger Blank Template .

 To create a single page website, first of all you will need a blank template, which we will replace with our Blogger theme. You will get this Template for free, and you will find the code of this blank template here. In Blogger, only JavaScript programming language is supported. And you will know that you can only use javascript programming language in blogger.
    
<?xml version="1.0" encoding="UTF-8" ?>
 <html b:css='false' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b'     xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 <head>
   <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
   <meta content='width=device-width, initial-scale=1' name='viewport'/>
   <b:include data='blog' name='all-head-content'/>

<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> - <data:blog.title/>
<b:else/>
404 | <data:blog.title/>
</b:if>
</b:if>
</title>
<b:skin><![CDATA[  <!--Write Your CSS Here-->  ]]></b:skin>
 <style>
 .status-msg-wrap,.blog-pager,.blog-feeds,.widget-item-control{display:none;}</style>
</head>
 <body>
  <b:section class='header' id='header' maxwidgets='' showaddelements='yes'/>
 
  <b:section class='main' maxwidgets='' id='main' showaddelement='yes'>
 
   <b:widget id='HTML11' locked='false' title='' type='HTML' version='2' visible='true'>
      <b:includable id='main'>
        <b:if cond='data:blog.url == data:blog.homepageUrl'>
            
            <b:if cond='data:title != ""'>
                <h2 class='title'><data:title/></h2>
            </b:if>
            <div class='widget-content'>
                <data:content/>
            </div>
           
            <b:include name='quickedit'/>
        </b:if>
    </b:includable>
    </b:widget>
   <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'></b:widget>
  </b:section>
 
 
  <b:section class='footer' id='footer' maxwidgets='' showaddelements='yes'/>
 
 </body>
</html>
Blogger does not give us the option to work in any other programming language, so whatever you want to create is to be made only with JavaScript. To build a single page website on Blogger, you should have at least knowledge of HTML, CSS & JavaScript. Only then you will be able to create the website of your choice. 

How to create single page website on blogger ?

 To create a single page website, first you have to create a new blog on Blogger. After that you will copy the code of the blank template and replace it with the code of your new blog. This will make your blog completely empty. Now you can do any kind of single page website, now you can do it, whether it is a tool or a landing page. You can create very good tools with the help of JavaScript such as: - word counter, dynamic HTML table generator, wishing script, color picker and much more. If you want to make any tool in another programming language, then you have to buy hosting for it. Because other programming languages ​​are server side which need a server to execute. If you want to create a single page web-app, then for that you will have to buy hosting. Below a website which host on blogger , This is a single page website . You can see this single page website which name Meta tag generator by click.

Single Page Meta Tag Generator Website On Blogger


I hope you understand how to create a single page website on blogger . if you have any question to related to single page website , then you feel -free  contact us . here are more blog post, You can read also . if you feel some mistake then you tell by comment . and i give to reply . 
Uttam kumar

Posted by Uttam kumar

Post a Comment

5 Comments

Hey , Comment Your Query or Suggestion