Pages

Subscribe:

Ads 468x60px

Windows

Menu Navigasi

ebookerCSS ebookere-books computer

04 May 2015

Cara Membuat Gambar Bergerak di Blog

Menambahkan tampilan gambar di blog dapat memperindah dan memperamai blog. Ketika ingin menambahkan gambar di blog secara biasa dapat dengan menambahkan gadget gambar. Namun ada keterbatasan, yaitu hanya satu gambar untuk setiap upload, sehingga apabila ingin menampilkan beberapa gambar dapat memakan ruang. Solusi untuk mengatasi masalah tersebut sebenarnya simpel yaitu dengan memanfaatkan fitur marquee (gerak). Fitur marquee yang biasanya digunakan pada teks saja kini juga dapat dilakukan untuk gambar. Hasilnya gambar dapat bergerak secara otomatis dan tidak terlalu memakan ruang yang banyak di blog.

Untuk menambahkan widget slide ganbar bergerak caranya adalah sebagai berikut:

1. Buka blogger.com dan login ke dalam akun blog Anda.
2. Pilih Tata Letak (Layout) blog.
3. Pilih Tambahkan Gadget (Add Gadget) >> HTML/JavaScript.
4. Salin dan tempelkan kode script di bawah ini.
<marquee direction="up" onmouseover="this.stop()" scrollamount="4" onmouseout="this.start()">
<img src="URL GAMBAR 1" width="100%" height="100%" /><br />
<img src="URL GAMBAR 2" width="100%" height="100%" /><br />
<img src="URL GAMBAR 3" width="100%" height="100%" /><br />
<img src="URL GAMBAR 4" width="100%" height="100%" /></marquee>
Keterangan:
a. Mengganti arah gerak gambar dapat dilakukan dengan mengubah: direction="up"
b. Menambahkan gambar dengan cara menganti URL GAMBAR
c. Lebar (Width) dan Tinggi (Height) dapat diubah sesuai selera anda. Jika 100% maka secara otomatis akan memenuhi batas widget
5. Klik Simpan (Save) >> Simpan Setelan untuk menampilkannya pada blog. 
 
 

No comments:

Post a Comment

Animated Dragonica Star Glove Pointer

Media Hiburan Online


Siapin Cofee Drink dan Camilan, Nonton TV online yuuk !!! Gratis...

TV Online Link server 1
TV Online Link server 2

Pengen denger radio on air sambil tiduran, Klik aja disini

Bagi pecinta Game Online, Anda mau main? Klik OK