Thursday, February 21, 2013

Cara Mudah Membuat Daftar Isi Blog Dengan Scroll Box



Tutorial blogger yang akan membahas dan menjelaskan serta membantu sobat blogger semua dalam "Cara Membuat Daftar Isi Blog Dalam Scroll Box".Daftar isi blog merupakan bagian penting yang terdapat pada blog.Tujuan dari dibuatnya daftar isi menurut akoe adalah selain untuk melengkapi tampilan blog supaya keliatan 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 "kebawah" dan membuat blog jadi kurang enak dilihat. Nah...untuk mengatasi masalah tersebut,solusinya adalah "bungkus" daftar isi tersebut menggunakan scroll box.Dan untuk mengetahui "Cara Membuat Daftar Isi Blog Dalam Scroll Box" langsung saja sobat blogger ikuti langkah-langkah seperti berikut ini :
Silahkan copy dulu 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://bestmechanic.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://bestmechanic.blogspot.com dengan URL/alamat blog sobat
Height untuk mengatur tinggi daftar isi
  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,terus paste-kan kode HTML yang telah sobat copy tersebut dan beri judul DAFTAR ISI / BLOG CONTENTS
  6. Klik Simpan

sumber : bestmechanic.blogspot.com

0 komentar:

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More