Cara Membuat Daftar Isi Responsive Dengan Scrool

Cara Membuat Daftar Isi Responsive Dengan Scrool

KabarLangit - setelah sebelumnya saya telah posting dua artikel tentang cara membuat daftar isi keren dan daftar isi responsive, kali ini saya akan memberikan cara penerapan Daftar Isi Responsive dilengkapi Dengan Scrool yang berarti anda semakin mempermudah pengunjung dikarenakan tidak harus menarik laman lagi sampai kebawah, anda tinggal menarik scrool pada mouse anda dengan posisi cursor ke kotak daftar isi dan artikel dapat anda pilih tanpa menggangu halaman lainya, berikut cara penerapanya.

Cara Membuat Daftar Isi Responsive Dengan Scrool

Daftar Isi Responsive Dengan Scrool
1. Pada Dasbord => Pilih Laman => Laman Baru.
2. Beri Judul Sitemap atau daftar isi (terserah anda)
3. Selanjutnya pilih pada mode HTML
4. Dan masukkan Kode dibawah berikut ini pada kolom HTML tersebut.

<div style="height: 300px; overflow: auto; text-align: left; width: 530px;"> 
<script type="text/javascript" src="http://yourjavascript.com/94426151015/kabarlangit-sitemap-scrool-responsive.js

">
</script> <script src="http://kabarlangit.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> 
</script></div>

5. Ganti URL blognya dengan blog anda dan Klik Publikasikan, lalu lihat hasilnya pada halaman anda.

Note :
  • Height = Ukuran Tinggi Daftar Isi
  • Width = Ukuran Lebar Daftar Isi

Saya merupakan anak ke 8 dari 8 bersaudara, berwatak keras kepala dan sangat mencintai dunia blogging serta desain.
"Love My Mom"

Previous
Next Post »