How to Make The Main Navigation on Blogspot - Gudio Tutorial

    Social Items


How-to-Make-The-Main-Navigation-on-Blogspot
How to Make The Main Navigation on Blogspot - Logo

How to Make The Main Navigation on Blogspot - What is meant by the main navigation on the blog is like a page about, contact, disclaimer, privacy policy, sitemap and term of service (TOS). This navigation is important navigation on a website or blog. Because with this navigation, the website or blog that you create will look more professionally seen by readers of blogs or websites. And of course, if you want to register your blog or website to Google Adsense, this navigation is one of the mandatory requirements that you must complete on a blog or website to be accepted by Google Adsense.

Before we start the topic of discussion, I want to say, thanks to all of you who have visited my blog. Gudio Blog is a simple blog that discusses topics about programming tutorials, blog tutorials, Android, and more. Hopefully you can find a solution through this blog.ust Take Me To The: Contact Page
Before we make the main navigation page. Maybe there are some of you who don't know what privacy policy, sitemap, the term of service and so on. For that, I will explain a little about the main navigation so you can understand.

And Before we make a Privacy Policy, Disclaimer and Term of Service (TOS), you must first create a contact page. Because the Privacy Policy, Disclaimer and Term of Service (TOS) will contain the information link of your contact page. So the first thing we make this time is the contact page.

What is The Contact Page?

Contact page is a page that can be used by visitors to a website or blog to communicate between visitors and website owners. Usually on the contact page, it will contain the name, email, website (optional) and message.

How to Create a Contact Page?

in this tutorial, I will provide an easy way to create a contact page online. You only need to add a few settings.
First, visit the following page: https://www.cognitoforms.com.

How to Make The Main Navigation on Blogspot

Select the signup menu in the top right corner if you don't have an account and select login if you already have an account. And if it's on the cognito main page, then select "New Form" and "Start from Scratch".

How to Make The Main Navigation on Blogspot

After selecting the "Start from Scratch" menu, the contact form will appear. Edit the title of the form as shown below:

How to Make The Main Navigation on Blogspot


If so, to add columns, text and other types of input, click the "+" button as shown in the picture below:
How to Make The Main Navigation on Blogspot

Then add and set the components as shown below:

How to Make The Main Navigation on Blogspot

in this tutorial, I use input: 2 Textbox (Name column and Message column), 1 Email, 1 Website
Then in the "Email Notification" section that I marked with a red arrow, fill in the data with an email that you will use to receive notifications from visitors if you get an email. If you have finished setting up the contact form, click the save button at the bottom. Then click the "Publish" menu at the top, then you will get an HTML code. As in the picture below:

How to Make The Main Navigation on Blogspot

Copy the HTML code and paste it on your contact page on the blog. Always make sure to change the writing mode from Compose to HTML, before pasting the HTML code on the page.
And, done. Congratulations, you have successfully created a contact page.

What is a Privacy Policy?

A privacy policy is a statement or legal document that reveals some or all of the ways a party collects, uses, discloses, and manages customer or client data. It fulfills legal requirements to protect customers or client privacy.
This Privacy Policy is something that is intentionally created by someone who has a blog or website so that visitors know the terms and policies that have been made on the blog. thus blog visitors will comply with the rules and conditions of the blog

How to Make a Privacy Policy?

Open this website page: http://www.privacypolicyonline.com/
then the main page of Privacy Online will appear as shown below:

How to Make The Main Navigation on Blogspot


fill in the data in the required column, like the following:
  • In the column "Your Site Title": fill in the name of your blog or the title of your blog (not the blog link)
  • In the column "Your Site URL": fill in the full address of your blog. For example "https://gudio-blog.blogspot.com"
  • In the "Contact Link" column: fill in the URL address of your contact page on the blog.
  • In the "Email Address" column: fill in your correct email address
  • In the "Email Encryption" option, you can choose "No Encryption" or "Encrypt Email". Encrypting your email will hide it from SpamBots and email harvesters. So for security, I suggest selecting "Encrypt Email".
  • In the "Cookies" column, you can specify whether on your website or blog, use cookies or not. In this tutorial, I chose "No".
  • In the "Advertisers on your site" column, you specify whether your website or blog uses advertisements. If using ads, check the name of the ad provider but if not, leave the option blank.
If you have finished filling in the column, then the last step is to click the "Generate HTML" button to get the HTML privacy policy code that you created. After you click on the "Generate HTML" button, you will be directed to a link and copy all the links and paste them on your blog.
You must create a page for "Privacy Policy" to paste the HTML code. On the bottom of the page, I will explain "How to Make a Page on a Blog"
And, congratulations. You have succeeded in creating a "Privacy Policy" for your blog.

What is a Disclaimer

according to Wikipedia.com, a disclaimer generally is a statement intended to determine or limit the scope of rights and obligations that can be implemented and applied by parties in a legally recognized relationship. Unlike other terms for legal operating languages, the term disclaimer usually implies a situation involving some degree of uncertainty, neglect or risk.

