Home » » Cara Membuat Daftar Isi di sidebar dengan scroll

Cara Membuat Daftar Isi di sidebar dengan scroll

Di tulis oleh Ifan Prabowo pada Sunday, March 11, 2012 | 11:13 PM

Saya mau share tentang cara membuat daftar isi yang di sidebar. Langsung aja sobat liat gambarnya :


1. Login Ke Blogger.com
2. Klik Pada Rancangan >> Elemen Laman 
3. Pilih Tambah Gadget
4. Pilih HTML/ Javascript
5. Beri Judul Widget
6. Lalu Paste kode berikut di dalamnya :
<div style="background: none repeat scroll 0% 0% rgb(242, 242, 242);  -moz-border-radius:5px; border: 1px solid rgb(204, 204, 204); height: 350px; overflow: auto; padding: 10px;">
<span id="pbl_labels"></span>
<div id="pbl_posts">
Recent Posts </div>

<script type="text/javascript">
var jumlah_maksimum_post = 20;
var dengan_ringkasan = true;
var jumlah_karakter_ringkasan = 100;
</script>

<script src="http://copycat91.googlecode.com/svn/trunk/recentpostsbylabel.js">
</script>

<script src="http://www.mahasiswalugu.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed">
</script></div><a href="http://mahasiswalugu.blogspot.com/2012/03/cara-membuat-daftar-isi-di-sidebar.html" target="_blank" title="Klik jika sobat mau ini">Get This Widget</a></div>
7. Setelah Itu Klik Simpan.
Keterangan :
   Ganti  www.mahasiswalugu.blogspot.com  dengan alamat URL blog kamu 

   height: 350px (adalah tinggi widget, bisa disesuaikan dengan keinginan masing masing.)
   var jumlah_maksimum_post = 20;    (Adalh Jumlah Entri yang akan di tampilkan pada Widget) 
   var jumlah_karakter_ringkasan = 100;  (Adalah Jumlah karakter teks cuplikan yang akan   ditampilan)


Share this article :
Baca Juga Yang Ini !!

Dapatkan artikel terbaru dari " Mahasiswa Lugu ".

Masukan Email anda disini :


4 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. thanx gan atas infonya.....kalian juga bisa kunjungi situs http://ict.unsri.ac.id/ atau http://elastralsyah.blogspot.com/

    ReplyDelete
  3. Terimakasih gan infonya, blog saya jadi lebih cantik sekarang.

    ReplyDelete

:: MAHASISWA LUGU ::
Just share and save my story

 
Support : Maskolis | RMC | Naeza
Copyright © 2012. Mahasiswa Lugu - All Rights Reserved
Webmaster by Ifan Prabowo