Membuat Daftar ISI Blogger perlabel Hide Show

ads here
Membuat Daftar ISI Blogger perlabel Hide Show - Membuat daftar isi atau SiteMap pada blogger akan sangat menunjang kualitas blog, Karena dengan adanya Daftar ISI atau SiteMap membantu mesin telusur atau Search Engine dalam mengcrawl isi konten yang terdapat dalam Blog. Selain itu juga akan sangat membantu pengunjung untuk melihat keseluruhan isi artikel pada blog dengan Mudah.

Ada banyak bentuk dan disain Daftar ISI yang bertebaran pada blog tutorial tetangga sebelah, Namun pada kesempatan kali ini Expert Blogger akan memberikan tutorial tepatnya kode siap pakai untuk membuat Daftar ISI blogger guna melengkapi fitur-fitur yang penting yang menunjuang keprofesionalan blog sahabat semua.

Daftar Isi Hide Show


Daftar Isi Pada Blogger


Baiklah tanpa perlu bertutur sapa terlalu panjang yang mana Admin yakin bahwa anda belum tentu membaca keseluruhan isi text pada artikel ini, Tapi anda hanya membaca dan melihat bagisn pentingnya saja. untuk itulah Admin persilahkan Anda menyimak tutoriak berikut ini dengan seksama. Akan Tetapi, sebelum anda menerapkan langsung kode yang akan di berikan ini alangkah baiknya anda melihat LIVE DEMO daftar isi yang akan Admin jelaskan berikut:

DEMO SHOW

Langkah-langkah Membuat Daftar ISI Blogger perlabel Hide Show:

Pertama Anda harus login terlebih dahulu ke blog Menggunakan akun gmail yang biasa anda gunakan untuk mengelola blog.


Selanjutnya Create new page atau bisa juga new post. kemudian Copy kode dibawah ini lalu paste pada Area Post. (ingat: paste kode pada mode HTML buka Compose)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script> 
<link href="https://googledrive.com/host/0B685uqap5sAIQWVXbHMyZ2ozX0U/sitemap-v1.css" media="screen" rel="stylesheet" type="text/css">
</link> 
<script src="https://googledrive.com/host/0B685uqap5sAIc0tvWHphd1lvT0E/sitemap-v1.js">
</script> 
<script src="http://expertblogger.org/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script> 
<script type="text/javascript"> var accToc = true; </script> 
<script src="https://sites.google.com/site/bloghostingbagus/javascript/daftarisiv2.js" type="text/javascript">
</script>

 catatan: Silahkan Anda ganti Url (http://expertblogger.org) yang berwarna merah dengan url blog Anda. setelah itu anda Publish page atau post tersebut dan lihatlah hasilnya.


Sekian Tutorial Tentang cara Membuat Daftar Isi Blogger perlabel Hide Show. Semoga bermanfaat dan jangan lupa Follow Blog ini untuk mendapatkan Update artikel menarik berikutnya.


FOLLOW NOW