Bagaimana membuat Tulisan dan gambar Berjalan Di Blog ? Begini caranya !

Mempercantik tampilan di sebuah blog merupakan sesuatu keharusan bagi seorang blogger, Kenapa ? Karena dengan adanya tampilan yang enak dilihat akan membuat pengunjung betah berlama-lama di blog kalian, terlebih kalau tersebut sudah mempunyai trafik yang tinggi, jangan sampai karena tampilan blog yang kurang enak dilihat pengunjung blog kalian pada kabur.

Berikut ini contoh dan cara membuat tampilan blog sederhana yaitu membuat tulisan dan gambar berjalan di blog kalian, bagi kalian yang ingin membuatnya silahkan baca dan ikuti cara berikut ini:

• Silahkan Masuk ke akun blogger kalian;
• Pada Menu Tata Letak, tambah Widget baru (widget HTML);
• Paste Kode Dibawah;
• kemudian klik tombol simpan;
• Lihat hasilnya

Berikut kode Scriptnya:

1. Gambar yang bisa berjalan Ke Kiri,  berikut Scriptnya:

<marquee direction="right"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvpyiUDBIf6iabxmJdSnvJ93axAimA-FeWDz5tNcJUr4wFiYWKe-aIie_NDvvmJ1U5PtDl7-PS870rSeIexEz3fnSOCefGrAD07Ra4lSFnECKTHyITQ41HNi_luh3z881_9mS_tGmB88zr/s320/logo+blog.png" /></marquee>

Url berwarna biru adalah Url image kalian

2. Tulisan Bergerak Ke Atas (ganti dengan teks kalian)
Tulisan Bergerak Ke Atas(ganti dengan teks kalian)

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

3. Tulisan Bergerak Ke Atas dan Ke bawah(Ganti dengan Teks Anda)
Tulisan Bergerak Ke Atas dan Ke bawah(ganti dengan teks kalian)

 <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 kalian)</span></marquee>

4. Tulisan gerak kekanan (ganti dengan teks kalian)
Tulisan Bergerak Bergerak kekanan (ganti dengan teks kalian)

<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Tulisan Bergerak Bergerak kekanan (ganti dengan teks kalian)</span></marquee>

5. Tulisan Bergerak Ke Kanan dan Kekiri (ganti dengan teks kalian)
Tulisan Bergerak Ke Kanan dan Kekiri (ganti dengan teks kalian)

 <marquee direction="left" behavior="alternate"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri (ganti dengan teks kalian)</span></marquee>

6.  Tulisan Bergerak kekanan Perlahan (ganti dengan teks kalian)
Tulisan Bergerak kekanan Perlahan (ganti dengan teks kalian)

<marquee direction="right" scrolldelay="500"><span style="color:red; font-weight: bold;">Tulisan Bergerak kekanan Perlahan (ganti dengan teks kalian)</span></marquee>

7. Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop (ganti dengan teks kalian)
Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop (ganti dengan teks kalian)

 <marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop (ganti dengan teks kalian)</span></marquee>

PENTING
Ganti kode berwarna Biru diatas dengan Teks yang kalian inginkan, ganti juga kode berwarna Merah dengan warna yang anda kalian sukai,
Merah= red
Biru= blue
Kuning= yellow
Putih= white
Hitam= black
atau kalian juga bisa mengganti warna dengan kode warna berikut,
silahkan cek  DISINI

<span style="color:red; font-weight: bold;"> menjadi <span style="color:#FFFF00"; font-weight: bold;">

Nah,  itu tadi cara membuat Tulisan dan gambar Berjalan Di Blog kesayangan kalian,

Semoga bermanfaat,

Lokasi:

Share :