Sunday, June 2, 2013

Cara Membuat Daftar Isi Blog Sederhana Dengan Scroll

Kreasi | Informasi | Gede Sitdown Blog akan membahas dan menjelaskan kepada sobat blogger semua dalam "Cara Membuat Daftar Isi Blog Sederhana Dengan Scroll ". Daftar isi blog merupakan bagian penting yang terdapat pada blog. Tujuan dari dibuatnya daftar isi menurut saya adalah selain untuk melengkapi tampilan blog supaya kelihatan tampak lebih profesional, juga untuk membantu visitor/pengunjug blog dalam mencari apa yang dicari.

Dan dalam hal ini akan memudahkan para pengunjung
blog tersebut. Coba aja bayangkan jika sobat misalkan berkunjung ke suatu blog dan blog tersebut tanpa adanya daftar isi, mungkin sobat akan kesulitan dalam mencari suatu artikel yang mungkin sedang sobat butuhkan. Memasang daftar isi di blog memang dianjurkan, namun jika isi suatu blog ( artikel ) sudah mencapai ratusan maka daftar isi tersebut besar kemungkinan akan nampak "melorot" dan membuat blog jadi kurang enak dilihat. Nah...untuk mengatasi masalah tersebut,solusinya adalah "bungkus" daftar isi tersebut menggunakan scroll. Dan untuk mengetahui "Cara Membuat Daftar Isi Blog Sederhana Dengan Scroll" langsung saja sobat blogger ikuti langkah-langkah  berikut ini :


Silahkan di copy kode HTML di bawah ini :

<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://gedesitdownblog.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>

Keterangan :
- Ganti http://gedesitdownblog.blogspot.com/ dengan URL/alamat blog anda
Height 200px untuk mengatur tinggi daftar isi


Cara pasangnya sebagai berikut :


  1. Silahkan login dulu ke Blogger
  2. Klik Rancangan
  3. Klik Elemen Laman
  4. Klik Tambah gadget/Add gadget
  5. Klik opsi HTML/Java Script, lalu paste-kan kode HTML yang telah anda copy tersebut dan beri judul DAFTAR ISI / BLOG CONTENTS/terserah anda
  6. Klik Simpan
  7. Selesai.
Demikian informasi tentang cara membuat daftar isi blog sederhana dengan scroll, selamat mencoba.

No comments:

Post a Comment

Disqus Shortname

Ad Inside Post

Comments system