Cara Membuat Daftar Isi Responsive Dengan Scrool

Cara Membuat Daftar Isi Responsive Dengan Scrool - 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

Cara Membuat Daftar Isi Responsive Dengan Scrool

1. Log in Blogger anda.
2. Buka Dasboard > Pilih Laman > Laman Baru.
3. Selanjutnya pilih mode HTML
4. Kemudian masukan kode dibawah ini pada kolom HTML tersebut :

  <center>
<div style="border: 4px solid rgb(0, 0, 0); height: 200px; overflow: auto;">
<link href="http://blogdaftarisi.googlecode.com/files/acc-toc.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://blogdaftarisi.googlecode.com/files/toc.js">
</script>
<script src="http://blog-anda.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
</div>
</center>

5. Ganti tulisan berwarna Merah dengan URL blog Anda dan Klik Publikasikan, lalu lihat hasilnya pada halaman anda.

Note :

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

• Tweet
• Share
• Share
• Share
• Share

Info Admin Media Impressive

Terima Kasih Sebelumnya Kepada Pembaca Artikel Media Impressive, Bilamana Ada Yang Kurang Mengerti Didalam Artikel Diatas, Tanyakanlah Di Kolom Komentar. Dan Bagi Anda Yang Ingin MengCopy Paste Artikel Media Impressive Diharapkan Menyertakan Sumber.

Related Post