Membuat Halaman Sitemap atau Daftar Isi Blog Tampilan Dinamis

Contoh tampilan dinamis halaman sitemap atau daftar isi

Halaman sitemap atau biasa disebut juga daftar isi merupakan salah satu fitur yang disuguhkan oleh pemilik blog untuk mempermudah pengunjung mengubek-ubek isi blog. Ini juga salah satu optimasi Seo on page yang sering dilakukan seorang blogger. Bagi kalian yang belum menerapkan halaman daftar isi pada blog, kali ini saya akan memberikan tutorial cara membuat halaman sitemap atau daftar isi blog.

Membuat Halaman Sitemap atau Daftar Isi Tampilan Dinamis

Untuk membuat halaman sitemap, caranya sama dengan membuat halaman seperti biasanya. Hanya saja untuk daftar isi nanti mode penulisannya menggunakan mode HTML. Karena akan ada sript yang akan dimasukkan ke dalam halaman statis tersebut untuk menampilkan daftar isi.

Langkah-langkah :

Pertama silahkan membuat halaman baru seperti biasa pada blog kalian, jangan lupa pakai mode HTML jangan COMPOSE.

Cop kode di bawah ini, lalu pastekan di dalam halaman baru tersebut. Pada tulisan ' YOUR_DOMAIN ' ganti dengan domain blog kalian.

<style type="text/css">
.sbis {
 overflow: hidden;
 position: relative;
 height: 565px;
 margin: 20px 0 40px 0;
}
.sbis iframe {
 display: block;
 width: 100%; 
 height: 680px;
 margin-top: -115px;
 margin-left: -10px;
 padding-right: 10px;
}
</style>
<div class="sbis">
 <iframe src="http://YOUR_DOMAIN/view/flipcard"></iframe>
</div>

Kalian bisa mengganti flipcard dengan tampilan effect yang lain sesuka kalian seperti di bawah ini :

1. classic
2. magazine
3. mosaic
4. sidebar
5. snapshot
6. timeslide

Catatan :

Kode halaman sitemap tersebut akan berjalan pada blog kalian jika blog memenuhi syarat :

1. Blog bisa dikunjungi oleh publik atau siapa saja tanpa harus masuk akun google
2. Feed blog disetting penuh

Saya rasa cukup sampai disini penjelasan saya. selamat mencoba.