Cara Membuat Sitemap Accordion Di Blog

Sitemap, atau yang bisa disebutkan sebagai peta suatu halaman web adalah salah satu cara kiat dalam meningkatkan SEO.. Anda tahu apakah itu SEO? Search Engine Optimization yang mana mengoptimalkan blog kita atau site kita pada pencarian Search Engine, baik Google, Bing, maupun Yahoo!. Nah saya disini akan mengajak anda bagaimana cara membuat Sitemap dengan efek accordion (Buka-tutup gadget) yang saya kutip dari Abu-Farhan.

Kurang lebih beginilah tampilannya.

 Untuk DEMO silahkan lihat disini

DEMO - Sitemap Accordion.

1. Buat satu halaman (pages). Untuk mengetahui caranya, silahkan baca disini

How To Create a Pages On Blog

2. Kemudian masukkan script berikut pada Edit HTML

<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.oblo.web.id/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="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

3. Klik Publish.

 Nah, anda telah mendapatkan Sitemap..

 Silahkan di share maupun di like dan berikan komentar..
Terima kasih, semoga membantu.

Tweet

Artikel Terkait: