> Cara membuat daftar isi menggunakan efek marquee

Minggu, 01 Mei 2011

7

Cara membuat daftar isi menggunakan efek marquee

Tampilan Daftar isi dengan menggunakan efek marquee, tidak kalah menarik dengan daftar isi yang menggunakan menu drop down ataupun scroll box. Kelebihan daftar isi ini selain menghemat tempat, juga mempunyai tampilan efek gradasi pada backgroundnya. Dan yang lebih menarik lagi, daftar isi ini menggunakan efek marquee. Sehingga daftar isi terus bergerak keatas, dan daftar isi akan berhenti bila cursor mouse diletakkan tepat diatasnya. Kecepatan gerak daftar isi ditentukan oleh nilai scrollamount, semakin kecil nilainya maka akan semakin lambat.

Berikut ini adalah contoh daftar isi yang menggunakan efek marquee :

DAFTAR ISI :



Bila anda berminat, silahkan ikuti langkah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.






4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.
6. Cari kode di bawah ini atau yang mirip dengan kode ini :

</head>

7. Copy kode di bawah ini dan taruh sebelum kode </head> :
Catatan :
Anda bisa mengganti nilai width (lebar), height (tinggi), border-color, ataupun backgroundnya.
Untuk mengganti warna gradasi, anda bisa baca Cara membuat background warna gradasi

8. Simpan Template.

Langkah selanjutnya anda tinggal menampilkan Daftar isi pada halaman depan blog anda. Perhatikan langkah berikut :
1. Klik Rancangan dan pilih Elemen Laman





2. Tambah Gadget


3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript







4. Copy dan paste kode dibawah ini pada gadget tersebut :
Keterangan :
  • Bila ingin menambahkan daftar isi sesuai kebutuhan anda, caranya tinggal menambah kode seperti ini :
<li><a class="daftarmarquee" href="ULR ARTIKEL" target="_blank">JUDUL ARTIKEL</a></li>
  • Silahkan ganti ULR ARTIKEL dan JUDUL ARTIKEL pada kode diatas.

5. Simpan

Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

Ping your blog, website, or RSS feed for Free



Informasi Artikel :
Judul : "Cara membuat daftar isi menggunakan efek marquee"
Diulas Oleh : | Minggu, 01 Mei 2011 | 07.32
Description : Tampilan Daftar isi dengan menggunakan efek marquee, tidak kalah menarik dengan daftar isi yang me...

Rating : 6.4 Dari 10, Berdasarkan 700+ Dari 7 000+ Pengunjung.



7 komentar:

  1. trus bagai mana cara nya memasukan gambar icon tanda panah seperti pada scroll box punya mu yang berwarna hijau sebelum link link nya, tolong bantuanya ya makasih

    BalasHapus
  2. mksi infonya gan, sangat bermanfaat http://blogger-baline.blogspot.com/

    BalasHapus
  3. itu masangnya harus di codingnya ya. kalau misal di page gitu gimana ?

    BalasHapus

BLOGGER

TUTORIAL BLOGGER

TUTORIAL BLOGGER

REKOMENDASI

REKOMENDASI


Artikel Terbaru

POST POPULER

Entri Populer


DAFTAR ISI

DAFTAR ISI


BLOGGER

HTML

CSS

JAVASCRIPT


BACKLINK

INFO

Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini.
Salam sukses selalu buat kita semua..... Amiiin.

CEO,
www.carabuatwebgratis.com
Noer cholis
Plosokuning V, Minomartani,
Ngaglik, Sleman, Yogyakarta.

TUKAR LINK

TUKAR LINK






Baca artikel "Manfaat Tukar Link"

CHAT

CHAT



TESTIMONI

Bila anda merasa artikel ataupun tutorial yang ada di Blog ini bermanfaat, anda bisa berikan suport comment melalui form ini. Form ini sangat bagus sebagai BACKLINK buat blog anda, silahkan tinggalkan link anda....

RECENT COMMENT

Ada kesalahan di dalam gadget ini

top down