Senin, 12 Mei 2014

MEMBUAT DAFTAR ISI DENGAN MENGGUNAKAN SCROOL


Kali ini saya akan memberikan sebuah cara membuat daftar isi dengan menggunakan scrool di pinggir blog sobat,
Ok langsung saja sob kita ke topi pembahasan.
    1.       Login dulu ke blog sobat
    2.       Masuk ke desaign atau  entri baru yang berada di pojok kanan blog sobat.
    3.       Masuk ke TATA LETAK
    4.       Tambah kan gadget yang berada di sebelah kanan
    5.       Sobat cari tulisan HTML/JAVASCRIPT
    6.       Sebagai contoh nya sobat masukan kode script di bawah ini, copy dan paste pada kolom html/javascript sobat.
style="color: red;">Membuat Menu Navigasi Horizontal</a><br /><a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-menu-navigasi-horizontal-glossy.html" style="color: red;">Glossy di Blog</a><br
 /><span style="color:red;">5. </span><a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-effect-%20%20%20jquery-link-nudging-di.html" style="color: red;">Membuat Effect JQuery Link Nudging di Blog</a><br
 /><span style="color:red;">6. </span><a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-info-panel-slide-vertikal.html" style="color: red;">Membuat Info Panel Slide Vertikal dengan jQuery</a><br
 /><span style="color:red;">7. </span><a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-chatbox-slide-vertikal-dengan.html" style="color: red;">Membuat Chatbox Slide Vertikal Dengan jQuery di Blog</a><br
/><span style="color:red;">8. </span><a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-daftar-isi-dengan-jquery.html" style="color: red;">Membuat Daftar Isi Dengan jQuery Accordion</a><br
 /><span style="color:red;">9. </span><a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-slider-gambar-ala-drakon.html" style="color: red;">Memasang Slider Gambar ala Drakon Template</a><br
/><span style="color:red;">10.</span><a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-gambar-slide-ala-zinmag-primus.html" style="color: red;">Memasang Gambar Slide Ala Zinmag Primus</a><br
 /><span style="color:red;">11.</span><a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-translate-gambar-bendera-di.html" style="color: red;">Memasang Translate Gambar Bendera di Blog</a><br
 /><span style="color:red;">12.</span><a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/membuat-menu-navigasi-horisontal-dan.html" style="color: red;">Membuat Menu Navigasi Horisontal dan Kotak Pencari di Blog</a><br
/><span style="color:red;">13.</span><a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-artikel-berlangganan-di-blog.html" style="color: red;">Memasang Artikel Berlangganan di Blog</a><br /></div><br /></div>
         - Keterangan
            -  Untuk warna MERAH sobat bisa ganti dengan URL yang sobat inginkan.
            -          Dan untuk warna BIRU itu nama dimana di sesuaikan dengan URL yang sobat ingin kan.
      7.       Simpan script html anda, dan untuk judul sobat bisa kosong kan saja. Lalu sobat perbaruhui blog sobat maka akan tampil daftar isi dengan menggunakan scrool.

Sekian dan semoga bermanfaat untuk para bloger. Terimakasih.


Tidak ada komentar:

Posting Komentar