Trik Memasang Fungsi Scroll

Trik Memasang Fungsi Scroll

Posted by rike on 0

Scroll atau dalam bahasa Indonesia disebut "gulungan". Dari arti tersebut kamu pasti sudah menduga ke arah mana trik blogger kali ini. Fungsi scroll dimaksudkan agar suatu bentuk tulisan dapat ditampilkan dengan fungsi menggulung. Adapun kode HTML yang dipakai dalam membuat fungsi scroll ini adalah overflow:auto, height, dan width. Sehingga jika kamu kode-kan, maka akan terbentuk sebuah scrollbox berisikan teks yang dapat digulung.

Contoh Scrollbox I :

Optimasi Blog



Tips SEO



Trik Blogger



Search Engine



Blog Directory



Blogger Stuff



Source Code



Kode HTML



Widget ataU Gadget



Blogger Indonesia

Dari contoh di atas akan kita dapatkan kode HTMLnya adalah sebagai berikut :

<div style="overflow:auto; height:100px; width:250px">Optimasi Blog<br/>

Tips SEO<br/>

Trik Blogger<br/>

Search Engine<br/>

Blog Directory<br/>

Blogger Stuff<br/>

Source Code<br/>

Kode HTML<br/>

Widget ataU Gadget<br/>

Blogger Indonesia</div>

Scrollbox tersebut bisa pula kamu tambahkan dengan kode HTML lainnya seperti padding dan border, sehingga kodenya seperti di bawah ini :

<div style="overflow:auto; height:100px; width:250px; padding:10px; border:1px solid #eeeeee">Optimasi Blog<br/>

Tips SEO<br/>

Trik Blogger<br/>

Search Engine<br/>

Blog Directory<br/>

Blogger Stuff<br/>

Source Code<br/>

Kode HTML<br/>

Widget ataU Gadget<br/>

Blogger Indonesia</div>

Hasil Scrollbox II :

Optimasi Blog



Tips SEO



Trik Blogger



Search Engine



Blog Directory



Blogger Stuff



Source Code



Kode HTML



Widget ataU Gadget



Blogger Indonesia

Coba kamu amati perbedaan antara "Scrollbox I" dengan "Scrollbox II", perbedaan tersebut dikarenakan penambahan kode border (garis tepi) dan padding (jarak antara scrollbox dengan teks).

Mudah bukan!!? selamat membuat scrollbox dalam blog...