Membuat Fungsi Scroll Untuk Menghemat Ruang

Membuat Fungsi Scroll Untuk Menghemat Ruang

Situseo Blog : Seperti halnya kita membuat spoiler atau teks area, dalam pembuatan fungsi scroll dalam blog berfungsi untuk menghemat halaman post maupun sidebar, dengan membuat ukuran yang sesuai dengan panjang dan lebar template kita.

Fungsi scroll tidak hanya bisa digunakan dalam suatu posting, bisa juga digunakan dalam sidebar untuk menghemat ruang sidebar atau untuk menghemat ruang dalam komentar yang berderet panjang, untuk membuat fungsi scroll ini tidak membutuhkan kode HTML yang panjang, hanya membutuhkan script seperti dibawah ini :

<div style="overflow:auto;width:350px;height:150px;padding:10px;border:1px solid #C33F00">
ISI SCROLL BAR
</div> 

Sebagai contoh kita akan membuat menu post dengan memakai fungsi scroll, penerapannya seperti contoh dibawah ini :

<div style="overflow:auto;width:350px;height:150px;padding:10px;border:1px solid #C33F00">  
1. Isi Scroll bar hanya dengan sebuah teks

2. Isi Scroll bar dengan sebuah link <a href="http://situseo.blogspot.com/2011/10/pembuatan-teks-area.html">Cara Membuat Teks Area Untuk Blogspot</a>  

3. Isi scroll bar dengan sebuah gambar <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAumJrLuGtX_j9g31wyqyBrAR0OC35lV2McAHomS4o-XAhi1QPO15cLT3Mig1YhoAWdIzQQrzyLp397h46q6AoT5v6VflnxzsUIwcPoUp9yLW28CRHEEzgIxjgN365XxrdFllJGv3WBxI/s1600/Situseo+no+image.jpg" /> 
</div> 

Hasilnya :

1. Isi Scroll bar hanya dengan sebuah teks

2. Isi Scroll bar dengan sebuah link Cara Membuat Teks Area Untuk Blogspot

3. Isi scroll bar dengan sebuah gambar

Keterangan :
width:350px : merupakan lebar dari scroll bar
height:150px : merupakan tinggi dari scroll bar
padding : merupakan jarak antara garis pinggir
border : merupakan ketebalan garis frame

yang saya contohkan hanya sebagai ilustrasi saja, kalian bisa mengisi fungsi scroll dengan item-item yang kalian inginkan.

Semoga bermanfaat,

Daftar Artikel: