Cara Praktis Membuat Sitemap Responsive di Blogger

Cara Praktis Membuat Sitemap Responsive di Blogger - Sitemap atau Peta Situp merupakan sebuah fitur yang menampilkan seluruh artikel atau link dri suatu website.

Nah, di artikel ini chilogger akan memberikan tutorial cara membuat nya, yang di tulis dalam satu artikel berjudul Cara Praktis Membuat Sitemap Responsive di Blogger.

Cara Membuat Sitemap Responsive di Blogger

1. Login ke akun Blogger kamu masing-masing.

2. Klik menu Halaman => Buat Halaman Baru.

3. Masuk ke mode HTML bukan Compose.

4. Pastekan kode script di bawah ini.

<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>

5. Selesai

Berikut artikel Cara Praktis Membuat Sitemap Responsive di Blogger. Selamat mencoba.