Artikel Terbaru :
Home » » Cara Membuat Daftar Isi Blog Berdasarkan Label Otomatis

Cara Membuat Daftar Isi Blog Berdasarkan Label Otomatis

Rabu, 31 Oktober 2012 | 13komentar

Cara Membuat Daftar Isi Blog Berdasarkan Label Otomatis

Daftar Isi  pada umumnya kita gunakan sebagai petunjuk atau informasi sudah berapa banyak artikel yang selama ini sudah kita buat di dalam blog kita. Kadang kita merasa malas apabila kita harus membuat dan mengisi daftar isi tersebut secara manual setiap kali kita selesai meng update artikel. Maka dari itu kali ini saya akan berbagi informasi tentang bagaimana cara membuat daftar isi  berdasarkan label secara otomatis mengisi sendiri setiap kita selesai membuat artikel. Berikut caranya.
Pertama masuk dahulu ke dalam akun Blogger anda. 
Buka menu Posting atau Posts kemudian kita klik Entri Baru atau New Post
Setelah masuk ke dalam halaman editor posting pilih dalam mode HTML bukan Compose. Lalu copy paste kan kode di bawah ini ke dalam halaman editor posting :
<script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"></script><script src="http://blogzafar.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
Ganti text yang berwarna merah diatas dengan alamat blog anda. Simpan dan Lihat hasilnya. Berikut contoh tampilan daftar isi berdasarkan label dari blogzafar



Namun misal anda menginginkan menggunakan fungsi scroll karena daftar isi dirasa sudah terlalu banyak dan terlalu banyak memakan tempat (memanjang ke bawah) maka bisa menambahkan kode berwarna biru di bawah ini.
<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height: 500px; background-color: none; text-align: left;"> <script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"></script><script src="http://www.kiosbisnis.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
Jangan lupa untuk mengganti teks berwarna merah dengan alamat blog anda. Simpan dan Lihat hasilnya. Berikut contoh tampilan daftar isi berdasarkan label menggunakan fungsi scroll dari blogzafar
  contoh cara buat laman daftar isi
petama login ke blogger anda  klik laman==>Laman Baru==>Laman kosong
 Setelah terbuka ketikan Judul Laman yang di inginkan 
Lalu klik HTML isikan salah satu kode di atas ke dalam posting
Setelah selesai Publiskan dan lihat hasilnya



Selamat mencoba dan Semoga Bermanfaat.

Share this article :

ARTIKEL TERKAIT:

13 komentar:

  1. terimakasih atas informasinya,, sy sangat terbantu dengan postingan ini..

    BalasHapus
  2. ijin pasang scripnyA YAA....jika berkenan boleh mampir ke blog saya sekalian liat hasilnya...terima kasiih

    http://budiseplawan.blogspot.com

    BalasHapus
  3. terima kasih infonya,,, ini blog saya momentum45.blogspot.com
    salam kenal,,

    BalasHapus
  4. Terima Kasih atas informasinya...
    ini bermanfaat untuk saya yang masih belajar Blog.

    Blog Saya

    BalasHapus
  5. Terima kasih atas informasinya....

    Blog Saya

    BalasHapus
  6. Terima kasih tipsnya, sudah saya coba di blog baru ... oke ,,,

    BalasHapus
  7. info yg sangat bagus dan sangat bermanfaat bagi saya, kunjungi juga blog saya www.ankurniawan.blogspot.com

    BalasHapus
  8. mau nanya nih: bagaimana caranya membuat tulisan label berwarna (bukan baground yg warna) bagaiaman caranya??? contohnya di blog kan ada:
    Home
    Contact Us
    Tukar Link
    Tutorial Blog
    Software
    Komputer
    Buku Gratis

    maunya saya label yg lain warna tulisannya tetap hitam, tapi khusus label "buku gratis" diberi warna merah dan kl bisa berkedip-kedip, jadi kesannya itu label penting gitu.

    BalasHapus
  9. infonya cukup menarik dan sangat bermanfaat, izin copy scriptnya ya kawan, :)

    jangan lupa berkunjung http://sahabatbloggerr.blogspot.com/

    terimakasih :)

    BalasHapus
  10. sangat membantu gan..
    kunjungi
    www.deanara.blogspot.com

    BalasHapus

Silahkan tinggalkan komentar sobat , tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

 
Support : Copyright © 2011. Tips Trik Blog | Dan Cara Buat Website - All Rights Reserved
Template Modify by Siti Saleha
Proudly powered by Blogger| Thanks For Visiting