Cara Membuat Daftar isi Blog Otomatis Berdasarkan Label

Cara Membuat Daftar isi Blog Otomatis Berdasarkan Label - Nah pada kesempatan kali ini Nona Burger ingin berbagi tips tentang cara mudah membuat daftar isi blog berdasarkan Label Seperti pada gambar berikut :

Nona Burger tidak menjelaskan lagi apa fungsi dari daftar isi, pastinya anda sobat Blogger sudah pada tau kegunaannya. Memasang daftar isi yang ini tidak begitu sulit seperti memasang daftar isi keren menggunakan JQuery karena anda tidak perlu melakukan Edit HTML. Namun dari segi tampilan, Daftar isi dengan JQuery memang lebih keren jika dibanding dengan daftar isi ini.

Daftar Isi bisa anda letakan dibagian sidebar atau didalam postingan. Langsung saja berikut langkah-langkah untuk memasang widget daftar isi otomatis.

Memasang daftar isi didalam postingan

1. Buat Sebuah Postingan Baru
2. Pilih mode entri  HTML Bukan Compose

3. Copas kode berikut kedalam halaman Entri HTML

<div style="border: 1px solid #000000; height: 250px; overflow: auto; padding: 5px; width: auto;">
<script src="http://dapurtutorial.googlecode.com/files/daftar-isi-auto.js"></script><script src="http://burger-cheese.blogspot.com//feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

4. Jika sudah publikasikan postingan dan lihat hasilnya

Memasang Daftar Isi Pada Bagian Sidebar Blog

1. Pada bagian dashboar blogger pilih Tata Letak atau Layout
2. Klik Tambah Gadget atau Add a Gadget 
3. Pilih widget HTML/JavaScript
4. Copas kode berikut dan masukan ke kolom HTML/JavaScript

<div style="border: 1px solid #000000; height: 250px; overflow: auto; padding: 5px; width: auto;">
<script src="http://dapurtutorial.googlecode.com/files/daftar-isi-auto.js"></script><script src="http://burger-cheese.blogspot.com//feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

5. Klik Simpan dan Lihat Hasilnya

Keterangan :

• Kode warna merah adalah ukuran tinggi daftar isi silahkan disesuaikan.
• Kode warna biru adalah URL blog silahkan ganti dengan URL Blog milik anda

Mungkin sekian dulu tutorial Cara Membuat Daftar isi Blog Otomatis Berdasarkan Label kali ini. Mudah-mudahan bisa membantu sobat blogger yang lagi membutuhkan daftar isi untuk blognya.

Cara Membuat Teks Berjalan Di Header Blog

1. Log In ke Blogger.

2. Pilih Template => Edit Html.
3. Cari kode script </head>, Untuk mempermudah mencari silahkan tekan ctrl+F pada keyboard dan silahkan tulis kode di atas.

4. Setelah dapat, letakkan kode di bawah ini tepat di bawah kode tadi !!!

<marquee direction='left' scrollamount='5'><font color='black' size='3'>Tuliskan Deskripsi Yang Akan Anda Tampilkan</font></marquee>

Keterangan:
left => arah Teks berjalan yaitu dari kiri ke kanan. Anda dapat merubah left menjadi right
5 => kecepatan Teks berjalan, semakin tinggi angkanya maka akan semakin cepat pula mode action marquenya
black => warna font. Untuk memilih warna lain, silahkan lihat disini : Daftar kode warna HTML

3 => ukuran font (size)
jika dalam keterangan diatas masih ada yang kurang jelas, silahkan berkomentar di kotak komentar di bawah.

5. Selesai, simpan template Anda.