22 Apr 2014

Cara membuat Daftar Isi / Sitemap Otomatis Di Blogger terbaru dan Keren dengan javascript Accordion Style

Sitemap adalah salah satu elemen penting dalam sebuah blog. Karena di Blogger.com tidak menggunakan layanan plugin seperti di WP, maka penggunanya sering kali membuat daftar isi secara manual. Membuat sebuah halaman daftar isi di blogspot mereka. Hal ini juga dipercaya meningkatkan SEO onpage blog mereka tersebut. Dengan membuat daftar isi otomatis dalam blog mereka, pengunjung akan dapat melihat semua postingan yang terdapat dalam blog mereka, biasanya setiap postingan di bagi berdasarkan label atatu kategori.


Cara membuat Daftar Isi / Sitemap Otomatis Di Blogger terbaru dan Keren dengan javascript CSS3 dengan Sliding
Daftar Isi otomatis

Oke, setelah sebelumnya netomaniak telah membuat postingan Cara membuat daftar isi otomatis dengan tabulasi, kali ini saya mencoba membagikan cara membuat daftar isi otomatis dengan efek accordion style, yang tentunya lebih keren dan stylis. javascript yang digunakan boleh dibilang sangat simple dan ringan. Berikut tutorial nya:

1. Login ke blog Kalian dulu.

2. Setelah itu, pilih blog yang akan kalian tambahkan sitemapnya.

3. Lalu klik menu Laman/Page di bilah kiri.

4. Buat sebuah halaman kosong dengan judul sitemap ataupun daftar isi ataupun bebas terserah anda.

5. Setelah itu akan muncul sebuah form untuk menuliskan isi yang akan dipublikasikan dihalaman tersebut.

6.  Klik HTML mode di samping kanan tombol Compose.
Cara Membuat Daftar Isi Otomatis Di Blog terbaru dan Keren
7. Lalu, copy dan masukan kode dibawah ini pada mode html tersebut.


keterangan: ganti www.netomaniak.com dengan alamat blog anda!!!

8. Setelah itu, silahkan Publish atau Simpan. Buka halaman tersebut untuk melihat hasilnya.

Ok, itu dia tutorial Cara Membuat Daftar Isi Otomatis Di Blog terbaru dan Keren. Jika ada kesalahan atau tidak berhasil di terapkan di blog anda, silahkan posting komentar anda di postingan ini.

No comments:

Post a Comment