Cara Membuat Daftar Isi Blog Di Halaman Blogger

Bookmark and Share
Cara membuat daftar isi blog dihalaman dan sidebar
Daftar Isi (sitemap)
daftar isi blog
Cara membuat daftar isi blog untuk ditampilkan dalam satu halaman maupun dengan scrool di sidebar untuk blogspot/blogger dengan mudah secara manual dan tanpa plugin dan langsung bisa menampilkan semua artikel dalam satu halaman daftar isi.

Daftar isi blog otomatis tentu saja memiliki manfaat penting bagi bloger, salah satunya adalah untuk memudahkan pengunjung menjelajahi konten anda dan memperbanyak pageview blog agan.

Untuk Membuat daftar isi blog otomatis blogger 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
A.Daftar Isi Halaman Statis
Daftar Isi (sitemap) Blog
Daftar Isi *sitemap Satu Halaman statis


Langsung saja berikut langkah :
1. Masuk ke account blogger anda
2. Pilih New post (Halaman Baru)
3. Jangan Lupa Pilih HTML (bukan compose) pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau jsesuai keinginan anda.
5. Copy Kode script Sitemap ini :


    <script src="https://sitemapku-blog.googlecode.com/files/contentt.js"></script><script src="http://alamat-blog-anda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


6.Tempelkan dan gantilah teks berwarna merah (http://alamat-blog-anda.blogspot.com) dengan alamat blog kamu.

7.Jika sudah langsung publikasikan. Lihat apakah kamu berhasil Menampilkan daftar isi dalam satu Halaman statis?
MEMBUAT DAFTAR ISI DISIDEBAR DENGAN SCROOL OTOMATIS
DAFTAR ISI DISIDEBAR BLOG
Daftar Isi di Sidebar
Cara Memembuat daftar isi di sidebar (samping) blog

1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi tersebut.
6. Copy kode source daftar isi *sidebarnya:


    <div style="overflow:auto;width:300px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="https://sitemapku-blog.googlecode.com/files/contentt.js"></script><script src="http://alamat-blog-anda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
    </div>


 7.Tempelkan dan gantilah teks berwarna merah (http://alamat-blog-anda.blogspot.com) dengan alamat blog kamu, lalu simpan.

Untuk menyesuaikan tampilan Daftar Isi di sidebar blog ini, anda bisa memodifikasi supaya lebih sesuai dengan template yang anda gunakan. Caranya muda saja. Perhatikan di style:

width:300px : Ganti Lebar (300) Daftar isi sesuai dengan yang diinginkan.

height:120px : Ini adalah tinggi sitemap akan tampil disidebar. Silakan ganti sesuai keinginan anda.
Nah Demikianlah tutorial Cara Membuat  Daftar Isi atau sitemap yang bisa ditampilkan dalam satu halaman statis dan di samping (sidebar). Selamat Mencoba !!!

{ 0 komentar... Views All / Send Comment! }

Posting Komentar