Cara Membuat Scrollbar Pada Blogger

Teman-teman tentu pernah melihat sebuah blog yang penuh sesak sehingga memperlambat loading serta memakan halaman sebuah blog atau web? Nah ini Escampur88 akan memberikan sebuah trik khusus agar halaman blog kita tidak terlihat sesak oleh banyaknya picture, menu, banner,dan lainnya. Inilah Caranya membuat Scrollbar.

Tulisan ini juga merupakan uji coba terhadap kehandalan web yang mampu mempharsekan kode HTML sehingga dapat muncul di blog (he...he..)
Sesungguhnya ilmu ini telah banyak digunakan oleh banyak master blogger, mungkin termasuk anda? hasilnya dapat dilihat pada tampilan home dari EsCampur88 (lihat top comenters), gimana sudah mengerti yang dimaksud dengan scrollbar seperti yang dimaksud pada judul diatas bukan?

Secara sederhana scrollbar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi. Ya, tentunya hal ini dapat menghemat ruang pada blog kita. Cara membuat Scrollbar ini gampang, mari ikutin caranya.

1. Buka Blogger. Klik menu Layout -> Page Elements
2. Klik Add a Gadget. Lalu klik tombol + pada HTML/Javascript
3. Masukkan kode yang dibawah ini :
   

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;Tambahkan teks atau kode script disini</div>

Jika Anda ingin menambahkan teks kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan teks yang ingin Anda tampilkan.
Bagaimana gampang bukan? Nah sekarang kamu bisa optimalkan ruang di blog kamu agar tetap padat terisi tetapi tidak memakan ruang.

Masukan E-Mail kamu dibawah ini, dan dapatkan info terbaru dari EsCampur88:

Delivered by FeedBurner

Baca Juga :

Widget by EsCampur88