Skip to main content

Membuat Menu Di Blog Dengan Efek Scroll

Sebelumnya Saya sudah membuat artikel cara Mengatasi URL Menjadi Link Aktif Di Komentar Disqus. Dan Pada kesempatan kali ini saya akan mencoba berbagi tutorial kepada sobat blogger, yaitu Cara Membuat dan Memasang Menu Di Blog Dengan Efek Scroll.

Fungsi dan kegunaan menu ini adalah agar menu yang kita buat tidak memakan tempat, karena lebar dan panjang menu bisa kita sesuaikan dengan lebar space halaman blog.

Pertama kali saya ingin membuat menu dengan efek scroll ini saya pikir susah, padahal jika kita mengerti bahasa pemrograman, membuat menu seperti ini sangatlah mudah. Untuk penghematan tempat, jika anda mempunyai daftar menu yang sangat panjang, menu dengan efek scroll ini bisa menjadi solusi yang tepat selain menggunakan marquee atau text berjalan. Dan pembuatan menu ini tidak menggunakan kode HTML yang banyak dan ribet, hanya sedikit kode CSS dan HTML, anda sudah bisa membuat menunya.

Menu ini bisa juga anda menfaatkan dalam menempatkan blogroll yang panjang atau daftar menu postingan yang anda miliki.

Jika Anda ingin mencoba membuat menu dengan fungsi scroll ini, mari kita ikuti caranya dibawah ini.

Yang pertama

Simpan CSS dibawah ini di atas kode ]]></b:skin>

.menu-scroll {overflow:auto;
width:320px;
height:250px;
padding:10px;
border:1px solid #eee}

Keterangan :

320 --> lebar menu.
250 --> tinggi menu.
padding --> jarak antar tulisan dengan garis pinggir.
border --> ketebalan garis pinggir.
Tinggal Anda sesuaikan saja dengan blog Anda.

Yang kedua

Gunakan kode HTML dibawah ini pada menu yang akan di buat dengan efek scroll.

<div class="menu-scroll">

Disini kode menu yang akan di buat efek scroll...

</div>

Nah, dengan sedikit CSS dan HTML seperti cara di atas, Anda sudah bisa Membuat Menu Di Blog Dengan Efek Scroll


You Might Also Like:

Buka Komentar