Cara Buat Gambar Berjalan Di Blog

Tags

Kita sering melihat tulisan berjalan, link berjalan dan gambar berjalan di blog orang lain. Sekarang, saya ingin memberikan sedikit contohnya bagi anda khususnya para blogger pemula.

Untuk membuat gambar berjalan di blog, caranya sangat gampang sekali. Ukuran lebar dan tinggi gambar bisa diatur sesuai dengan keinginan anda. Karena cara ini merupakan cara manual dan anda bisa mengeditnya sesuka hati.

Anda bisa juga menambahkan link pada gambar yang anda pasang. Maksudnya jika gambar anda diklik, akan tertuju pada link itu.



Gambar berjalan di blog bisa anda buat dengan dua cara yaitu melalui "Tambahkan Widget" dan melalui "Postingan".

Sebelum anda mencobanya, silahkan anda pahami dulu arti kode-kode yang ada di dalamnya di bawah ini :

>> Style color = Warna huruf.
>> Bgcolor = Warna background.
>> Behavior = Gaya kalimat.
>> Direction = Arah kalimat.
>> Scrollamount = Kecepatan kalimat.
>> Align = Posisi kalimat.
>> Tulisan "Selamat Datang Di Blog Lazio Alfaro" = Ganti dengan tulisan anda.
>> Tulisan "Klik Untuk Melihat Hasilnya" = Untuk mengetahui apakah tertuju pada link yang kita buat.

Silahkan salin kode-kode di bawah ini untuk anda pasang pada blog.

1. Tulisan Berjalan Tanpa Background

Kode :
<marquee style="color: purple;">Selamat Datang Di Blog Lazio Alfaro</marquee>

Hasilnya :

Selamat Datang Di Blog Lazio Alfaro


2. Tulisan Berjalan Dengan Background

Kode :
<marquee bgcolor="black" style="color: white;">Selamat Datang Di Blog Lazio Alfaro</marquee>

Hasilnya :

Selamat Datang Di Blog Lazio Alfaro


3. Tulisan Berjalan Gaya Zig-Zag

Kode :
 <marquee behavior="alternate" direction="up" height="100px"><br />
<marquee direction="right"><span style="color: purple;">Lazio Alfaro</span></marquee><br />
</marquee> 

Hasilnya :
  
Lazio Alfaro



4. Tulisan Berjalan Memantul

Kode :
 <marquee behavior="alternate" direction="up" width="350" height="150"><br />
<marquee direction="right" behavior="alternate">Lazio Alfaro</marquee><br />
</marquee>

Hasilnya :

Lazio Alfaro


5. Tulisan Berjalan Dengan Gambar

Kode :
<marquee behavior="scroll"><br />
<img height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqZzL1GfWqZbgJEo6Dyakrmcqi0sbTiVUUov85q777vTSjs7o-Cvz4tncwMPZzXa6pyr8j4l9B3UcdGrsri9_uym4OFuVfOmzuPZGsNwrRhlVlW-u_9wgzBi8Mq3iT6twhy_zQHQuu690F/s320/Naga+Star.png" width="250" /></marquee>

Hasilnya :



6. Tulisan Berjalan Dengan Link

Kode :
<marquee direction="left" scrollamount="6" align="center"><a href="https://lazio-alfaro.blogspot.com/2018/02/cara-buat-gambar-berjalan-di-blog.html"/>Klik Untuk Melihat Hasilnya</a></marquee>

Hasilnya :

Klik Untuk Melihat Hasilnya


Bagi anda yang tertarik untuk membuat tulisan berjalan di blog, silahkan ikuti langkah-langkah berikut ini :

Melalui Tambahkan Widget :

- Masuk ke akun Blog anda.

- Klik "Tata Letak".
- Tambah Gadget.
- HTML/JavaScript.
- Tempelkan kode tersebut.
- Klik "Save" dan lihat hasilnya.

Melalui Postingan :


- Masuk ke akun blog anda.
- Klik entri baru.
- Pilih HTML.
- Tempelkan kode tersebut.
- Kemudian Publikasikan.

Baca Juga : Cara Gampang Membuat Tulisan Berjalan Di Blog

Demikianlah Cara Buat Gambar Berjalan Di Blog, dan silahkan untuk mencobanya.