Selasa, 24 Agustus 2010

Cara Membuat Widget Daftar Isi otomatis

09.44 No Comments

Hai sobat semua, apa kabar kalian hari ini, semoga dalam keadaan yang sehat, amin

Postingan kali ini saya akan membahas tentang cara memasang atau membuat widget daftar isi secara otomatis dan sudah dengan fungsi scroll box, sebagai contoh sobat bisa lihat pada sidebar blog ini, pada postingan sebelumnya juga saya membahas tentang cara membuat widget daftar isi otomatis dengan fungsi scroll, namun berbeda dengan kali ini, widget daftar isi sebelumnya akan tampil pada sidebar blog kita beserta label dari setiap postingannya, untuk kali ini widget daftar isi tersebut hanya menampilkan postingan yang sudah pernah diposting keblog, namun jika sobat lebih tertarik dengan widget daftar isi yang tampil pada sidebar berserta label dari postingan tersebut silahkan baca cara memasangnya disini

Untuk memasang atau membuat widget daftar isi yang hanya menampilkan nama-nama postingannya saja silahkan ikuti langkah-langkah dibawah ini dengan baik dan benar, h_h dukung Pulauweb Web Hosting Murah Indonesia


  • Log in ke blogger sobat

  • Masuk ke Rancangan

  • pada Elemen Halaman pilih tambah Gadget atau Add Gadget

  • setelah itu pilih HTML/Javascript

  • Copy dan paste kode dibawah ini kedalam kolom HTML/Javascript tersebut



<div style="border: 1px solid #000; overflow: auto; height: 400px;">

<script style="text/javascript" src="https://sites.google.com/site/bloggermyblog/TableOfContents.js"></script>

<script style="text/javascript">

var numposts = 1000;

var showpostdate = false;

var showpostsummary = false;

var numchars = 100;

var standardstyling = true;

var shownumposts = true;

</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>

</div>

<div align="right" style="padding:16px 5px 5px 5px;font-size:11px">

<a href="http://azrut91.blogspot.com/2010/08/cara-membuat-widget-daftar-isi-otomatis.html" target="_blank" style="color:#000">Powered By Blogger</a>

</div>




  • Simpan dan silahkan lihat hasilnya



  • Selamat Mencoba dan semoga berhasil


Jangan lupa dukung Bukan Sekedar Ngeblog di kontes review Pulauweb Web Hosting Murah Indonesia

0 komentar:

Posting Komentar