Cara Membuat Tulisan Dan Image Berjalan Di Blog

Bloggerkotasukabumi - Di dalam aktivitas blogging pastinya kita akan mendapatkan hal-hal baru dan dinamis dalam dunia blogging. Setiap blogger senantiasa selalu berusaha untuk mempercantik, memperindah blognya dengan berbagai script model tampilan misalnya di dalam postingan/sidebar atau lainnya menggunakan tulisan berjalan / marquee. 

Dengan harapan untuk menarik minat visitor yang berkunjung ke blognya dan mau berlama-lama membaca seluruh artikel yang ada. Postingan artikel dengan judul Cara Memvuat Tulisan Dan Image Berjalan Di Blog ini saya ambil dari blog sahabat saya, yang sumbernya saya cantumkan di bawah postingan ini so..di bawah ini ada beberapa contoh yang bisa sobat gunakan di blog  :

Cara pemasangannya : 

• Login ke akun blogger sobat
• Klik tata letak >> tambah gadget >> html/javascript
• Copy salah satu kode dibawah ini dan paste/letakan di kotak javascript.
• Terakhir simpan.

>> Tulisan bergerak ke kanan, copy kode di bawah ini :

<marquee direction="right"><span style="color: rgb(255, 0, 0); 

font-weight: bold;">Tulisan Bergerak Ke Kanan - silahkan sobat ganti </span></marquee>

 
CONTOH BUAT SOBAT!!!

>> Tulisan bergerak ke kanan dan ke kiri, copy kode di bawah ini :

<marquee direction="left" behavior="alternate"><span style="color:red; 

font-weight: bold;">Tulisan Bergerak Ke Kanan dan Ke Kiri- silahkan sobat ganti</span></marquee>

CONTOH BUAT SOBAT!!!

>> Tulisan bergerak ke kanan dengan perlahan, copy kode di bawah ini :

<marquee direction="right" scrolldelay="500"><span style="color:red; 

font-weight: bold;">Tulisan Bergerak Ke Kanan Perlahan-silahkan sobat ganti </span></marquee>

CONTOH BUAT SOBAT!!!  

>>  Tulisan bergerak ke kanan dan ke kiri bisa di stop, copy kode di bawah ini :

<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 ke kiri dan bisa di stop-silahkan sobat ganti</span></marquee>

CONTOH BUAT SOBAT!!!

>> Tulisan bergerak ke atas, copy kode di bawah ini :

<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-silahkan sobat ganti</span></marquee>

CONTOH BUAT SOBAT!!!

>> Tulisan bergerak ke atas dan ke bawah, copy kode di bawah ini :

    

<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-silahkan sobat ganti</span></marquee>

 
CONTOH BUAT SOBAT!!!  
Keterangan:
Silahkan sobat ganti tulisan berwarna merah dengan tulisan/teks yang sobat kehendaki, di bawah ini ada beberapa pilihan warna yang tersedia :

• Merah= red
• Biru= blue
• Kuning= yellow
• Putih= white
• Hitam= black

Bisa Diganti dengan kode warna

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

>> Image yang bergerak ke kanan dan ke kiri, copy code di bawah ini :

<marquee direction="right"><img src="http://i1358.photobucket.com/albums/q770/Deniededen/IMG00498-20130202-0822_zps5ef31287.jpg" /></marquee>

Keterangan : Silahkan sobat ganti link tulisan warna merah dengan link image sobat.

Selamat mencoba dan semoga bermanfaat.
happy blogging................
sumber