Wednesday, May 15, 2013

Cara Membuat Daftar Isi Dalam Scroll Box Blogspot

Cara Membuat Daftar Isi Dalam Scroll Box Blogspot - Sobat belajar semua, kali ini mau share sedikit tentang tips and tricks seputar dunia blogging. Seperti judul di atas, kami mau membagikan tips tentang Cara Membuat Daftar Isi Dalam Scroll Box Blogspot.

Biasanya kalau kita menggunakan blog archive, jika kita mempunyai banyak artikel, maka tampilan blog kita pastinya akan sangat jelek karena banyak memakan space. Untuk itu kita perlu mengakalinya agar daftar isi blog kita tetap tampil, namun tidak menguras space.


Baiklah, untuk menyingkat waktu kita langsung menuju lokasi cara menerapkan tips ini.

1. Pertama login dulu ke blogger sobat di sini

2. Pilihlah blog sobat yang ingin di pasangi widget ini (jika punya lebih dari satu blog)

3. Pilih Layout / Elemen Laman

4. Pilih Add Gadget / tambah gadget

5. Pastekan kode berikut ini :

    <left>
    <div style="border: 4px solid rgb(0, 0, 0); height: 500px; overflow: auto;">
    <link href="http://blogdaftarisi.googlecode.com/files/acc-toc.css" media="screen" rel="stylesheet" type="text/css" />
    <script src="http://blogdaftarisi.googlecode.com/files/toc.js">
    </script>
    <script src="http://portalberitamu.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
    </script>
    <script type="text/javascript">
    var accToc=true;
    </script>
    </div>
    <left></left></left>

Perhatikan:

    Untuk kode berwarna biru untuk tinggi box atau kotaknya, sobat bisa ganti sendiri.
    Untuk kode warna merah, sobat ganti dengan alamat URL blog sobat


6. Klik Save / Simpan

Demikianlah tutorial Cara Membuat Daftar Isi Dalam Scroll Box Blogspot, semoga bermanfaat ...

Artikel Terkait


EmoticonEmoticon