This disclaimer will be very important and must be made if your website or blog wants to be registered to display advertisements.


How to Make a Disclaimer



Add How to Make The Main Navigation on Blogspot


still on the page: http://www.privacypolicyonline.com/, in the top menu select the "Disclaimer Generator". Then the "Disclaimer Generator" menu will appear as below:

How to Make The Main Navigation on Blogspot


then fill in all available fields, such as:
  • In the column "Your Site Title": fill in the name of your blog or the title of your blog (not the blog link)
  • In the column "Your Site URL": fill in the full address of your blog. For example "https://gudio-blog.blogspot.com"
  • In the "Contact Link" column: fill in the URL address of your contact page on the blog.
  • In the "Email Address" column: fill in your correct email address
  • In the "Email Encryption" option, you can choose "No Encryption" or "Encrypt Email". Encrypting your email will hide it from SpamBots and email harvesters. So for security, I suggest selecting "Encrypt Email".
After columns are filled in with the correct data, click the "Generate Disclaimer" button. Then a disclaimer will appear that you have created in HTML. Copy all the HTML code and paste it on your blog's disclaimer page.

How to Make The Main Navigation on Blogspot

You must create a page for "Disclaimer" to paste the HTML code. On the bottom of the page, I will explain "How to Make a Page on a Blog"


What is Term of Service (TOS)?

Term of Service (TOS) is usually found on a website or blog with the aim of being a rule. This regulation is a rule that is used as a reference for services that are on a website or blog. Generally, when a user registers on a website, the user must approve the Term of Service (TOS) submitted by the website owner. However, many users don't pay attention to this.

according to Wikipedia, Terms of service (commonly abbreviated as ToS or TOS) are rules which one must agree to by order to use a service. Unless in violation of consumer protection laws, such terms are usually legally binding. Terms of Service can also be a Disclaimer, especially regarding the use of websites.

How to Create a Term of Service (TOS) ?



How to Make The Main Navigation on Blogspot


As before, we will make this online by just filling in the available fields.
  • In the column "Your Site Title": fill in the name of your blog or the title of your blog (not the blog link)
  • In the column "Your Site URL": fill in the full address of your blog. For example "https://gudio-blog.blogspot.com"
  • In the "Contact Link" column: fill in the URL address of your contact page on the blog.
  • In the "Email Address" column: fill in your correct email address
  • In the "Email Encryption" option, you can choose "No Encryption" or "Encrypt Email". Encrypting your email will hide it from SpamBots and email harvesters. So for security, I suggest selecting "Encrypt Email".
  • In the section, "Company Information and/or Physical Address", if your website or blog is related to a company, then fill in this data. If only individuals, you can leave the data blank.
  • In the section, "Corporate Information · Registrations", as well as above, fill in the fields if your website or blog is related to the company.
After columns are filled in with the correct data, click the "Generate HTML" button. Then a Term of Service (TOS) will appear that you have created in HTML. Copy all the HTML code and paste it on your blog's Term of Service (TOS) page.

You must create a page for "Term of Service" to paste the HTML code. On the bottom of the page, I will explain "How to Make a Page on a Blog"


What is a Sitemap?

A sitemap is something that describes a map of a website, which is all information about a page or files on a website. This sitemap is intended so that search engines can easily search the contents of a website.
Sitemaps are a simple way for webmasters / wapmasters to inform search engines (Google for example) about pages on their sites that can be crawled (crawled by search engines). The simplest form of a Sitemap is an XML file that lists a site's URL along with its respective metadata. Metadata for example: when was last updated, how often the URL usually changes, and the relative level of its priority over other URLs.

And the definition of a sitemap according to Wikipedia, a Sitemap is one of the tools for webmasters that makes it easy to introduce sitemap on the website. That way, the Google engine easily explores and reaches the pages in it. As with web sites in general, blogs also require a sitemap so that search engines can easily detect content in it. In this sitemap system users can submit XML-based web maps directly to Google which will help Google index web pages easily.

How To Create a Page And Sitemap on a Blog?

First, on your blogspot menu on the left, select the "Pages" menu.


How to Make The Main Navigation on Blogspot

then at the top of the "Pages" menu, select "New Page".


How to Make The Main Navigation on Blogspot

