Selasa, 08 September 2009

Membuat Daftar isi Lebih Elegan

Membuat Daftar isi Lebih Elegan Membuat Daftar isi Lebih Elegan. Kalau sebelumnya saya menuliskan tentang Daftar isi (coba kamu lihat bagaimana tampilan daftar isi tersebut). Ada perbedaan tampilan dan kemudahan dari daftar isi tersebut, bagaimana cara membuatnya?. Baik sekarang Tips Blogger akan membahas tentang bagaimana cara membuat daftar isi tersebut. Langkah pertama tentu kamu harus login terlebih dahulu ke account blogger kamu, kemudian klik "New Post". Buat posting baru atau tulisan baru dengan judul yang kamu inginkan, contohnya Daftar isi atau seluruh posting (terserah kamu deh heheheh). Kemudian pilih Edit Html (lihat disebelah Compose). Untuk lebih jelasnya silahkan baca selengkapnya...



Membuat Daftar isi Lebih Elegan

Setelah kamu melakukan langkah di atas, copy paste seluruh kode di bawah ini pada postingan kamu tadi.

<div style='border: 2px solid rgb(230, 230, 230); width:100%; height:300px; overflow:auto;'><div id="cl_option"> Loading... </div>
<div id="cl_content_list"> </div>
<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
<script src="http://arie.ajha.googlepages.com/Daftarisi.js"> </script>
<script src="http://Namablogkamu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500"> </script>

</div>



Ganti NamaBlogkamu dengan alamat blog yang kamu miliki. Publish dan lihat hasilnya.


Salam Tips Blogger.




Read this | Baca yang ini



Widget by [ Tips Blogger-Tutorial Blogger Pemula ]

6 comments:

kibagus mengatakan...

info yang menarik..!!!
makasih... !

setiadi mengatakan...

makasih banyak... like this..

kartini mengatakan...

masih bingung ay,itu kode Html nya ditaruh diatas postingan atau bawah postingan? makasih ;))

Unknown mengatakan...

sangat bermanfaat.......
trus berkarya.....
makasih.....

ali3n mengatakan...

masih pusing...maklum baru belajar

Hendra Hacc mengatakan...

Buat di atas ane yg pusing, minum obat ya. :D

Makasih tutorialnya, ini nih yg dicari-cari akhirnya ketemu. :)

Posting Komentar

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Untuk menggunakan emotion copy paste kodenya saja, budayakan berkomentar setelah membaca ya .

Note : Harap gunakan nama anda dan jangan menggunakan keyword-keyword tertentu atau komentar anda tidak akan dipublish...