Senin, 26 Maret 2012

0

Cara membuat GAMBAR berjalan di blog (gambar berjalan)

  • Senin, 26 Maret 2012
  • Share
  • Mungkin ada diantara teman-teman yang ingin membuat banner berjalan di blog,atau jika punya gambar kesayangan mungkin bisa buat gambar berjalan di blog, bisa juga jika punya foto maka membuat foto berjalan di blog. Anda bisa menempatkan banner, gambar, atau foto tersebut di dalam postingan atau di disebar (gadget html/javascript). Prosedur atau cara buat banner berjalan hampir sama dengan cara buat teks berjalan (marquee)

    Ada beberapa tahap yang harus anda lakukan,
    1. Upload gambar dari komputer ke situs layanan image hosting gratis seperti tinypic,photobucket,dll (dalam contoh ini kita menggunakan tinpyc)
    2. Buat kode banner di blog

    Langkah detail untuk membuat :
    1. Buka situs tinypic image hosting , login dengan email dan password tinypic anda kemudian upload gambar dari komputer ke tinypic
    (Jika belum punya account anda bisa daftar dengan klik tombol Sign up)



    Klik Browse, pilih gambar di komputer , klik Upload Now



    Anda akan mendapatkan link gambar yang sudah diupload (Gunakan link yang ada di : Direct link for layouts)
    Dalam contoh ini kita menggunakan 3 banner dengan link berikut:

    http://i49.tinypic.com/2n7pmwx.jpg
    http://i46.tinypic.com/214umau.jpg
    http://i48.tinypic.com/208vejc.jpg
     atau:
    http://i46.tinypic.com/s2zbjr.jpg
    http://i47.tinypic.com/2u4sheu.jpg
    http://i48.tinypic.com/2502hjc.jpg


    2. Login ke dasboard blogger, buat entri baru atau add gadget html/javascript
    Masukkan kode berikut:

    Contoh 1: Gambar 1 buah, bergerak dari kanan ke kiri,
    Anda bisa mengatur tinggi dan lebar gambar , dalam contoh ini:
    a. width="200" lebar gambar 490 sesuaikan dengan gambar anda
    b. height="360" lebar gambar 360 sesuaikan dengan gambar anda

    KODE:
    <marquee behavior="scroll" direction="left" scrollamount="3" width="200" height="360"><img src="http://i51.tinypic.com/2ujgzmh.jpgg" /> 

    0 Responses to “Cara membuat GAMBAR berjalan di blog (gambar berjalan)”

    Posting Komentar

    Silahkan beri kesan/kritik/saran/pertanyaan di kotak ini: