HOW TO CREATE A ATTRACTIVE HTML SITEMAP IN BLOGGER

Step by step instructions to make a responsive HTML sitemap page in blogger. If your blog contains a static HTML sitemap page, at that point this will improve the client experience as well. You may have seen that the blogger has a default XML sitemap. The sitemap is a significant piece of SEO. This is utilized by the crawler to creep and list your site impeccably. Pretty much every blog uses XML sitemap to make their webpage more SEO agreeable. However, in this article, we are discussing the HTML sitemap of bloggers. Not about the XML sitemap. HTML sitemap fundamentally encourages a client to comprehend your blog without any problem.

I have just revealed to you that the blogger creates a default XML sitemap for your blog. So you don’t need to stress over that. However, you need to make the HTML sitemap page for your client on your own. You may have seen that numerous sites have a page named sitemap. Where you will discover the entirety of the blog entries is recorded on names. This page assists clients with understanding your blog initially.

READ ALSO: GREEN SKY-AN AMERICAN FINTECH COMPANY

HOW-TO-CREATE-A-ATTRACTIVE-HTML-SITEMAP-IN-BLOGGER-4

Regardless of whether any client needs to discover any point he could look there. As the entirety of your posts will be recorded there so a client will discover his longing one without any problem. Thusly, an HTML sitemap page improves the client experience. Numerous individuals state that this HTML sitemap page additionally improves your site’s general SEO. So without sitting around we should see how to make this significant page for your blogger blog.

READ ALSO: ABOUT THE TECH AND ONLINE PAYMENT COMPANY – PAYTM

seo

Make A Responsive HTML Sitemap Page In Blogger:

Like some other significant page, for example, “About”, “Contact”, “Protection”, this is additionally a page you need to make. On the off chance that you are utilizing any contact page in your blogger blog, at that point this is really like that procedure. For including the HTML sitemap page, essentially you need to make a page and add the sitemap code to that page. Here is the bit by bit process with the screen capture.

Point 1: Sign in to your blogger account and go to the “Outline”. Click on the territory ‘Pages’ from the menu on the left. Presently click on the “New page” button as demonstrated as follows.

Point 2: Here you will see the page you will make and distribute. Put “Sitemap” on the title column, since that’s the page’s tag. 

Point 3: By default, the page is in create mode. In any case, we need to glue the sitemap code in the HTML mode. So click on the “HTML” mode as demonstrated as follows.

Point 4: Now duplicate the Sitemap Code from above and glue it into the page. This is a JavaScript code that ought to be added to the sitemap page in the HTML mode. 

Point 5: After sticking the sitemap code into your sitemap page and supplanting the referenced URL with your blog address, distribute the page from the upper right corner as demonstrated as follows.

View your recently made sitemap page and you will see it is working consummately. Presently the time has come to plan this HTML sitemap to make it progressively lovely. So how about we include the CSS.

READ ALSO: TOP 7 VIDEO EDITING SOFTWARE FOR PC

HOW-TO-CREATE-A-ATTRACTIVE-HTML-SITEMAP-IN-BLOGGER-3

Including CSS of The HTML Sitemap Page:

Code:

/* Sitemap

– – – */

#toc{margin:5px auto;width:100%;}

.labl{background: url(https://4.bp.blogspot.com/ – RX5GvndV7GI/WBnIzcW86II/AAAAAAAAD7s/JzrxQwJ3sRoDFmlzbEOYiDt5IhgJL66lgCPcB/s1600/bg-login.gif) rehash x;margin:0 – 5px;text-align:center;text-transform:uppercase;font-size:18px;font-weight:bold;padding:2px 0 2px 0;border:1px strong #2D96DF;border-radius:2px;display:block;}

.labl a{color:#fff;}

.labl:first-letter{text-transform:uppercase;}

.new{color:#FF5F00;font-style:italic;font-weight:bold;}

.postname{font-weight:normal;}

.postname li{margin-right:5px;border-base: #ddd 1px dotted;}

For including CSS of this sitemap, go to the blogger dashboard. Snap on the “Format” segment > “Alter HTML”. Presently discover the code “]]>”. Duplicate the CSS code from above and glue it directly before the line “]]>”.

READ ALSO: HOW TO INSTALLING & MAKE ACCOUNT GBWHATSAPP APK

Snap-on the “Spare Template” button. You are finished. Go to your sitemap page, invigorate the page and see its working or not.

This was the complete and finished procedure for including an HTML sitemap page in blogger. This sitemap is tried so you ought not to have any issue. On the off chance that you are experiencing any difficulty to include this, you may ask me through remark. I will return to you very soon. On the off chance that you like this sitemap, at that point remember to share it.

2 thoughts on “HOW TO CREATE A ATTRACTIVE HTML SITEMAP IN BLOGGER”

  1. Umumnya Antibiotik Yang Diberikan Merupakan Penisilin. Tetapi Bila Pengidap Mempunyai Alergi
    Kepada Penisilin, Maka Antibiotik Yang Dapat Diberikan Adalah Doxycycline, Azithromycin, Tetracycline, Olamix Serta Ceftriaxone.
    Obat Obatan Tersebut Hanya Bisa Di Beli Dengan Resep Dokter Kecuali Olamix, Olamix Terjual
    Bebas Di Apotik Terdekat Bahkan Di Market Place Seperti Shopee Dan Tokopedia Pun Ada https://olamix.id/tag/penyebab-sipilis/

    Reply

Leave a Comment