Cara Mudah Membuat Sitemap Pada Blog Anda

Ingin membuat sitemap dengan tampilan seperti ini pada blog anda?

 
Caranya gampang banget. 

Ikuti langkah berikut:

1.Buka Blogger.com anda

2.Klik Postingan Baru

3. Ketik Judul : Sitemap

4. Klik tanda panah berikut.

5. Pilih Tampilan HTML

6. Copy seluruh kode berikut dan paste-kan pada body-nya

Kode :

<style type="text/css"> #toc{width:99%;margin:5px auto;border:1px solid #2D96DF; -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);} .labl{color:#FF5F00;font-weight:bold;margin:0 -5px; padding:1px 0 2px 11px;background: #3498DB; border:1px solid #2D96DF; border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb; -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;} .labl a{color:#fff;} .labl:first-letter{text-transform:uppercase;} .new{color:#FF5F00;font-weight:bold;font-style:italic;} .postname{font-weight:normal;background:#fff;margin-left: 35px;} .postname li{border-bottom: #ddd 1px dotted;margin-right:5px} </style> <div id="toc"> <script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script> <script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script></div>

7.Tampilannya seperti ini, lalu tekan Publikasikan.

SELESAI

Selamat Mencoba 

Bagikan Artikel Ini:

📲 WhatsApp 📘 Facebook 🐦 Twitter