Membuat Sajian Dengan Efek Scroll

Baca Juga

Pada waktu yang kemudian Saya sudah membahas Cara Membuat Table Of Contents Valid AMP HTML. Dan Pada kesempatan kali ini aku akan mencoba membuatkan sedikit tips kepada Anda, yaitu Cara Membuat dan Memasang Menu Scrool di Blog.

Fungsi dan kegunaan sajian ini yaitu supaya artikel yang kita posting tidak memakan daerah alasannya yaitu lebar dan panjang sajian dapat kita sesuaikan dengan lebar space halaman blog.

Pertama kali aku ingin menciptakan sajian dengan fungsi scroll ini aku pikir susah, padahal bila kita mengerti bahasa pemrograman, menciptakan sajian menyerupai ini sangatlah mudah. Untuk penghematan daerah bila anda memiliki daftar sajian yang sangat panjang, sajian dengan fungsi scroll ini dapat menjadi solusi yang sempurna selain memakai marquee atau text berjalan. Dan pembuatan sajian ini tidak memakai instruksi HTML yang banyak dan ribet, hanya sedikit instruksi CSS dan HTML, anda sudah dapat menciptakan menunya. Menu ini dapat juga anda menfaatkan dalam menempatkan blogroll yang panjang atau daftar sajian postingan yang anda miliki.

Jika Anda ingin mencoba menciptakan sajian dengan fungsi scroll ini, mari kita ikuti caranya dibawah ini.

Yang pertama

Simpan CSS dibawah ini di atas instruksi ]]></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 goresan pena dengan garis pinggir.
border --> ketebalan garis pinggir.
Tinggal Anda sesuaikan saja dengan blog Anda.

Yang kedua

Gunakan instruksi HTML dibawah ini pada sajian yang akan di buat dengan dampak scroll.

<div class="menu-scroll">
 
 Disini instruksi sajian yang akan di buat dampak scroll...
 
 </div>

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