Home » , , » Cara Membuat Teks Atau Gambar Berjalan (Marquee) Ke kiri Di Blog

Cara Membuat Teks Atau Gambar Berjalan (Marquee) Ke kiri Di Blog

Written By amirussalam on Minggu, 07 Juli 2013 | 17.53

Cara membuat teks tulisan,gambar atau foto berjalan ke kiri. cara ini kita bisa menerapkannya ke postingan blog atau widget homepage. Pungsi dari efek berjalan ini mungkin hanya untuk mempercantik tampilan blog dan untuk menarik perhatian pengunjung blog dengan adanya teks atau gambar yang bergerak tersebut.

Contohnya seperti pada teks dan gambar yang lagi berjalan dibawah ini 

Contoh teks berjalan

Cara Membuatnya

Caranya  gampang banget, cukup menambahkan kode dibawah ini :

<marque> teks/gambar </marquee>

Keterang kode : warna biru ganti dengan teks, gambar atau foto yang ingin kita buat supaya berjalan.

Contoh cara menerapkan kode untuk gambar atau foto di postingan :

<marquee> div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7zx_lytkjLIy9ZB0oSgEqIDkUYzNwhzYagZ9TIdkkIfF9dCArxXHTyhEznaJvRlTp_ir3SXEy5CFK5U-uTkuYYpvueNHrIDIG_loA-xBTT81m6rUyJR3m1wovS47UprrVDOdRksp3M0/s1600/asssasa.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7zx_lytkjLIy9ZB0oSgEqIDkUYzNwhzYagZ9TIdkkIfF9dCArxXHTyhEznaJvRlTp_ir3SXEy5CFK5U-uTkuYYpvueNHrIDIG_loA-xBTT81m6rUyJR3m1wovS47UprrVDOdRksp3M0/s1600/asssasa.jpg" /></a></div> </marquee>

Contoh cara menerapkan kode untuk gambar atau foto di widget :

<marquee> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7zx_lytkjLIy9ZB0oSgEqIDkUYzNwhzYagZ9TIdkkIfF9dCArxXHTyhEznaJvRlTp_ir3SXEy5CFK5U-uTkuYYpvueNHrIDIG_loA-xBTT81m6rUyJR3m1wovS47UprrVDOdRksp3M0/s1600/asssasa.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7zx_lytkjLIy9ZB0oSgEqIDkUYzNwhzYagZ9TIdkkIfF9dCArxXHTyhEznaJvRlTp_ir3SXEy5CFK5U-uTkuYYpvueNHrIDIG_loA-xBTT81m6rUyJR3m1wovS47UprrVDOdRksp3M0/s1600/asssasa.jpg"/></a> </marquee>

Selamat mencoba.
Share this article :
Comments
2 Comments

2 komentar:

  1. mantap nih tutornya mau ane pake aja hehehe
    http://acemaxs31.com

    BalasHapus
  2. Terimakasih banyak sob, mantab nih tutornya.. siip

    BalasHapus

 

Support : Copyright © 2013. DUNIA CORAT-CORET - All Rights Reserved
powered by Blogger