Cara membuat sitemap otomatis . dengan design yang bagus
Salah satu keterbatasan blog adalah kurangnya ruang indeks atau sitemap (daftar isi)
Dan Sitemap dapat mempermudah pengunjung kalian untuk mencari artikel yang dia butuhkan
Seperti Arsip, Label, Random post dan Recent post hanya memberi artikel yang tidak semuanya bisa langsung di tampilkan blog sehingga pengunjung kalian susah untuk mencari artikel yang dia inginkan
Dan Tampilan nya bagaimana ?
Ini dia tampilan nya yang kalian inginkan
Berikut adalah CODE nya
<style type="text/css">www.YOURDOMAIN.com di ganti dengan link website anda
#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:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
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{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
} </style> <div id="toc">
<script src="https://googledrive.com/host/0B2ww3WS8P1MJM2JkeHlyUVp4dnc/" type="text/javascript"></script>
<script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Caranya Pemasangan nya
Lalu Anda buat Laman tersebut .
Pilih HTML Jangan Compose
Letakan code berikut dan lihat apa yang terjadi
Selamat mencoba
Pilih HTML Jangan Compose
Letakan code berikut dan lihat apa yang terjadi
Selamat mencoba
EmoticonEmoticon