Home » , » Cara Mudah Membuat Daftar Isi Secara Manual

Cara Mudah Membuat Daftar Isi Secara Manual

Pada postingan sebelumnya saya sudah post kan Membuat daftar isi secara otomatis. Pada kesempatan ini saya akan coba untuk membuat daftar isi / List Of Content blog dengan cara manual. Maksud nya begini, daftar isi blog akan kita buat dengan mengentrikan satu persatu judul postingan kita sehingga akan menggambarkan isi dari blog milik kita.

Cara membuat daftar isi yang akan saya tuliskan ini jika menggunakan fungsi scroll. Untuk melihat tips membuat menu scroll dapat dilihat disini. Atau saya sarankan untuk membuat daftar isi yang lebih bagus lagi 

Berikut ini langkah-langkahnya cara membuat daftar isi blog secara manual:
1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Kopas kode di bawah ini
<div style="overflow:auto;width:475px;height:120px;padding:10px;border:1px solid #eee">
dan di akhiri dengan kode dibawah ini</div>

Untuk daftar isinya anda letakkan diantara kedua kode tadi (ditengah-tengahnya) Contoh kode-kode untuk daftar isi seperti ini :
<div style="overflow:auto;width:auto;height:50px;padding:10px;border:1px solid #eee">
<a href="http://blogger-sidakaton.blogspot.com/2012/06/software-mempercepat-kinerja-komputer.html">Software Mempercepat Kinerja Komputer</a><br/>

<a href="http://blogger-sidakaton.blogspot.com/2012/06/cara-mengetahui-password-wifi.html">Cara Mengetahui Password Wifi</a><br/>

<a href="http://blogger-sidakaton.blogspot.com/2012/04/mesin-untuk-mencari-sumber-ilmu.html">Mesin Untuk Mencari Sumber Ilmu</a><br/></div>

Hasilnya:

Pada kata-kata yang berwarna merah merupakan kalimat yang akan muncul pada daftar isi.Pada kata-kata yang berwarna biru merupakan alamat url judul postingan




source : http://www.barajakom.blogspot.com/
Bagikan ke:

+ komentar + 2 komentar

17 Mei 2015 pukul 20.34

thanks buat infonya gan,, snagat bermanfaat sekali.

http://goo.gl/UzoTsG

19 April 2017 pukul 08.09

Thanks infonya gan..

https://berthoerizal.blogspot.co.id/

Posting Komentar

 
Copyright © 2011 - 2012. Agoengsang - All Rights Reserved Sitemap · Privacy Policy · Pasang Iklan Proudly Powered by Blogger