Pages

Minggu, 07 Juli 2013

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

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.

2 komentar:

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

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

    BalasHapus