Home » » Membuat daftar isi blog otomatis dengan scroll

Membuat daftar isi blog otomatis dengan scroll


sumber artikel http://www.membuat.info

Membuat daftar isi blog otomatis untuk blogspot maupun platform blogger berdomain sendiri saya berikan disini secara mudah dan langsung jadi. Memang banyak kegunaan daftar isi blog otomatis bagi sobat salah satunya adalah untuk memudahkan pengunjung menjelajahi konten anda dan memperbanyak pageview blog agan.

Membuat Daftar Isi blog Otomatis

Membuat daftar isi blog otomatis di blogspot mempunyai keunggulan lebih praktis dari pada anda membuat daftar isi manual yang harus mengisinya otomatis setiap kali anda membuat postingan baru. Pada daftar isi blog otomatis ini anda sekali meletakkan script di bawah ini dan hasilnya daftar isi blog blogspot sobat akan update otomatis tanpa ribet ga pake pusing.

Cara membuat daftar isi otomatis di blog

1) Masuk ke account blogger anda. Lalu buat laman baru bukan postingan baru karena lebih statis.
Dashboard > New Post/Edit Post > Edit Pages > Create New Page
 
2) Beri judul Laman tersebut misal "Daftar isi" atau "Daftar isi blog".
3) Setelah itu pindah ke mode HTML seperti gambar di atas >> lalu ganti semua kode yang muncul seperti di lingkaran dengan kode Membuat daftar isi blog otomatis buatan saya di bawah ini;
<div style="height: 300px; overflow: auto; text-align: left; width: 530px;">
<script src="http://yourjavascript.com/12152269523/daftar-isi-otomatis.js">
</script>
<script src="http://www.membuat.info/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
4) Ganti URL blog berwarna merah diatas dengan Url blog sobat.
5) Publikasikan dan lihat hasilnya.

Note : warna hijau untuk mengatur tinggi area scrol daftar isi.
           warna ungu untuk mengatur lebar area scroll daftar isi blog.

AYO... KLIK.. :

0 komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. BELAJAR INTERNET - Artikel COPAS dari berbagai sumber - All Rights Reserved
Template Created by Creating Website Published by TUTUL HANDYCRAFT
Proudly powered by IDA GIAWATI KLIK DISINI UNTUK KEMBALI KEATAS