Tweet

Membuat Site Map atau Daftar Isi Jquery Accordion Banyak ahli seo berpendapat bahwa cara untuk mengoptimasi seo suatu halaman artikel adalah salah satunya dengan menghilangkan widget arsip blog yang dipasang. Karena dianggapnya mesin pencari tidak suka dengan adanya 2 link atau lebih pada suatu halaman dengan tujuan yang sama. Sebenarnya permasalahan itu dapat diantisipasi dengan memasang tag rel canonnical pada template blog. Namun ada baiknya melakukan kedua hal tersebut (menghilangkan widget arsip blog dan memasang rel canonnical) untuk lebih mengoptimasi seo suatu halaman pada blog.

Sedangkan untuk masalah navigasi artikel blog dengan membuat widget arsip blog, dapat diantisipasi dengan membuat daftar isi atau site map blog. Daftar isi banyak jenisnya tergantung dari kesukaan masing masing orang saja. Nah, kali ini saya akan berikan trik dalam membuat daftar isi otomatis dengan efek jquery accordion. Klik demo di bawah untuk melihat contohnya.



Berikut langkah langkah pembuatannya :

• Login Ke akun Blogger
• Klik Laman [Daftar Isi akan di buat di sebuah Halaman]
• Klik Laman Baru lalu pilih Laman Kosong
• Copy paste Code di bawah ini :
  <div class="separator" style="clear: both; text-align: center;"> <a href="http://www.blogger.com/blogger.g?blogID=6984301103846628017" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/acc-toc-labelsort-default.css" type="text/css" /> <script type="text/javascript"> var showNew = true, accToc = true, openNewTab = true, maxNew = 10, baru = "Baru Nih!", sDownSpeed = 600, sUpSpeed = 600; </script> <script src="http://kmkosipil.googlecode.com/svn/trunk/Blog/Javascript%20AccordionTOC2.js" type="text/javascript"></script> <script src="http://mkzhackers.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
• Nah, Tinggal diganti mkzhackers.blogspot.com dengan Nama Blog anda
• Selesai

Keterangan :

• baru = Tulisan yang akan ditampilkan di samping judul artikel baru
• maxNew = Jumlah Artikel yang akan terdapat tulisan "Baru Nih!"
• sDownSpeed = Kecepatan membuka daftar Label
• sUpSpeed = Kecepatan menutup daftar Label

Daftar isi ini merupakan daftar isi yang dibuat oleh Abu farhan. Daftar isi tersebut akan memisahkan tiap label artikel blog dan diurutkan berdasarkan waktu terbit artikel. Artikel juga akan secara otomatis akan berada di daftar isi tersebut jika di beri label.
Sekian trik sederhana dalam membuat Daftar Isi atau Site Map blog efek jquery Accordion, semoga bermanfaat.

Suka Artikel ini? Klik G+ yaa...