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
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
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...
Trims bos ats infonya yg bagus2, sklian tanya bos, klo membuat sidebar seperti punyanya bos ( maksdunya seperti label posting dikanan atas, bagaimana ya? Mohon pencerahannya :D
BalasHapusto Caplin_Banjar: mungkin maksudnya membuat sidebar yang terpisah-pisah, mudah-mudahan nanti akan diulas triknya karena agak panjang klo di komentarin... tunggu ya...
BalasHapussip bangt nih tutorialnyak
BalasHapusmy blog
makasii infonya :D
BalasHapusaku udah nyoba pasang dblog aku dan berhasil
hhehehe
makasih ya infonya ... berguna banget...
BalasHapusTrims sob atas tutorialnya.. ijin copas didkit2 ya..
BalasHapusmakasi brow.... gw terbantu banget :))
BalasHapusiya mudah frend thanks yah
BalasHapusmantab sob
BalasHapusMakasih tutorialnya sobat...
BalasHapusmakasih infonya om
BalasHapustrik yang sangat bermanfaat
BalasHapusom lamu pasang skrool tapi di postingan gimana ea
BalasHapus@chibuy sama mas kodenya, intinya asal teks dalam kode scroll melebihi tinggi scrollbox (ex: height:100px;). Jika kurang dari itu, scroll tidak akan muncul...
BalasHapuskeren nih tutorialnya mas
BalasHapuskereenn
BalasHapus