Membuat Sitemap atau Daftar Isi Keren di Blogger Kamu

Membuat Sitemap atau Daftar Isi Keren di Blogger Kamu
Tutorial

Hai, balik lagi bareng gw. Pada artikel kali ini gw bakal share ke kalian cara buat sitemap atau daftar isi di blogger kalian. Sitemap atau daftar isi ini akan membuat blog kalian lebih rapi dan teratur. Selain itu, dengan memasang sitemap maka blog kalian akan lebih mudah terindeks ke google. Langsung saja ke tutorialnya.

Untuk hasil akhir adalah seperti ini


Langkah-langkahnya :

1. Buka blog kamu, kemudian buat postingan/entry baru.
2. Ubah menjadi mode HTML, kemudian pastekan kode 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>
3. Kemudian publish, dan sitemap kalian sudah jadi. Kalian bisa pin sitemap ke sidebar di blogger kalian atau yang lain.

Oke jika ada pertanyaan silahkan tanyakan di komentar di bawah. Jika berkenan silahkan share ke teman-teman kalian yang mungkin memerlukan info ini. Thanks!
DMCA.com Protection Status