Kamis, 25 Agustus 2011

Daftar isi per label dengan scroll box

Untuk membuat daftar isi berdasarkan satu label tertentu saja, silakan perhatikan langkah-langkahnya di bawah ini.

1. Setelah Sobat masuk di Blogger, klik Rancangan > Elemen Laman > Tambah Gadget. Kemudian pilih HTML/JavaScript.

2. Berikan judul, lalu copy kode di bawah ini dan paste di Konten.

<div style="overflow:auto; width:auto; height:100px; padding:5px; border:1px solid #e6e4e3;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>

<ol>
<script src="http://www.ptd-mtsnkbmone.blogspot.com/feeds/posts/default/-/Jejaring%20Sosial?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
  • width:auto; menunjukkan lebar scroll box akan mengikuti lebar sidebar.
  • height:100px; menunjukkan tinggi scroll box setinggi 100 piksel. Silakan diganti angkanya untuk mengubah tingginya.
  • border:1px solid #e6e4e3; menunjukkan garis keliling (border) scroll box bergaya solid setebal 1 piksel berwarna #e6e4e3. Silakan disesuaikan dengan keadaan template Sobat.
  • <ol> menunjukkan numbered list, kalau ingin menjadi bullet list silakan diganti dengan <ul>.
  • Ganti klikmunadi.blogspot.com dengan alamat blog Sobat.
  • Ganti Jejaring%20Sosial dengan label yang Sobat inginkan. Penulisan label harus sesuai dengan yang tertera di blog. Perhatikan huruf besar-kecilnya dan spasi diganti dengan %20.
3. Klik tombol SIMPAN.

4. Pindahkan elemen tadi ke tempat yang Sobat inginkan.

5. Klik tombol SIMPAN.

Sebelum mengikuti cara ini, silakan Sobat memasang widget daftar isi karya Abu Farhan seperti yang terpasang di bawah  ini.
  • Masuk ke akun Blogger Anda.
  • Klik tombol ENTRI BARU.
  • Berikan Judul.
  • Copy-paste kode berikut di Edit HTML.
<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://NamaBlogAnda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
  • Ganti NamaBlogAnda.blogspot.com dengan URL Blogger Anda.
  • Jika tidak ingin ditampilkan di homepage, atur Post tanggal dan waktu di bagian Dijadwalkan pada.
  • Klik tombol TERBITKAN ENTRI.
  • Buatkan link agar pengunjung dapat mengakses dengan mudah.
 Setelah mengikuti langkah pembuatan daftar isi tadi selanjutnya adalah :

1. Buka daftar isi blog Sobat.

2. Blok posting-posting dari label mana yang akan di ambil. Misalnya saya mengambil label Jejaring Sosial juga seperti contoh menggunakan script. Setelah diblok, lalu klik kanan dan pilih Lihat Kode Sumber Teks yang Dipilih.


3. Copy semua teks yang muncul di jendela Sumber DOM yang Dipilih.

4. Masuk ke akun Blogger Sobat.

5. Klik Rancangan > Elemen Laman > Tambah Gadget.

6. Pilih HTML/JavaScript.

7. Beri judul, paste kode tadi di Konten. Silakan diedit dan hapus kata-kata yang tidak diperlukan (seperti kata "New" dan lain-lain)

Sedikit pusing memang tapi asyik kan sobat.........

Tidak ada komentar:

Posting Komentar

latihan soal PKn

Tips Blogger

1.Membuat background postingan dengan warna - New !!

  • 2.Text Area - New !!
  • 3.CARA UPLOAD FILE KE YOUTUBE
  • 4.cara membuat blog
  • 5.BUAT FACEBOOK
  • 6.CARA MEMBUAT LABEL
  • 7.Membuat Tex area
  • 8.Mengganti Template
  • 9.Belajar Posting
  • 10.SETING TEMPLATE
  • 11.FOTO ANIMASI SLIDE.COM
  • 12.FlashVortex (animasi)
  • 13.memasang jam pada blog
  • 14.Membuat Tulisan Berjalan
  • 15.Daftar isi per label dengan scroll box - New !
  • 16.Widget Random Posts - New !!

    17.sms gratis

    18.Cara buat twitter 19.CODE WARNA