Posted by : Bayu Wijaya Permana Putra Sabtu, 31 Agustus 2013

Scrollbar atau yang disebut baris penggulung adalah sebuah kotak yang digunakan untuk menggeser layar agar kita dapat menemukan isi / kontent yang tersembunyi.
Ada 2 macam scrollbar yaitu :

1. Scrollbar tegak, untuk menggeser ke bawah & ke atas lagi (Vertikal). Atau untuk melihat isi / kontent yang ada dibawah & kembali melihat isi / kontent yang ada di atasnya.
2. Scrollbar mendatar, untuk menggeser ke kanan & ke kiri lagi (Horizontal). Atau untuk melihat isi / kontent yang ada dikanan & kembali melihat isi / kontent yang ada di kiri.
Nah disini saya kasih tau code membuat Scrollbar tegak dan bagaimana memasangnya pada blog.
Untuk membuat scroll berikut codenya :

<div style='overflow:auto; width:ancho; height:100px;'>

</div>

Note : </div> ditambahkan di akhir

Dan yang harus dipahami tata peletakannya, karena bila salah sedikit code tersebut tidak akan work.

Sebagai contoh saya memakai scroll ini pada arsip blog, contoh susunannya sebagai berikut :

<div class='widget-content'>
          <div style='overflow:auto; width:ancho; height:100px;'>
          <div id='ArchiveList'>
          <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
          <b:if cond='data:style == &quot;HIERARCHY&quot;'>
          <b:include data='data' name='interval'/>
          </b:if>
          <b:if cond='data:style == &quot;FLAT&quot;'>
          <b:include data='data' name='flat'/>
          </b:if>
          <b:if cond='data:style == &quot;MENU&quot;'>
          <b:include data='data' name='menu'/>
          </b:if>
          </div>
          </div></div>
<b:include name='quickedit'/>

Note : Sengaja saya kasih warna merah di codenya, agar dapat dengan mudah dipahami




Gampang kaan ?

Nah sobat bisa menggunakan code scroll ini di blog atau website sobat pada bagian mana saja, misalnya bisa untuk popular posts, article, archive dsb.

Semoga bermanfaat ;)






Bisnis online termudah, Bahkan jika Anda seorang yang awam sekalipun, Anda pasti bisa menjalankan bisnis ini. "Bukan member get member". Isi surveinya terlebih dahulu, lalu ikuti bisnisnya ! KLIK DISINI !

{ 9 comments... read them below or Comment }

Welcome to BIG !!!

Butuh Solusi IT ?

Service Komputer/ Laptop ? atau Installasi Jaringan Komputer ? atau Solusi Algoritma dan Pemrogramman ? atau Pembuatan Aplikasi Android/ Web/ Dekstop ?

Contact Me
Call or Message
+6285 8715 000 98

Find BIG on Facebook

You Can Support BIG !

BIG adalah media informasi berbasis web dalam blog yang memberikan berbagai macam informasi, tutorial, dan ilmu pengetahuan, terutama dalam bidang IT dan Pemrogramman

Anda bisa memberikan donasi melalui transfer langsung ke rekening dibawah ini! Berapapun jumlah donasi yang Anda kirim saya ucapkan terima kasih banyak dan akan sangat bermanfaat agar blog ini semakin berkembang.

Bank :
No. Rekening : 0307429851
A/N : Bayu Wijaya Permana Putra

Popular Post

Copyright © 2013 Bayyz Informatics Gallery. Diberdayakan oleh Blogger.

Followers

- Copyright © Big Informatics Gallery by Bayu Wijaya Permana Putra - Powered by Blogger - Supported by Google -