Setelah kami memikirkan cukup lama tentang peta situs, akhirnya kami memutuskan untuk membuat satu di blog ini. Ini gunanya supaya lebih mudah mengkategorikan tulisan dan melihat apa saja tulisan yang ada di kategori itu. Sesederhana itu. Kami pun melakukan googling sana sini hingga akhirnya menemukan beberapa link. Jadi, saya membuat sitemap di blog ini berdasarkan tutorial dari blog berikut:
Ini maksudnya cuma menyimpan link saja. Mana tahu suatu hari nanti kami butuh lagi.
Update!
Setelah mencoba tutorial membuat sitemap, ternyata saya lebih suka yang ini:
Mungkin suatu hari saya akan update lagi.
Kodenya adalah:
<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>
<br />
<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&alt=json-in-script&callback=loadtoc">
</script></div>
Posting Komentar