Rabu, 14 Agustus 2013

Cara Mudah Membuat Daftar Isi (Plus Scroll) di Blog

 Cara Mudah Membuat Daftar Isi (Plus Scroll) di Blog – Beberapa waktu yang lalu saya sempat share cara membuat daftar artikel terbaru (recent post) di blog. Nah, kali ini saya akan berbagi bagaimana cara membuat daftar isi atau daftar artikel/post di sidebar blog. Keunggulan dari widget daftar isi ini adalah adanya scroll bar, yang membuat tampilan daftar isi ini menjadi lebih rapi. Tentu saja, dengan adanya widget ini, pengunjung dapat dengan mudah menjelajahi isi blog Anda, termasuk membuka – buka posting lama, dan efeknya page view blog akan meningkat.
Oke, langsung saja. Berikut ini cara memasang / membuat daftar isi (plus scroll) di blog.
1.    Login ke akun Blogger Anda, lalu klik Tata Letak -> Tambahkan Gadget -> HTML Javascript.
2.    Pastekan script berikut, dan isikan judul sesuai dengan keinginan Anda pada kolom Judul.
<div style="border: 1px solid rgb(0, 0, 0); height: 200px; overflow: auto;">
<script src="https://googledrive.com/host/0ByoCwyjwB1aDQnJmSWpieEZkbDg">
</script>
<script>
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
var shownumposts = true;
</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;max-results=999&amp;callback=showrecentposts">
</script></div>
<div align="center" style="font-size: 8px; padding: 20px 5px 5px;">
<a href="http://xxpc123xx.blogspot.com" style="color: black;" target="_blank">Tips SEO + Blog</a></div>
3.    Terakhir, klik Simpan, dan lihat hasilnya.

Selamat mencoba! Tolong klik tombol Google + dibawah, dan jangan lupa untuk meninggalkan komentar pada kolom komentar. Terima kasih, dan salam Blogger!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

11 komentar:

  1. Nice info,.

    jangan lupa visit sob http://setyoadiiw.blogspot.com/

    BalasHapus
  2. Info yang bagus s0b,.....
    bisa di coba nich,......

    visit : http://ilmutkj2.blogspot.com

    BalasHapus
  3. @Bebas Informasi : Trims gan! Trims juga atas kunjungan dan komentarnya... :)

    BalasHapus
  4. Wah ini yang saya cari mas.. makasie ya.. :D

    BalasHapus
  5. terimakasih info dari Anda sangat bermanfaat :)

    BalasHapus
  6. Izin kopy kodenya gan...

    Thanks gan sebelumnya...

    BalasHapus
  7. Thanks Tutorialnya. sangat membantu.

    BalasHapus

Kurang mengerti dengan artikel diatas, ingin menanyakan sesuatu yang kurang jelas atau ingin meninggalkan jejak? Silakan gunakan Kotak Komentar!. Jika Anda ingin meletakkan kode HTML pada kotak komentar, gunakan tools HTML Parser But, remember! Berkomentarlah dengan bahasa yang sopan, tanpa iklan, spam politik, porno, dan hal - hal negatif lainnya. Terima kasih!