Membuat Daftar Isi Otomatis di Blog *RePost

Browse » Home

Membuat Daftar Isi Otomatis di Blog *RePost

Membuat Daftar Isi Otomatis di Blog - Salah satu keuntungan memasang daftar isi di blog adalah untuk mempermudah pengunjung untuk mencari artikel yang mereka inginkan selain melalui kotak search. Daftar isi ini sudah di bagi otomatis menurut label yang kita beri di setiap artikel yang kita buat. Selain itu, setiap artikel kita yang baru kita buat akan terdapat kata 'new' !

Belum pernah lihat daftar isi nya seperti apa ? coba cek di link berikut http://dopind.blogspot.com/2011/10/daftar-isi.html atau klik pilihan menu di atas yang berjudul 'daftar isi'. Gimana ? tertarik menggunakan nya ? Ayo ikuti langkah-langkah berikut untuk membuat daftar isi ^_^

Login ke blogger
Klik 'Rancangan' atau 'Design'
Lalu klik 'Tambah Gadget' atau 'Add a Gadget' lalu cari dan klik 'HTML/ Javascript'
Copy Paste kode berikut pada halaman yang terbuka tadi

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://deo.googlecode.com/files/deopradipta.js"></script><script src="http://dopind.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

#Ganti kode berwarna merah dengan ukuran lebar yang kalian inginkan
#Ganti kode berwarna biru dengan ukuran tinggi yang kalian inginkan
#Ganti kode warna hijau dengan alamat blog kalian
Atau buat 'new post' atau 'new page' dan kopy paste kode berikut ke dalam kotak entri..

<script style="text/javascript" src="https://sites.google.com/site/antigaptekjs/javacript/daftarisi.js"></script><script src=http://dopind.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc></script>

#Ganti kode warna hijau dengan alamat blog kalian
Sudah itu saja kawan langkah-langkahnya buat daftar isi blog sendiri , coba lihat lagi contoh daftar isinya disini http://dopind.blogspot.com/2011/10/daftar-isi.html .. semoga bermanfaat ^_^

http://dopind.blogspot.com/2011/10/membuat-daftar-isi-otomatis-di-blog.html

27 komentar:

M Imron Pribadi mengatakan...: mantaf sekali mas, sukses saya coba dan website saya semakin ok dengan tuturial dari anda salam makrifatbusiness.net

http://imronpribadi.com
http://makrifatbusiness.net; 22 Maret 2012 pukul 11.51
M Imron Pribadi mengatakan...: terus dan terus dan terus dan terus update , saya senang mengikutinya dan bagaimana kalau isi blog anda ini saya copas di blog saya dengan tetap mencantumkan link asal sumber blog anda.; 22 Maret 2012 pukul 11.53
Deo Pradipta mengatakan...: makasih udah ikutan terus ya sob ^^

silahkan aja sob.. gapapa kok.. yg penting ada link sumbernya :D; 22 Maret 2012 pukul 13.52
ghaninetwork mengatakan...: artikel diblog anda sangat bermutu dan bermanfaat bagi saya, saya akan berkunjung kesini lagi
Terima Kasih...; 27 Maret 2012 pukul 20.51
Deo Pradipta mengatakan...: wah.. makasih yak sob.. iya silahkan ^_^; 28 Maret 2012 pukul 12.46
Unknown mengatakan...: Mantabb ...
Semangat teruss kk !
Maju terus Blogger Indonesia ^^

salam, AlmerKautsar; 28 Maret 2012 pukul 14.19
Deo Pradipta mengatakan...: yoyoi sob.. maju blogger Indonesia ^^; 28 Maret 2012 pukul 14.38
Bahrul mengatakan...: cara naruh di menu kayak punya km gimana??; 6 April 2012 pukul 07.47
Deo Pradipta mengatakan...: ya pasang di postingan aja sob ^_^; 6 April 2012 pukul 09.38
Superboy mengatakan...: makasih tipsnya om...
berhasil; 6 April 2012 pukul 19.15
Deo Pradipta mengatakan...: iya sob.. sama2 yaa ^_^; 6 April 2012 pukul 19.43
antigaptek mengatakan...: koq ga ada link sumber'a,..?? ini kan scriptq,..???; 18 April 2012 pukul 15.40
Deo Pradipta mengatakan...: di jQuery nya kan sudah ada sob .. langsung link ke pnya agan kan (?)^_^; 18 April 2012 pukul 17.23
Unknown mengatakan...: bagus bangth mas .sekarang blog saya semakin manis saja ...makasih mas ..

cayoooo; 2 Mei 2012 pukul 14.13
Deo Pradipta mengatakan...: wah.. manis ? beneran manis tuh blog ente ? :D oke sobbb :); 3 Mei 2012 pukul 13.18
Ropink mengatakan...: giamna kabarnya Sob?; 17 Mei 2012 pukul 09.05
Area Dangdut Koplo mengatakan...: jadi pengen coba nich, makasih infonya; 17 Mei 2012 pukul 09.07
Deo Pradipta mengatakan...: @ropink : baik aja sob.. lg sibuk bales komentar temen2 nih ^_^

@area : silahkan di coba :); 17 Mei 2012 pukul 10.16
Opick mengatakan...: mantap izin sedot kodenya kang; 30 Mei 2012 pukul 21.10
Administrator mengatakan...: kang,kalo boleh tahu kotak tips dan trik membuat blog kodenya gimana?
Untuk balasannya koment ya di blog ane. Thanks; 30 Mei 2012 pukul 21.17
Deo Pradipta mengatakan...: @opick : silahkan disedot sampai habis :D
@opick T : CSS sob.. wahh.. rahasia dong :p; 31 Mei 2012 pukul 17.10
BoWo mengatakan...: numpng mampir gan... salam knal gan; 15 Juni 2012 pukul 07.36
Deo Pradipta mengatakan...: iya sob.. salam kenal ^^; 16 Juni 2012 pukul 21.14
Matin Ahmad mengatakan...: bersandar juga disini..
sudah jauh sana-sini nemu juga., ya walaupun ane ga bisa bikin js sendiri, alhasil ada link pembuatnya.. tapi sangat bagus ni juga.
jangAN lupa mampir di blog ane ya gan; 25 Agustus 2012 pukul 17.21
Deo Pradipta mengatakan...: ehehe.. iyaa sob.. kalo kita blum bisa apa salahnya mencoba2 dulu :)

oke sob.. langsung ke TKP ^_^; 26 Agustus 2012 pukul 01.30
Mang uem mengatakan...: Thanks sudah berbagi ilmunya, sukses selalu...; 10 Oktober 2012 pukul 09.51
Deo Pradipta mengatakan...: samasamaa sob, semogabermanfaat yaa ^_^; 12 Oktober 2012 pukul 18.54