Pada Tutorial blog kali ini saya akan kasih tips cara membuat Scroll Box. Scroll Box banyak digunakan di web atau blog. Scroll Box sangat berguna sekali untuk menghemat tempat, terutama bila halaman web atau blog sudah penuh dan sementara masih banyak artikel atau apa saja yang ingin tetap ditampilkan pada satu halaman. Scroll Box selain bisa digunakan untuk tempat artikel, banyak juga yang menggunakan Scroll Box sebagai tempat daftar isi.
Cara membuat Scroll Box sangat mudah, silahkan anda perhatikan contoh dibawah ini berikut kodenya :
Silahkan anda bisa mengisi artikel atau daftar isi atau apa saja disini. Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll box secara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak.
Berikut Kode untuk scroll box diatas :
Anda juga bisa memberi warna sesuka anda, seperti scroll box dibawah ini berikut kodenya :
CONTOH DAFTAR ISI TUTORIAL BLOG
Cara pasang tombol share
Cara mencari kode HTML
Cara membuat Blog menjadi Dofollow
Cara membuat textarea dengan tombol "select all"
Cara membuat effek scroll pada Titel Bar
Cara membuat tanggal otomatis update
Cara Membuat Pop-up Window
Cara Membuat Navigasi Halaman
Cara Membuat Subscribe email pada blog
Cara membuat efek shadow pada kotak dan gambar
Cara Membuat Tabel (Tahap 2)
Cara membuat List pada daftar
Cara pasang Iklan diatas postingan
Cara membuat "Embed ULR, HTML, Link Forum" dibawah artikel
Cara membuat artikel berhubungan
Cara Menambah widget pengatur Ukuran dan Warna teks pada Blog
Cara Menambahkan Efek Teks pada Cursor Mouse
Cara buat kotak Pencarian
Cara buat Menu navigasi Drop-Down Horisontal
Cara Membuat Label Animasi "blogumulus"
Cara membuat Tag Cloud
Cara Pasang Radio Online
Cara Membuat label di blog
Cara membuat Slider
Cara membuat slideshow
Cara Membuat variasi Font pada Teks
Cara Buat Kotak atau Teks Area
Cara membuat Scroll Box
Cara Membuat Tabel (Tahap 1)
Cara membuat Link Terbuka di halaman Baru
Cara Menambah Gadget diatas Header
Cara Buat Sitemap / Peta Situs
Cara buat tabel kode warna
Cara Membuat Teks Berjalan ( Marquee )
Cara Membuat Refresh Otomatis pada Blog
Cara Membuat Rounded Corner
Cara membuat Text-Shadow
Cara Memasang Background Gambar pada postingan
Cara membuat daftar isi otomatis
Cara Menambah Widget Jam pada Blog
Cara Membuat Read more
Cara Menghilangkan Navbar Pada blog
Cara Membuat Navbar Auto-Hide
Cara Membuat Forum Login
Cara Membuat Anti Copy Paste
Cara Membuat pesan selamat datang
Cara Membuat Animasi Status Loading
Cara Membuat Text Area blok Otomatis
Berikut Kode untuk scroll box diatas :
Silahkan anda ganti teks berwarna merah dia atas dengan daftar isi milik anda. Untuk memilih warna beserta kodenya silahkan anda lihat tabel kode warna yang ada disebelah samping halaman ini.
Demikian cara membuat scroll box,
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.
0 komentar:
Posting Komentar