Cara Membuat Daftar Isi Blog Dalam Scroll Box

Diposting oleh Ivan Adi Sofyan on Sabtu, 14 Juli 2012



Panduan Blogger untuk blogger pemula.Panduan blogger yang akan membahas dan menjelaskan serta membantu sobat blogger semua dalam "Cara Membuat Daftar Isi Blog Dalam Scroll Box".Daftar isiblog merupakan bagian penting yang terdapat pada blog.Tujuan dari dibuatnya daftar isi menurut aku 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 "melorot" 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://ivan-a-s.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://ivan-a-s.blogspot.com dengan URL/alamat blog sobat
Height untuk mengatur tinggi daftar isi
  • Silahkan login dulu ke Blogger 
  • Klik Rancangan 
  • Klik Elemen Laman 
  • Klik Tambah gadget/Add gadget 
  • Klik opsi HTML/Java Script,terus paste-kan kode HTML yang telah sobat copy tersebut dan beri judulDAFTAR ISI / BLOG CONTENTS 
  • Klik Simpan

Selamat mencoba,jangan tunda besok apa yang bisa kamu lakukan hari ini.

{ 0 komentar... read them below or add one }

Posting Komentar