Skip to content Skip to sidebar Skip to footer

Cara Membuat Tulisan atau Gambar Bergerak di Blog



Apakah anda seorang blogger? Jika iya, tentunya anda wajib tahu tentang cara membuat gambar atau tulisan bergerak di blog. 

Seperti yang kita tahu, sebuah blog bisa begitu menarik perhatian banyak orang jika tampilannya unik dan menarik. 

Nah, untuk membuat tampilan menarik diperlukan sebuah kreativitas dari pemilik blog itu sendiri.

Salah satu hal yang bisa membuat sebuah blog menjadi sangat menarik adalah dengan menambahkan tulisan ataupun gambar yang bergerak di blog. Cara untuk melakukannya pun tidak terlalu rumit. Berikut ini informasinya.
Sebenarnya untuk membuat tulisan atau gambar bergerak di blog, anda hanya perlu memasukkan beberapa kode dalam pengaturan blog anda. 

Untuk rinciannya, ikuti langkah-langkah di bawah ini:
Hal pertama yang harus anda lakukan adalah masuk ke blog anda. Lalu, pilihlah menu Tata Letak dan klik tombol Add Gadget HTML.

Lakukan copy paste pada kode yang telah disediakan untuk membuat tulisan atau gambar bergerak, lalu simpan. Berikut ini adalah kode-kode untuk membuat tulisan bergerak:

Tulisan Bergerak ke Kanan dan ke Kiri :

 <marquee direction="left" behavior="alternate"><span style="color:red; font-weight: bold;">(Masukkan Teks anda)</span></marquee>

Tulisan Bergerak ke Bawah :

 <marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Atas dan Ke bawah(Ganti dengan Teks Anda)</span></marquee>

Tulisan Bergerak ke Atas :

<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="95%"><span style="color: red; font-weight: bold;">(Masukkan Teks Anda)</span></marquee>

Tulisan Putih Bergerak Dalam Background Warna Hitam :

<marquee style=”background: black: color: white:”>MASUKKAN TEKS ANDA</marquee>


  1. Tulisan Berkedip-kedip

<blink> <b> MASUKKAN TEKS ANDA </b> </blink>

Itulah kode-kode yang harus anda masukkan untuk membuat tulisan bergerak di blog anda. Tulisan dengan warna biru harus anda ganti dengan kode di bawah ini:

  • Biru = #00f;
  • Hijau = #0f0;
  • Ungu = #f0f;
  • Merah = #f00;
 Contoh: 
<span style="color:red; font-weight: bold;"> menjadi <span style="color:#f00; font-weight: bold;">

Sedangkan bila anda ingin membuat gambar bergerak di blog anda, maka anda bisa memasukkan kode berikut ini:
<marquee direction="right"> <img src="link gambar" /></marquee>

Isilah kode berwarna merah dengan link gambar yang ingin anda masukkan ke blog anda. Setelah itu, simpan dan lihatlah hasilnya pada blog anda. 

Intinya, anda hanya harus menyalin beberapa kode dan mengubah sedikit kodenya sesuai dengan yang anda inginkan. 

Jika anda teliti dan tidak melakukan kesalahan, maka anda bisa melihat blog anda menjadi tampak menarik setelah anda berhasil memasukkan tulisan dan gambar bergerak di dalamnya.

Semoga informasi tentang cara membuat gambar atau tulisan bergerak di blog ini bisa bermanfaat untuk anda.