Kamis, 14 Juni 2012

Cara membuat daftar isi blog Otomatis V.2

Tutorial blog Cara membuat

daftar isi blog Otomatis V.2


Jauh sebelumnya larasmadyo sudah pernah membahas Cara membuat daftar isi otomatis hanya saja trik tersebut terlalu muter-muter alias ribet. nah kali ini larasmadyo Dot Com punya trik yang sangat mudah untuk membuat daftar isi blog anda secara otomatis.




BTW sebelum ke TKP sobat blogger sudah paham belum yang dimaksut dengan daftar isi blog otomatis ini ?.Kalau sobat belum mengerti akan saya jelaaskan !. dilihat dari judul tutorial kali ini dengan mendengar kata Otomatis berarti daftar isi ini akan sendirinya menditeksi judul postingan anda sehingga apa bila anda posting artikel baru maka akan langsung masuk kehalaman daftar isi anda daftar isi otomatis ini akan secara otomatis menampilkan isi blog anda Jadi sangat cocok untuk anda yang tidak mau repot.



 langkah-langkah untuk menambahkan daftar isi otomatis ke blog anda adalah sebagai berikut :


  1. Patikan anda sudah Log-in ke akun blog anda

  2. Setelah anda login Pilih Rancangan >Elemen Halaman








  3. Kemudian Klik tambah Widget atau Add Gadget








  4. Pilih Widget HTML/JavaScript






  5. Akan tampil halaman baru seperti ini :






  6. Copas Kede berikut letakan didalam Box HTML/JavaScript diatas



  7. <div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:250px; height:220px; background-color: transparant; inset rgb(8, 8, 8);">

    <script style="text/javascript" src="http://larasmadyo3.googlecode.com/files/daftar%20isi%20otomatis.js">
    </script>
    <script src="http://www.larasmadyo.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
    </script>

    </div>



    NB :


    • width:250px; Adalah Lebar Kotak daftar isi blog silahkan rubah ankanya sesuai template blog anda

    • height:220px; Adalah Tinggi kotak daftar sisi blog anda

    • www.larasmadyo.com Ganti menggunakan alamat Blog anda



  8. Tahap Terakhir silahkan Klik Simpan dan lihat hasilnya

Selamat mencoba......
sumber: http://www.larasmadyo.com/2011/08/tutorial-blog-cara-membuat-daftar-isi.html

Tidak ada komentar:

Posting Komentar

Powered By Blogger