Membuat Scrollbar disertai Icon
Scrollbar (Juga dikenal sebagai pegangan dalam GUI pertama) adalah sebuah objek grafis dalam antarmuka pengguna grafis (GUI) yang meneruskan teks, gambar atau apapun dapat menggulir termasukaplikasi video, yaitu, dilihat bahkan jika tidak sesuai dengan ruang di layar komputer, jendela, atau viewport.Kali ini saya akan mengulas cara Membuat Scrollbar disertai Icon.Tutorial ini juga bisa disebut juga Upaya mendesain Blog Juga,Karena Dengan Adanya Scroolbar Artikel yang penting dan Umum bisa Di Publikasikan Di dalam Kotak Scroolbar tersebut.Tapi Scroolbar kali ini berbeda dengan Scroolbar yang lainnya karena Scroolbar kali ini Disertai dengan Icon,Supaya lebih Gaul Gitu...hehehehe.Bagaimana apakah anda Tertarik untuk Mencobanya. Caranya Sebagai Berikut:
1. Login Di Blogger.com
2. Masuk Ke Tab Tata Letak---->Elemen Laman
3. Tambah Gadged--->Pilih HTML/Javascrip
4. Masukkan Kode Dibawah ini:
Keterangan:
1. Ganti Tulisan http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif dengan Kode icon anda sendiri
2. Ganti Tulisan "URL TUJUAN"dengan link anda sendiri
3. Ganti tulisan "JUDUL"
Semoga artikel cara Membuat Scrollbar disertai Icon Bisa sangat berguna bagi blogger Dunia dan terutama blogger Indonesia.Jangan Lupa Komen ya.
3. Tambah Gadged--->Pilih HTML/Javascrip
4. Masukkan Kode Dibawah ini:
<style>
.list {
background: url("http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:284px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">
<div class="list">
<a href=" URL TUJUAN "> JUDUL </a></div>
<div class="list">
<a href=" URL TUJUAN "> JUDUL </a></div>
<div class="list">
<a href=" URL TUJUAN "> JUDUL </a></div>
</div>
.list {
background: url("http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:284px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">
<div class="list">
<a href=" URL TUJUAN "> JUDUL </a></div>
<div class="list">
<a href=" URL TUJUAN "> JUDUL </a></div>
<div class="list">
<a href=" URL TUJUAN "> JUDUL </a></div>
</div>
Keterangan:
1. Ganti Tulisan http://sites.google.com/site/cumaisenggroup/Home/Purplearrow.gif dengan Kode icon anda sendiri
2. Ganti Tulisan "URL TUJUAN"dengan link anda sendiri
3. Ganti tulisan "JUDUL"
Semoga artikel cara Membuat Scrollbar disertai Icon Bisa sangat berguna bagi blogger Dunia dan terutama blogger Indonesia.Jangan Lupa Komen ya.
0 komentar:
Posting Komentar