-->

.

Friday, 27 January 2012

tutorial

  • buat scroll box



Tutorial untuk membuat scroll box adalah seperti berikut..

1. Dari dashboard > Design > Add a gadget > HTML/javascript
(Jika anda sudah letakkan widget hanya buka HTML/javascript widget yang anda telah letak di blog)

2. Kemudian masukkan/ubah kod widget seperti berikut.


<div style="width:426px;height:100px;overflow:auto; ">

Isi - isi kadungan yang korang nak letakkan

</div>

Note :
width: ubah mengikut lebar yang anda kehendaki
height: ubah mengikut tinggi yang anda kehendaki


3. Apabila selesai, save dan lihat hasilnya..

Senang bukan..:)







**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!



  • letak gmbar di dalam scroll box



1. Dashboard > Design > Add a Gadget > Html/Jacascript

2. Copy and Paste kod di bawah di ruangan tadi

  <div style="background-image: url(http://dl.glitter-graphics.net/pub/303/303771ob8r4r0z04.png);
border-color: #FFCCCC; border-style: double; border-width: 4px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
height: 300px; overflow: auto; width: 220px;">

<center><img style="width: 153px; height: 204px;" src="URL GAMBAR KORANG" />
</center>

**Warna Biru : URL Background yang korang suka. Boleh dapatkan di Google orPhotobucket or Glitter-Graphics 


**Warna Merah : URL korang boleh Upload di
 http://imgur.com/ 
Ambik yang "Direct Link" .. ok ?





save!!


have a nice day :)

Posted by NADIA at 00:51
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

No comments:

Post a Comment

Older Post Home
Subscribe to: Post Comments (Atom)
Picture Window theme. Powered by Blogger.