....::: Selamat Datang di Blog Pendidikan Karakter ::....

Sabtu, 19 Februari 2011

Cara Membuat Slide Foto Bergerak di Blog


Langsung saja ke TKP, untuk membuat foto slide di blogspot ikuti langkah-langkah berikut ini :
1. Login dulu ke blog saudara
2. Pilih Posting --> Entri Baru
3. Masukkan gambar-gambar saudara dgn cara klik Insert Image, terus susun secara rapi ke bawah  atau ke samping (pilih salah satu).
4. Pilih EDIT HTML , tambahkan kode di bagian paling depan sbb:

<marquee onmouseover="this.stop()"  onmouseout="this.start()" scrollamount="2" direction="up" width="80%" height="90%" align="center">
artinya :

onmouseover="this.stop()"   :  ketika mouse pointer di atas gambar, maka gambar berhenti
onmouseout="this.start()"     :  ketika mouse pointer di luar gambar, maka gambar bergerak
scrollamount="2"                 :  kecepatan gerak
direction="up"                     :  gambar bergerak ke atas
5. Tutup kodenya dengan </marquee>, tempatkan di paling akhir.
6. Blok seluruh kode --> copy dengan cara = CTRL + C
7. Simpan sebagai draf --> pilih Save Now
8. Sekarang pilih ke Rancangan --> Tambah Gadget --> HTML/Javasript--> beri Judul mis" Galeri Foto" -->Paste kode yang tadi dicopy, tempatkan di konten --> Simpan
Maka gambar akan muncul di gadget saudara.
Selamat mencoba

1 komentar:

  1. kalau mau buat galery photo yang bisa lanjut k photo berikutnya cuma di klik kayak di galery photo yahoo itu gmna gan??
    cz aq pnsaran nyari nggak nemu,.
    makasih sebelumnya,.

    BalasHapus

Featured Post

contoh feature post