Cara Membuat Daftar Isi di Blog

Daftar isi atau sering juga disebut sitemap ini merupakan halaman yang harus ada di sebuah blog atau website. Kata sebagian orang keberadaan halaman daftar isi di blog juga sebagai pertimbangan untuk di terima di Google Adsense. Daftar isi bisa di buat pada halaman statis blog.

Daftar isi/Sitemap

kenapa daftar isi harus ada ?

Karena keberadaan daftar isi di blog sangat memudahkan pengunjung untuk melihat semua konten atau artikel yang ada disebuah blog.

Anda harus membuat daftar isi blog anda semenarik mungkin supaya pengunjung betah dan membuka semua artikel anda. Dan sekarang saya akan berbagi cara membuat daftar isi atau sitemap di blog. Untuk itu ikuti langkah-langkahnya di bawah ini !

Buka Laman pada blog

Laman

Klik Laman baru

Akan muncul seperti gambar di bawah ini !

laman

Masukkan Judul nya bisa "Daftar Isi" atau "Sitemap"
Klik HTML
Copy dan Paste kode di bawah ini

</style>
.post-archive { border: 2px solid #EEEEEE;width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 {background;#EEEEEE; text-align:center;border: 2px solid #EEEEEE; color: #000; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }

@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; }}
</style>
<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="https://googledrive.com/host/0B-qFC4Ni6GSKQnE2b0o5V25tcnc" type="text/javascript"></script> <script src="http://kulkuly.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> </div>