Fill in the title (it's up to you, in this tutorial, I fill it with a Sitemap). Then in the writing mode section, select "HTML". And type the following HTML code: 

<div id="sitemap-blog">
<table><tbody>
<tr>         <td>
<label for="feed-order">Sort articles by:</label></td>         <td>
<select id="feed-order">             <option selected="" value="published">Latest article</option>             <option value="updated">The last article was updated</option>           </select></td>       </tr>
<tr>         <td>
<label for="label-sorter">Filter articles by category:</label></td>         <td>
<select disabled="" id="label-sorter">             <option selected="">Loading....</option>           </select></td>       </tr>
<tr>         <td>
<label for="feed-q">Search for articles with keywords:</label></td>         <td>
<form id="post-searcher">
<input id="feed-q" placeholder="Type and press ENTER" type="text" />
</form>
</td>       </tr>
</tbody>   </table>
</div>



<header id="result-desc"></header>



<ul id="daftar-isi-blog"></ul>
<div id="feed-nav">
</div>

and type also this javascript code under the HTML code

<script type="text/javascript">
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
var css = '#sitemap-blog{padding:7px 10px;margin:0 auto}#sitemap-blog table{width:auto;margin:0 auto;border:none!important}#sitemap-blog table td{border:none!important;padding:0!important}#sitemap-blog form{font:inherit}#sitemap-blog label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}#sitemap-blog select[disabled]{opacity:.4}#post-searcher{display:block;margin:0;padding:0}#sitemap-blog input,#sitemap-blog select{width:100%;border:1px solid #dedede;border-radius:5px;margin:0;padding:5px;font-family:Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#sitemap-blog select option{min-height:1.4em!important}#sitemap-blog input#feed-q{padding:5px 10px!important}#daftar-isi-blog{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}#daftar-isi-blog li{list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}#daftar-isi-blog li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}#daftar-isi-blog li a{text-decoration:none;color:#2C2C2C;font-weight:500}#daftar-isi-blog li a:hover{text-decoration:none;color:#E94141}#daftar-isi-blog li .news-text{margin-top:5px;line-height:1.3em!important}#daftar-isi-blog li img{margin:0 15px 5px 0;padding:7px 7px 7px 0;float:left;display:block;width:140px!important}#result-desc{margin:0;padding:0}#result-desc div,#result-desc span{display:block;margin:0;padding:5px 0 7px;color:#D64D52}#result-desc div{color:inherit}#feed-nav{margin:10px 0 30px;text-align:center;font-weight:500}#feed-nav a,#feed-nav span{border:1px solid #dedede;border-radius:5px;padding:0;color:#757575;text-decoration:none;display:block;height:30px;line-height:32px}#feed-nav a,#feed-nav span:hover{color:#1B1B1B}#feed-nav a:active,#feed-nav a:hover{color:#555}#feed-nav span{cursor:wait}@media (max-width:600px){#sitemap-blog table{margin:0 auto;width:100%}#daftar-isi-blog,#sitemap-blog{margin:0 auto}#daftar-isi-blog li .inner{margin:5px auto;height:auto}#feedContainer li{float:none;display:block;width:auto;height:auto}#daftar-isi-blog li .news-text,#feedContainer:after,#daftar-isi-blog li img{display:none!important}}.post-body{min-height:300px;background:url(https://lh6.googleusercontent.com/-UKClHRpzskg/VfOm1eLfT7I/AAAAAAAAiQw/1pwwhEsT49I/w220-h19-no/ajax-loader%2B%25281%2529.gif)50% 50% no-repeat!important}';
style.appendChild(document.createTextNode(css));
head.appendChild(style); 
</script>

<script type="text/javaScript">
document.write;
var loadToc, loadCategories, _toc = {
    init: function() {
        var cfg = {
                homePage: window.location.origin,
                maxResults: 10,
                numChars: 270,
                thumbWidth: 140,
                thumbHeight: 95,
                navText: "Show the next article &#9660;",
                resetToc: "Back to the beginning",
                noImage: "//2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1100/no-thumbnail.png",
                loading: "<span>Still Loading...</span>",
                counting: "<div>
Loading Article...</div>
",
                searching: "<span>...</span>"
            },
            w = window,
            d = document,
            el = function(id) {
                return d.getElementById(id);
            },
            o = {
                a: el('feed-order'),
                b: el('label-sorter').parentNode,
                c: el('post-searcher'),
                d: el('feed-q'),
                e: el('result-desc'),
                f: el('daftar-isi-blog'),
                g: el('feed-nav'),
                h: d.getElementsByTagName('head')[0],
                i: 0,
                j: null,
                k: 'published',
                l: 0,
                m: ""
            },
            fn = {
                a: function() {
                    old = el('temporer-script');
                    old.parentNode.removeChild(old);
                },
                b: function(param) {
                    var script = d.createElement('script');
                    script.type = "text/javascript";
                    script.id = "temporer-script";
                    script.src = param;
                    if (el('temporer-script')) fn.a();
                    o.h.appendChild(script);
                },
                c: function(mode, tag, order) {
                    o.i++;
                    o.e.innerHTML = cfg.counting;
                    o.g.innerHTML = cfg[mode == 1 ? "searching" : "loading"];
                    if (mode === 0) {
                        fn.b(tag !== null ? cfg.homePage + '/feeds/posts/summary/-/' + tag + '?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc' : cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc');
                    } else if (mode == 1) {
                        fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&q=' + tag + '&orderby=' + order + '&callback=loadToc');
                    }
                    o.j = (tag !== null) ? tag : null;
                    o.l = mode;
                    o.a.disabled = true;
                    o.b.children[0].disabled = true;
                },
                d: function(json) {
                    var _h;
                    o.g.innerHTML = "";
                    o.e.innerHTML = o.l == 1 ? '<span>Search results for keywords <b>&#8220;' + o.m + '&#8221;</b> (' + json.feed.openSearch$totalResults.$t + ' Hasil)</span>' : '<div>
Total: ' + json.feed.openSearch$totalResults.$t + ' Artikel</div>
';
                    if ("entry" in json.feed) {
                        var a = json.feed.entry,
                            b, c, _d, e = "0 Komentar",
                            f = "",
                            g;
                        for (var i = 0; i < cfg.maxResults; i++) {
                            if (i == a.length) break;
                            b = a[i].title.$t;
                            _d = ("summary" in a[i]) ? a[i].summary.$t.replace(/<br ?\/?>/ig, " ").replace(/<(.*?)>/g, "").replace(/<iframe/ig, "").substring(0, cfg.numChars) : "";
                            g = ("media$thumbnail" in a[i]) ? a[i].media$thumbnail.url.replace(/.*?:\/\//g, "//").replace(/\/s[0-9]+\-c/, "\/s" + cfg.thumbWidth + "") : cfg.noImage.replace(/\/s[0-9]+\-c/, "\/s" + cfg.thumbWidth + "");
                            for (var j = 0, jen = a[i].link.length; j < jen; j++) {
                                c = (a[i].link[j].rel == "alternate") ? a[i].link[j].href : "#";
                            }
                            for (var k = 0, ken = a[i].link.length; k < ken; k++) {
                                if (a[i].link[k].rel == "replies" && a[i].link[k].type == "text/html") {
                                    e = a[i].link[k].title;
                                    break;
                                }
                            }
                            _h = d.createElement('li');
                            _h.innerHTML = '<div class="inner"><img style="width:' + cfg.thumbWidth + 'px;height:' + cfg.thumbHeight + 'px;" data-src="' + g + '" src="' + g + '" alt="' + b + '" title="' + b + '"><a class="toc-title" href="' + c + '" target="_blank" title="' + b + '">' + b + '</a><div class="news-text">
' + _d + '&hellip;<br style="clear:both;"></div>
</div>
';
                            o.f.appendChild(_h);
                        }
                        _h = d.createElement('a');
                        _h.href = '#load-more';
                        _h.innerHTML = cfg.navText;
                        _h.onclick = function() {
                            fn.c(o.l, o.j, o.k);
                            return false;
                        };
                    } else {
                        _h = d.createElement('a');
                        _h.href = '#reset-content';
                        _h.innerHTML = cfg.resetToc;
                        _h.onclick = function() {
                            o.i = -1;
                            o.e.innerHTML = cfg.counting;
                            o.f.innerHTML = "";
                            fn.c(0, null, 'published');
                            o.a.innerHTML = o.a.innerHTML;
                            o.b.children[0].innerHTML = o.b.children[0].innerHTML;
                            return false;
                        };
                    }
                    o.g.appendChild(_h);
                    o.a.disabled = false;
                    o.b.children[0].disabled = false;
                },
                e: function(json) {
                    var a = json.feed.category,
                        b = '<select id="label-sorter"><option value="" selected disabled>Select Category...</option>';
                    for (var i = 0, len = a.length; i < len; i++) {
                        b += '<option value="' + encodeURIComponent(a[i].term).replace(/%20/g, " ") + '">' + encodeURIComponent(a[i].term).replace(/%20/g, " ") + '</option>';
                    }
                    b += '</select>';
                    o.b.innerHTML = b;
                    o.b.children[0].onchange = function() {
                        o.i = -1;
                        o.f.innerHTML = "";
                        o.g.innerHTML = cfg.loading;
                        fn.c(0, this.value, o.k);
                    };
                }
            };
        loadToc = fn.d;
        loadCategories = fn.e;
        fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + (o.i + 1) + '&max-results=' + cfg.maxResults + '&orderby=published&callback=loadToc');
        fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&orderby=published&callback=loadCategories');
        o.a.onchange = function() {
            o.i = -1;
            o.f.innerHTML = "";
            o.g.innerHTML = cfg.counting;
            o.b.children[0].innerHTML = o.b.children[0].innerHTML;
            fn.c(0, null, this.value);
            o.k = this.value;
        };
        o.c.onsubmit = function() {
            o.i = -1;
            o.f.innerHTML = "";
            o.m = o.d.value;
            fn.c(1, o.d.value, o.k);
            return false;
        };
    }
};
_toc.init();
</script>


save the page and try previewing it before you publish


How to Make The Main Navigation on Blogspot

And it's done. Now your website will become more professional. And of course it also has the possibility of being accepted as a Google Adsense partner, getting bigger than not navigating.

Thanks to all of you, for visiting this simple blog. Hopefully this article can be something useful for you. See you again next time and with other interesting articles.

How to Make The Main Navigation on Blogspot


How-to-Make-The-Main-Navigation-on-Blogspot
How to Make The Main Navigation on Blogspot - Logo

How to Make The Main Navigation on Blogspot - What is meant by the main navigation on the blog is like a page about, contact, disclaimer, privacy policy, sitemap and term of service (TOS). This navigation is important navigation on a website or blog. Because with this navigation, the website or blog that you create will look more professionally seen by readers of blogs or websites. And of course, if you want to register your blog or website to Google Adsense, this navigation is one of the mandatory requirements that you must complete on a blog or website to be accepted by Google Adsense.

Before we start the topic of discussion, I want to say, thanks to all of you who have visited my blog. Gudio Blog is a simple blog that discusses topics about programming tutorials, blog tutorials, Android, and more. Hopefully you can find a solution through this blog.ust Take Me To The: Contact Page
Before we make the main navigation page. Maybe there are some of you who don't know what privacy policy, sitemap, the term of service and so on. For that, I will explain a little about the main navigation so you can understand.

And Before we make a Privacy Policy, Disclaimer and Term of Service (TOS), you must first create a contact page. Because the Privacy Policy, Disclaimer and Term of Service (TOS) will contain the information link of your contact page. So the first thing we make this time is the contact page.

What is The Contact Page?

Contact page is a page that can be used by visitors to a website or blog to communicate between visitors and website owners. Usually on the contact page, it will contain the name, email, website (optional) and message.

How to Create a Contact Page?

in this tutorial, I will provide an easy way to create a contact page online. You only need to add a few settings.
First, visit the following page: https://www.cognitoforms.com.

How to Make The Main Navigation on Blogspot

Select the signup menu in the top right corner if you don't have an account and select login if you already have an account. And if it's on the cognito main page, then select "New Form" and "Start from Scratch".

How to Make The Main Navigation on Blogspot

After selecting the "Start from Scratch" menu, the contact form will appear. Edit the title of the form as shown below:

How to Make The Main Navigation on Blogspot


If so, to add columns, text and other types of input, click the "+" button as shown in the picture below:
How to Make The Main Navigation on Blogspot

Then add and set the components as shown below:

How to Make The Main Navigation on Blogspot

in this tutorial, I use input: 2 Textbox (Name column and Message column), 1 Email, 1 Website
Then in the "Email Notification" section that I marked with a red arrow, fill in the data with an email that you will use to receive notifications from visitors if you get an email. If you have finished setting up the contact form, click the save button at the bottom. Then click the "Publish" menu at the top, then you will get an HTML code. As in the picture below:

How to Make The Main Navigation on Blogspot

Copy the HTML code and paste it on your contact page on the blog. Always make sure to change the writing mode from Compose to HTML, before pasting the HTML code on the page.
And, done. Congratulations, you have successfully created a contact page.

What is a Privacy Policy?

A privacy policy is a statement or legal document that reveals some or all of the ways a party collects, uses, discloses, and manages customer or client data. It fulfills legal requirements to protect customers or client privacy.
This Privacy Policy is something that is intentionally created by someone who has a blog or website so that visitors know the terms and policies that have been made on the blog. thus blog visitors will comply with the rules and conditions of the blog

How to Make a Privacy Policy?

Open this website page: http://www.privacypolicyonline.com/
then the main page of Privacy Online will appear as shown below:

How to Make The Main Navigation on Blogspot


fill in the data in the required column, like the following:
  • In the column "Your Site Title": fill in the name of your blog or the title of your blog (not the blog link)
  • In the column "Your Site URL": fill in the full address of your blog. For example "https://gudio-blog.blogspot.com"
  • In the "Contact Link" column: fill in the URL address of your contact page on the blog.
  • In the "Email Address" column: fill in your correct email address
  • In the "Email Encryption" option, you can choose "No Encryption" or "Encrypt Email". Encrypting your email will hide it from SpamBots and email harvesters. So for security, I suggest selecting "Encrypt Email".
  • In the "Cookies" column, you can specify whether on your website or blog, use cookies or not. In this tutorial, I chose "No".
  • In the "Advertisers on your site" column, you specify whether your website or blog uses advertisements. If using ads, check the name of the ad provider but if not, leave the option blank.
If you have finished filling in the column, then the last step is to click the "Generate HTML" button to get the HTML privacy policy code that you created. After you click on the "Generate HTML" button, you will be directed to a link and copy all the links and paste them on your blog.
You must create a page for "Privacy Policy" to paste the HTML code. On the bottom of the page, I will explain "How to Make a Page on a Blog"
And, congratulations. You have succeeded in creating a "Privacy Policy" for your blog.

What is a Disclaimer

according to Wikipedia.com, a disclaimer generally is a statement intended to determine or limit the scope of rights and obligations that can be implemented and applied by parties in a legally recognized relationship. Unlike other terms for legal operating languages, the term disclaimer usually implies a situation involving some degree of uncertainty, neglect or risk.

This disclaimer will be very important and must be made if your website or blog wants to be registered to display advertisements.


How to Make a Disclaimer



Add How to Make The Main Navigation on Blogspot


still on the page: http://www.privacypolicyonline.com/, in the top menu select the "Disclaimer Generator". Then the "Disclaimer Generator" menu will appear as below:

How to Make The Main Navigation on Blogspot


then fill in all available fields, such as:
  • In the column "Your Site Title": fill in the name of your blog or the title of your blog (not the blog link)
  • In the column "Your Site URL": fill in the full address of your blog. For example "https://gudio-blog.blogspot.com"
  • In the "Contact Link" column: fill in the URL address of your contact page on the blog.
  • In the "Email Address" column: fill in your correct email address
  • In the "Email Encryption" option, you can choose "No Encryption" or "Encrypt Email". Encrypting your email will hide it from SpamBots and email harvesters. So for security, I suggest selecting "Encrypt Email".
After columns are filled in with the correct data, click the "Generate Disclaimer" button. Then a disclaimer will appear that you have created in HTML. Copy all the HTML code and paste it on your blog's disclaimer page.

How to Make The Main Navigation on Blogspot

You must create a page for "Disclaimer" to paste the HTML code. On the bottom of the page, I will explain "How to Make a Page on a Blog"


What is Term of Service (TOS)?

Term of Service (TOS) is usually found on a website or blog with the aim of being a rule. This regulation is a rule that is used as a reference for services that are on a website or blog. Generally, when a user registers on a website, the user must approve the Term of Service (TOS) submitted by the website owner. However, many users don't pay attention to this.

according to Wikipedia, Terms of service (commonly abbreviated as ToS or TOS) are rules which one must agree to by order to use a service. Unless in violation of consumer protection laws, such terms are usually legally binding. Terms of Service can also be a Disclaimer, especially regarding the use of websites.

How to Create a Term of Service (TOS) ?



How to Make The Main Navigation on Blogspot


As before, we will make this online by just filling in the available fields.
  • In the column "Your Site Title": fill in the name of your blog or the title of your blog (not the blog link)
  • In the column "Your Site URL": fill in the full address of your blog. For example "https://gudio-blog.blogspot.com"
  • In the "Contact Link" column: fill in the URL address of your contact page on the blog.
  • In the "Email Address" column: fill in your correct email address
  • In the "Email Encryption" option, you can choose "No Encryption" or "Encrypt Email". Encrypting your email will hide it from SpamBots and email harvesters. So for security, I suggest selecting "Encrypt Email".
  • In the section, "Company Information and/or Physical Address", if your website or blog is related to a company, then fill in this data. If only individuals, you can leave the data blank.
  • In the section, "Corporate Information · Registrations", as well as above, fill in the fields if your website or blog is related to the company.
After columns are filled in with the correct data, click the "Generate HTML" button. Then a Term of Service (TOS) will appear that you have created in HTML. Copy all the HTML code and paste it on your blog's Term of Service (TOS) page.

You must create a page for "Term of Service" to paste the HTML code. On the bottom of the page, I will explain "How to Make a Page on a Blog"


What is a Sitemap?

A sitemap is something that describes a map of a website, which is all information about a page or files on a website. This sitemap is intended so that search engines can easily search the contents of a website.
Sitemaps are a simple way for webmasters / wapmasters to inform search engines (Google for example) about pages on their sites that can be crawled (crawled by search engines). The simplest form of a Sitemap is an XML file that lists a site's URL along with its respective metadata. Metadata for example: when was last updated, how often the URL usually changes, and the relative level of its priority over other URLs.

And the definition of a sitemap according to Wikipedia, a Sitemap is one of the tools for webmasters that makes it easy to introduce sitemap on the website. That way, the Google engine easily explores and reaches the pages in it. As with web sites in general, blogs also require a sitemap so that search engines can easily detect content in it. In this sitemap system users can submit XML-based web maps directly to Google which will help Google index web pages easily.

How To Create a Page And Sitemap on a Blog?

First, on your blogspot menu on the left, select the "Pages" menu.


How to Make The Main Navigation on Blogspot

then at the top of the "Pages" menu, select "New Page".


How to Make The Main Navigation on Blogspot

Fill in the title (it's up to you, in this tutorial, I fill it with a Sitemap). Then in the writing mode section, select "HTML". And type the following HTML code: 

<div id="sitemap-blog">
<table><tbody>
<tr>         <td>
<label for="feed-order">Sort articles by:</label></td>         <td>
<select id="feed-order">             <option selected="" value="published">Latest article</option>             <option value="updated">The last article was updated</option>           </select></td>       </tr>
<tr>         <td>
<label for="label-sorter">Filter articles by category:</label></td>         <td>
<select disabled="" id="label-sorter">             <option selected="">Loading....</option>           </select></td>       </tr>
<tr>         <td>
<label for="feed-q">Search for articles with keywords:</label></td>         <td>
<form id="post-searcher">
<input id="feed-q" placeholder="Type and press ENTER" type="text" />
</form>
</td>       </tr>
</tbody>   </table>
</div>



<header id="result-desc"></header>



<ul id="daftar-isi-blog"></ul>
<div id="feed-nav">
</div>

and type also this javascript code under the HTML code

<script type="text/javascript">
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
var css = '#sitemap-blog{padding:7px 10px;margin:0 auto}#sitemap-blog table{width:auto;margin:0 auto;border:none!important}#sitemap-blog table td{border:none!important;padding:0!important}#sitemap-blog form{font:inherit}#sitemap-blog label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}#sitemap-blog select[disabled]{opacity:.4}#post-searcher{display:block;margin:0;padding:0}#sitemap-blog input,#sitemap-blog select{width:100%;border:1px solid #dedede;border-radius:5px;margin:0;padding:5px;font-family:Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#sitemap-blog select option{min-height:1.4em!important}#sitemap-blog input#feed-q{padding:5px 10px!important}#daftar-isi-blog{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}#daftar-isi-blog li{list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}#daftar-isi-blog li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}#daftar-isi-blog li a{text-decoration:none;color:#2C2C2C;font-weight:500}#daftar-isi-blog li a:hover{text-decoration:none;color:#E94141}#daftar-isi-blog li .news-text{margin-top:5px;line-height:1.3em!important}#daftar-isi-blog li img{margin:0 15px 5px 0;padding:7px 7px 7px 0;float:left;display:block;width:140px!important}#result-desc{margin:0;padding:0}#result-desc div,#result-desc span{display:block;margin:0;padding:5px 0 7px;color:#D64D52}#result-desc div{color:inherit}#feed-nav{margin:10px 0 30px;text-align:center;font-weight:500}#feed-nav a,#feed-nav span{border:1px solid #dedede;border-radius:5px;padding:0;color:#757575;text-decoration:none;display:block;height:30px;line-height:32px}#feed-nav a,#feed-nav span:hover{color:#1B1B1B}#feed-nav a:active,#feed-nav a:hover{color:#555}#feed-nav span{cursor:wait}@media (max-width:600px){#sitemap-blog table{margin:0 auto;width:100%}#daftar-isi-blog,#sitemap-blog{margin:0 auto}#daftar-isi-blog li .inner{margin:5px auto;height:auto}#feedContainer li{float:none;display:block;width:auto;height:auto}#daftar-isi-blog li .news-text,#feedContainer:after,#daftar-isi-blog li img{display:none!important}}.post-body{min-height:300px;background:url(https://lh6.googleusercontent.com/-UKClHRpzskg/VfOm1eLfT7I/AAAAAAAAiQw/1pwwhEsT49I/w220-h19-no/ajax-loader%2B%25281%2529.gif)50% 50% no-repeat!important}';
style.appendChild(document.createTextNode(css));
head.appendChild(style); 
</script>

<script type="text/javaScript">
document.write;
var loadToc, loadCategories, _toc = {
    init: function() {
        var cfg = {
                homePage: window.location.origin,
                maxResults: 10,
                numChars: 270,
                thumbWidth: 140,
                thumbHeight: 95,
                navText: "Show the next article &#9660;",
                resetToc: "Back to the beginning",
                noImage: "//2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1100/no-thumbnail.png",
                loading: "<span>Still Loading...</span>",
                counting: "<div>
Loading Article...</div>
",
                searching: "<span>...</span>"
            },
            w = window,
            d = document,
            el = function(id) {
                return d.getElementById(id);
            },
            o = {
                a: el('feed-order'),
                b: el('label-sorter').parentNode,
                c: el('post-searcher'),
                d: el('feed-q'),
                e: el('result-desc'),
                f: el('daftar-isi-blog'),
                g: el('feed-nav'),
                h: d.getElementsByTagName('head')[0],
                i: 0,
                j: null,
                k: 'published',
                l: 0,
                m: ""
            },
            fn = {
                a: function() {
                    old = el('temporer-script');
                    old.parentNode.removeChild(old);
                },
                b: function(param) {
                    var script = d.createElement('script');
                    script.type = "text/javascript";
                    script.id = "temporer-script";
                    script.src = param;
                    if (el('temporer-script')) fn.a();
                    o.h.appendChild(script);
                },
                c: function(mode, tag, order) {
                    o.i++;
                    o.e.innerHTML = cfg.counting;
                    o.g.innerHTML = cfg[mode == 1 ? "searching" : "loading"];
                    if (mode === 0) {
                        fn.b(tag !== null ? cfg.homePage + '/feeds/posts/summary/-/' + tag + '?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc' : cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc');
                    } else if (mode == 1) {
                        fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&q=' + tag + '&orderby=' + order + '&callback=loadToc');
                    }
                    o.j = (tag !== null) ? tag : null;
                    o.l = mode;
                    o.a.disabled = true;
                    o.b.children[0].disabled = true;
                },
                d: function(json) {
                    var _h;
                    o.g.innerHTML = "";
                    o.e.innerHTML = o.l == 1 ? '<span>Search results for keywords <b>&#8220;' + o.m + '&#8221;</b> (' + json.feed.openSearch$totalResults.$t + ' Hasil)</span>' : '<div>
Total: ' + json.feed.openSearch$totalResults.$t + ' Artikel</div>
';
                    if ("entry" in json.feed) {
                        var a = json.feed.entry,
                            b, c, _d, e = "0 Komentar",
                            f = "",
                            g;
                        for (var i = 0; i < cfg.maxResults; i++) {
                            if (i == a.length) break;
                            b = a[i].title.$t;
                            _d = ("summary" in a[i]) ? a[i].summary.$t.replace(/<br ?\/?>/ig, " ").replace(/<(.*?)>/g, "").replace(/<iframe/ig, "").substring(0, cfg.numChars) : "";
                            g = ("media$thumbnail" in a[i]) ? a[i].media$thumbnail.url.replace(/.*?:\/\//g, "//").replace(/\/s[0-9]+\-c/, "\/s" + cfg.thumbWidth + "") : cfg.noImage.replace(/\/s[0-9]+\-c/, "\/s" + cfg.thumbWidth + "");
                            for (var j = 0, jen = a[i].link.length; j < jen; j++) {
                                c = (a[i].link[j].rel == "alternate") ? a[i].link[j].href : "#";
                            }
                            for (var k = 0, ken = a[i].link.length; k < ken; k++) {
                                if (a[i].link[k].rel == "replies" && a[i].link[k].type == "text/html") {
                                    e = a[i].link[k].title;
                                    break;
                                }
                            }
                            _h = d.createElement('li');
                            _h.innerHTML = '<div class="inner"><img style="width:' + cfg.thumbWidth + 'px;height:' + cfg.thumbHeight + 'px;" data-src="' + g + '" src="' + g + '" alt="' + b + '" title="' + b + '"><a class="toc-title" href="' + c + '" target="_blank" title="' + b + '">' + b + '</a><div class="news-text">
' + _d + '&hellip;<br style="clear:both;"></div>
</div>
';
                            o.f.appendChild(_h);
                        }
                        _h = d.createElement('a');
                        _h.href = '#load-more';
                        _h.innerHTML = cfg.navText;
                        _h.onclick = function() {
                            fn.c(o.l, o.j, o.k);
                            return false;
                        };
                    } else {
                        _h = d.createElement('a');
                        _h.href = '#reset-content';
                        _h.innerHTML = cfg.resetToc;
                        _h.onclick = function() {
                            o.i = -1;
                            o.e.innerHTML = cfg.counting;
                            o.f.innerHTML = "";
                            fn.c(0, null, 'published');
                            o.a.innerHTML = o.a.innerHTML;
                            o.b.children[0].innerHTML = o.b.children[0].innerHTML;
                            return false;
                        };
                    }
                    o.g.appendChild(_h);
                    o.a.disabled = false;
                    o.b.children[0].disabled = false;
                },
                e: function(json) {
                    var a = json.feed.category,
                        b = '<select id="label-sorter"><option value="" selected disabled>Select Category...</option>';
                    for (var i = 0, len = a.length; i < len; i++) {
                        b += '<option value="' + encodeURIComponent(a[i].term).replace(/%20/g, " ") + '">' + encodeURIComponent(a[i].term).replace(/%20/g, " ") + '</option>';
                    }
                    b += '</select>';
                    o.b.innerHTML = b;
                    o.b.children[0].onchange = function() {
                        o.i = -1;
                        o.f.innerHTML = "";
                        o.g.innerHTML = cfg.loading;
                        fn.c(0, this.value, o.k);
                    };
                }
            };
        loadToc = fn.d;
        loadCategories = fn.e;
        fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + (o.i + 1) + '&max-results=' + cfg.maxResults + '&orderby=published&callback=loadToc');
        fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&orderby=published&callback=loadCategories');
        o.a.onchange = function() {
            o.i = -1;
            o.f.innerHTML = "";
            o.g.innerHTML = cfg.counting;
            o.b.children[0].innerHTML = o.b.children[0].innerHTML;
            fn.c(0, null, this.value);
            o.k = this.value;
        };
        o.c.onsubmit = function() {
            o.i = -1;
            o.f.innerHTML = "";
            o.m = o.d.value;
            fn.c(1, o.d.value, o.k);
            return false;
        };
    }
};
_toc.init();
</script>


save the page and try previewing it before you publish


How to Make The Main Navigation on Blogspot

And it's done. Now your website will become more professional. And of course it also has the possibility of being accepted as a Google Adsense partner, getting bigger than not navigating.

Thanks to all of you, for visiting this simple blog. Hopefully this article can be something useful for you. See you again next time and with other interesting articles.

iklan related post
Load comments