Friday, 10 May 2013

Cara Membuat Daftar Isi Keren Di Blog

Blog tanpa daftar isi / sitemap bagaikan nasik tanpa lauk,,(hahah,,,super sekali)......wkwkwk
Daftar isi banyak sekali jenisnya, tergantung dari kesukaan masing masing,. Nah, kali ini saya akan posting bagaimana membuat daftar isi keren dan otomatis dengan efek jquery accordion. Klik Daftar Isi Blog ini untuk melihat contohnya.

Caranya Gampang Banget (gak pake mahal wkwwkk) :
  1. Login Ke akun Blogger
  2. Klik Entri Baru [Daftar Isi akan di buat di sebuah Halaman posting baru]
  3. Setelah itu, Klik HTML (jangan Compose), lihat gambar dibawah ini :


  4. 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 href="http://reader-download.googlecode.com/svn/trunk/acc-toc-labelsort-default.css" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">var showNew = true,accToc = true,openNewTab = true,maxNew = 10,baru = "Baru Niee !",sDownSpeed = 600,sUpSpeed = 600;</script>

<script src="http://my-project-daftari-isi.googlecode.com/files/daftar-halaman.js" type="text/javascript"></script>

<script src="http://nyanlon.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Kalo Sobat Mau Kreasikan sendiri boleh jg ,, nieh ane kasi keterangannya :
  • baru = Tulisan yang akan ditampilkan di samping judul artikel baru
  • maxNew = Jumlah Artikel yang akan terdapat tulisan "Baru Niee !"
  • sDownSpeed = Kecepatan membuka daftar Label
  • sUpSpeed = Kecepatan menutup daftar Label 
  • ganti url blog dengan urlt blog anda

Selamat Mencoba, Semoga Berhasil,jgan lupa komentarnya dibwah ya !


BAGIKAN ARTIKEL : Facebook Twitter Google+ Linkedin

Unknown

Perhatian : Semua artikel blog ini sudah diprotect, Bagi yang ingin copy-paste artikel ini, mohon lampirkan sumber linknya. Terima Kasih!

0 komentar:

Post a Comment

 

Copyright @ 2015 INFORMASI DAN TEKNOLOGI.

Designed by Deddy De Gazaa | Boh Jak