Home » » Cara membuat Scroll pada Widget Blog

Cara membuat Scroll pada Widget Blog

Written By Dimas Sevenfold on Rabu, 07 November 2012 | 10.04

scroll di blog kita. Fungsi dari scroll ini adalah untuk menghemat space atau tempat pada blog kita, supaya blog kita terlihat lebih rapi, dan tidak berantakan. Itulah sedikit gambaran mengenai penggunaan scroll untuk blog. Langsung saja ke pembahasan kita mengenai Cara membuat scroll di blog, simak di bawah ini :

Tips ini digunakan untuk di Gadget HTML Javascript :
1.Login dulu ke blog kalian sendiri dengan menggunakan ID blog anda.
2.Masuk pada Rancangan blog
3.Setelah itu pilih tambah Gadget dan pilih HTML Javascript
4.Setelah itu, untuk judul bisa disesuaikan dengan kebutuhan sendiri
5.Kemudian letakkan script di bawah ini kedalam Gadget tersebut, ini scriptnya :


<div align="center">
<table width="250" border="1">
<tr> <th colspan="100%" scope="col">JUDUL ARTIKEL</th> </tr>
<tr><td><div style="font-family: arial; font-size: 12px; overflow: scroll; width: 250px; height: 150px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">Silahkan anda bisa mengisi artikel atau daftar isi atau apa saja disini. Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll boxsecara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak.(KALIMAT ATAUPUN SCRIPT JUGA BISA)POKONYA Sesuai dengan keinginan anda semua dech</div></div></td></tr>
</table>
</div>

6.Selanjutnya tinggal menyimpan.

Keterangan :
Warna Merah bisa disesuaikan dengan ukuran lebar pada blog anda sendiri.
Warna Pink adalah tempat untuk menaruh script atau apa saja.
Kemudian Sobat bisa lihat hasil kerja keras kita yaitu Cara membuat scroll di blog.
Semoga berhasil ya sobat.....

Baca Juga Yang lainnya ?
Share this article :

0 komentar:

Poskan Komentar

di mohon komentar yang sopan ..

Translate

pasang iklan murah
pasang iklan murah
 
Support : Technologi's Blog | Lintas Berita Terkini | Informasi Lengkap Terakurat
Copyright © 2013. TECHNOLOGI's BLOG - All Rights Reserved
Template Modify by Dimas Resistor Published by Mas Template
Proudly powered by Blogger