Bagaimana Cara Membuat Gambar Bergerak? Temukan Disini

Picture by nytimes.com

Bagaimana Cara Membuat Gambar Bergerak? Temukan Disini, artikel ini berisi cara-cara untuk membuat gambar bergerak di halaman blog anda. Bermanfaat sekali bagi anda yang ingin memasukkan banyak gambar tapi tetap ingin menghemat tampilan sehingga halaman artikel pun tidak terlalu panjang, walaupun bisa dipendekkan dengan read more tapi halaman artikelnya tetap saja panjang. Cara-cara yang digunakan disinipun sangat simpel dan sederhana sehingga sangat mudah untuk diterapkan.

Selamat sore sobat sekalian. Bagaimana aktivitasnya hari ini, semoga selalu menyenangkan. Nah pada sore hari yang istimewa ini saya ingin sekali berbagi tips cara untuk membuat gambar bergerak, yaitu Bagaimana Cara Membuat Gambar Bergerak? Temukan Disini. Semoga artikel ini bisa bermanfaat bagi anda semua.

Apa itu gambar bergerak? Apa fungsinya? mungkin itu pertanyaan yang ada di benak anda sekalian. Nah disadari atau tidak adanya gambar bergerak ini cukup bermanfaat juga. Seandainya kita mempunyai banyak gambar penting yang ingin ditampilkan di halaman blog tentu akan membuat blog kita semakin panjang. Nah dengan gambar bergerak ini gambar akan ditampilkan bergantian satu persatu, tidak semuanya sekaligus. Selain itu juga akan membuat pengunjung tidak bosan dan akan betah berlama-lama di blog kita.

Selanjutnya adalah menjawab pertanyaan utama yang ada di paragraph pertama. Bagaimana Cara Membuat Gambar Bergerak? nah untuk menjawab pertanyaan besar ini ada baiknya anda langsung saja terapkan langkah-langkah tutorial berikut ini.

Bagaimana Cara Membuat Gambar Bergerak? Temukan Disini

1.  Untuk membuat gambar bergerak hal pertama yang harus anda lakukan adalah Login terlebih dahulu ke blog.

2. Masuk ke dashboard lalu pilih New Post. Atau juga bisa menggunakan Edit Post jika anda ingin membuat gambar bergerak pada artikel yang telah dibuat sebelumnya.

3. Selanjutnya pada draft anda masuk ke mode HTML.

4. Salin dan tempel kode berikut ini dan tempel di Draft mode HTML.

<marquee direction="Right" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" width="150" height="200">


<a href="http://tiportips.blogspot.com/2013/04/Tips-Cara-Membuat-Link-Pada-Gambar-Artikel.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gS7ffNp4aRJQfca_gkgi4tM9IoUDLIqGRo-dkKClRAKguwPDEs3_Oxc9JKNY_QB5YNBO-7M4t2d2eIvqzbGM1SK1NDVzY_15tbuyY0vOrtStUKRjtwKGX32x1w_X5M-lJ9SXsAb_k0WJ/s1600/223496-bigthumbnail.jpg" /></a>
<a href="http://tiportips.blogspot.com/2013/04/Tips-Cara-Upload-Gambar-Ke-Blog.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZipTHgqC1rmRuqmyIFSsa0JfJDrQMIhmfmOlarlI47tk7yUYxlJHv_lYrahyg5ozdiGDLYDrr_HlkRHbPset8n0U-dFQniQd949iRIhoyxeXk6oHhui87t3i3rUkdkwa6tiyDFRvnal1f/s1600/bunaken9.jpg" /></a>
 

</marquee>

Catatan :

Warna pink : Ubah tulisan yang berwarna pink untuk mengubah arah bergeraknya gambar, bisa dengan Left, Up, Down.

Warna Hijau : Ganti angka yang berwarna hijau untuk mengganti kecepatan pergerakan gambar, semakin besar angka akan semakin cepat.

Warna Orange : Ganti angka yang berwarna orang untuk membuat kotak tampilan gambar bergerak, jika ukurannya tidak pas maka tampilan gambar bergeraknya akan terpotong sebagian. Width untuk ukuran lebar dan height untuk ukuran tinggi.

Warna Biru : Isi dengan URL yang akan muncul jika gambar di klik (link).

Warna Merah : Isi dengan URL gambar yang ingin ditampilkan.

5. Jika anda ingin menambah gambar silahkan tambahkan kode berikut ini di atas kode </marquee>.

 <a href="http://tiportips.blogspot.com/2013/04/Tips-Cara-Upload-Gambar-Ke-Blog.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZipTHgqC1rmRuqmyIFSsa0JfJDrQMIhmfmOlarlI47tk7yUYxlJHv_lYrahyg5ozdiGDLYDrr_HlkRHbPset8n0U-dFQniQd949iRIhoyxeXk6oHhui87t3i3rUkdkwa6tiyDFRvnal1f/s1600/bunaken9.jpg" /></a>

6. Selanjutnya kembali ke mode Compose maka gambar yang anda inginkan akan ditampilkan.

7. Terakhir lihat hasilnya di halaman artikel blog anda.

Berikut ini contoh gambar bergerak yang saya buat menggunakan kode di atas.

Nah itulah tutorial singkat mengenai tips cara membuat gambar bergerak, semoga artikel Bagaimana Cara Membuat Gambar Bergerak? Temukan Disini di atas bisa bermanfaat bagi anda semua. Jika anda mempunyai hal yang tidak dimengerti jangan sungkan untuk bertanya. Selain itu baca juga artikel lain mengenai Cara Membuat Pesan Komentar Dengan Mudah. Terima kasih atas kunjungan anda dan have a nice day. 

Like THIS :

Share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di BDariku