Thursday 8 November 2012

membuat daftar isi blog dlm scroll box



cara membuat daftar isi blog
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 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 "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://tjoretan-akoe.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://tjoretan-akoe.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 judulDAFTAR ISI / BLOG CONTENTS
  6. Klik Simpan
Selamat mencoba

0 comments:

Post a Comment

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes