How To Make Cool SiteMap In Blog

Sitemap is one important element that should be owned by a blog, because it is a shortcut leading to the post that number has counted many of us posting on blogs / sites that we have (I think). Sitemap or that we often translated as "Contents" This is easy if placed as a widget, but what if in a post?

I am looking for the right script to load the site map but no match, and a lot of scripts that style is less suited to my blog.
 

Well, after searching here there eventually with the help of my friend's url in the blog, I finally found a script Sitemap / Table of Contents accordingly. It looks cool with the show-hide effect, using Javascript Accordion is certainly not free as an SEO Friendly sitemap.
Ok, Get to the point.

1. First of all go to Blogger
2. Select the Post tab on the dashboard
3. Choose a New Page / NewPost Or NewPage, Put the title post to your liking.
4. Last Copy Paste the code below:

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.cb-master.net/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

5. Change the code www.cb-master.net withe your url blog.

6. Publish your Post or Page and see the results.

 

Example: My SiteMap

 

 

Dalam bahasa Indonesia

1. Pertama-tama masuk ke Blogger
2. Pilih tab Posting di dashboard
3. Pilih Laman Baru/NewPost Atau NewPage, Masukan judul Posting sesuai dengan keinginan anda.
4. Terakhir Copy Paste kode dibawah ini:

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.cb-master.net/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

5. Ubah kode www.cb-master.net dengan url blog anda

6. Publish posting anda dan lihat hasilnya.

 

Contoh: SiteMap Saya

Berikut adalah tampilan sitemap/Daftar Isi blog saya menggunakan script accordion dari kang Abu Farhan :

 

 

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di CBM