Membuat Daftar Isi di Blog

Assalamualaikum, kali ini saya akan berbagi tips untuk membuat daftar isi/sitemap agar blog kita lebih rapi dan mudah untuk di jelajahi. Juga bisa terlihat semakin keren dan pastinya juga akan ringan, langsung saja caranya :

1. Buka blogger dan login dengan akun sobat
2. Pilih tab laman, buat laman baru
3. Pilih HTML 
4. Kemudian copy-paste kode ini :


<style type="text/css">
/*Outer Border
------------------*/

#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);}

/*Label Color and Background
------------------*/

.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{text-transform:uppercase;}

/*Latest Post Info
------------------*/

.new{color:#FF5F00;font-weight:bold;font-style:italic}

/*Post Title List
------------------*/

.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 type="text/javascript" src="http://dvslabs.googlecode.com/files/customizable-TOC.js"></script>
<script src="http://yourblogname.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

5. Kemudian publikasikan

demikian cara membuat sitemap dengan mudah. Sekian, Wassalamualaikum 

CONVERSATION

0 komentar:

Post a Comment

Silahkan berkomentar sesuai kesan anda, tetapi jangan tinggalkan norma-norma kesopanan. Syukron