Cara Membuat Teks atau Gambar Berjalan di Blog

Cara sederhana untuk membuat teks atau gambar berjalan adalah dengan menggunakan kode html marquee. Cukup sederhana cara membuatnya, hanya menambahkan <marquee> di awal teks/gambar dan ditutup dengan </marquee>.

Contohnya :
<marquee>Cara Membuat Teks atau Gambar Berjalan di Blog</marquee>
Cara Membuat Teks atau Gambar Berjalan di Blog


Itu adalah teks berjalan. Bagaimana jika gambar berjalan?
Cukup mudah kok......

Kodenya seperti ini :

<marquee> <img src="isi dengan url gambar kamu"/></marquee>
<marquee> <img src="http://3.bp.blogspot.com/_xw6Gw8ZECTA/TPsSc1TbBjI/AAAAAAAAAMM/OCJaL1j5sdI/s1600/blogspot_icon.png"/></marquee>



Selain itu, dapat diubah arah pergerakannya juga, seperti ke atas, bawah, kiri, atau kanan. Kodenya seperti ini : <marquee direction=left>
Arah left bisa diganti dengan up atau down atau right.

Contoh :
<marquee direction=up>Cara Membuat Teks atau Gambar Berjalan di Blog</marquee>
Cara Membuat Teks atau Gambar Berjalan di Blog

Ini contoh lainnya yang memakai kecepatan 2, ini kodenya :
*scrollamount="2", 2 menandakan kecepatan berjalan.

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" height="100" width="100%">
<a style="font-weight: bold;" href="http://ligajepang.blogspot.com/" target="_blank">LigaJepang - Sumber Informasi J.League</a>
<br/><br/>
<a style="font-weight: bold;" href="http://motivasihidupberkah.blogspot.com/" target="_blank">Motivasi Hidup Berkah</a>
<br/><br/>
<a style="font-weight: bold;" href="http://masnafood.blogspot.com/" target="_blank">Masnafood - Majalah Teknologi dan Industri Pangan</a>
<br/><br/>
<a style="font-weight: bold;" href="http://thetruth-reveals.blogspot.com/" target="_blank">Indofootball - Menuju Industrialisasi Sepakbola Indonesia</a>
<br/><br/>
<a style="font-weight: bold;" href="http://agricultural-industry-technology.blogspot.com/" target="_blank">AGROINDUSTRY</a>
<br/><br/>
</marquee>

Hasilnya :
MasnaMedia

LigaJepang - Sumber Informasi J.League
Motivasi Hidup Berkah
Majalah Teknologi dan Industri Pangan
Menuju Industrialisasi Sepakbola Indonesia
Agroindustry


MasnaStore

Toko FadFir - Jaket, Sepatu, Sandal


Yup, itulah Cara Membuat Teks atau Gambar Berjalan di Blog. Makasih sobat sudah berkunjung...

Tertarik dengan Internet Marketing & Make Money from Internet. Insyaallah memiliki penghasilan minimal $3000/bulan dari Masnamedia Network™ pada tahun 2016.

Share this

Related Posts

Previous
Next Post »

65 Komentar

Komentar
23 Desember 2010 01.09 delete

Assalamualaikum....

mas fadli.. tukeran link yuk..
link mas sudah saya pasang..
thanks
^_^

Reply
avatar
21 April 2011 19.47 delete

gimana cara buat teks berjalan yg di tab ,,,bag pling atas t ???please help me!!!

Reply
avatar
17 Juli 2011 18.13 delete

makasih atas infonya...
salam sukses.....:)

Reply
avatar
19 Juli 2011 00.05 delete

tank ilmunya
jangan lupa
tolong dicegk hasilnya di blog saya GAN

Reply
avatar
BUdy
2 Agustus 2011 08.49 delete

kalau mo bkin ukuran gambar gmna bang..?

Reply
avatar
7 Agustus 2011 19.45 delete

menarik infonya ,soalnya baru belajar blog.thaks

Reply
avatar
Anonim
20 Agustus 2011 16.26 delete

thanks ya mas bro....ane tambah ilmu lagi nich...lagi belajar....

Reply
avatar
?!?!?!
7 September 2011 15.51 delete

Thanks ya.. tpi tulisannya terlalu kecil.. bisa di besarin gak ?

Reply
avatar
12 Oktober 2011 17.35 delete

gak bisa bikin kayak slide ya?
ada dua atau tiga gambar yang bergerak sekaligus,,,,

Reply
avatar
1 November 2011 12.41 delete

keren.. makasih gan.... membantu banget

Reply
avatar
6 Desember 2011 20.39 delete

maturnuwun bosss.....kunjungii kmai yaa di http://infotiketonline.blogspot.com

Reply
avatar
20 Desember 2011 22.52 delete

makasih bozz atas infonya..menarik jg nig..ntar mo coba uga ah...tq

Reply
avatar
26 Desember 2011 15.33 delete

tq atas informasinya... berguna bgt,jgn lupa mampir ya..:-)

Reply
avatar
7 Januari 2012 00.42 delete

makasih gan, nambahin ilmu buat kami.

Reply
avatar
8 Januari 2012 09.56 delete

Gan, Kalo mau beberapa gambar misalakan 4 gambar berjejer jalan caranya gimana?

Reply
avatar
Anonim
18 Februari 2012 02.14 delete

tank mas info nya sangat berguna sekali. dan kalau ada masa tolong bantu kami bagai mana caranya agar di terima google adsense.
saya da banyak kali daftar
tapi selalu di tak di terima
blog kami di http://sinarandesa.blogspot.com

terima kasih

Reply
avatar
20 Februari 2012 14.31 delete

Makyos infoh nya....numpang sedot gan!! bwt di pasang di blogku http://vgmc-id.blogspot.com

Reply
avatar
25 Februari 2012 17.11 delete

keren blog nya , makasih infonya........

Reply
avatar
13 Maret 2012 07.31 delete

di wordpress ap tidak sopport gan..

Reply
avatar
3 Mei 2012 11.12 delete

maksih gan infonya,numpang - numpang y?????

Reply
avatar
16 Mei 2012 23.28 delete

gan nanya nich,... kalau gambarnya lebih dari satu gimana caranya ya?? soalnya lagi ngerjain blog komunitas. terimakasih sebelumnya dan salam kenal.

Reply
avatar
18 Mei 2012 18.21 delete

saya baru tahu kalau gambar juga bisa dibuat berjalan dengan kode marquee ini
terima kasih banyak atas infonya

Reply
avatar
21 Mei 2012 07.39 delete

@ikarus jogja : kode ini img src="Link Gambar Kamu", dibanyakin aja/ditambahkan saja.

Reply
avatar
Anonim
19 Juni 2012 05.22 delete

Gmb caranya biar gambar yg bergerak ngga cuma 1 tp ada beberapa gambar tp dl jalur gambar yg pertama jg bkn jalur yg berbeda sy dah pake cara di atas tp ngga bs. trm ksh

Reply
avatar
27 Juni 2012 12.55 delete

informasi yang sangat bagus sekali,,
terimakasih

Reply
avatar
4 Juli 2012 11.50 delete

Kunjungan Hangat gan

Kunjung balik ny

adhgeneration.blogspot.com

Reply
avatar
12 Juli 2012 23.44 delete

salam kenal...salam persahabatan
plis kunjungi rumahku juga,,meski masih berantakan,,so plis sarannya..makasi>>>>>>>>>
banyu01.blogspot.com

Reply
avatar
Anonim
16 Juli 2012 22.19 delete

mampir di blog ane gan Berbagi Bersama Blogger Indonesia @ http://adiyahya.blogspot.com/

Reply
avatar
25 Juli 2012 21.20 delete

mantab triknya gan,kunjungan balik ya gan di blogku,blog sang newbie

Reply
avatar
11 Agustus 2012 20.06 delete

numpang promosi blog aku ya http://hasnaputriramadiani2.blogspot.com/

Reply
avatar
14 September 2012 14.29 delete

makasih juragan mau langsung coba nih

Reply
avatar
26 September 2012 08.25 delete

keren gan tutorialnya teks dan gambar berjalannya, mudah dimengerti.

Reply
avatar
26 September 2012 08.27 delete

terima kasih gan sudah berbagi ilmu.

Reply
avatar
Anonim
27 September 2012 09.18 delete

thanks ilmunya

Reply
avatar
4 Oktober 2012 18.10 delete

mengunjungi blog yang bagus dan penuh dengan informasi yang menarik tentang cara membuat teks atau gambar berjalan adalah merupakan kebahagiaan tersendiri.... teruslah berbagi informasi

Reply
avatar
21 Oktober 2012 12.49 delete

THANKS ya gan

maklum bru bljr buat blog

Reply
avatar
9 Desember 2012 21.49 delete

Terimakasih atas informasinya...

Reply
avatar
5 Februari 2013 11.54 delete

sangat menarik,,, terima kasihhh

Reply
avatar
12 Februari 2013 11.45 delete

Sip dah ane juga dah coba, tambah keren aja gan. Klu sempet kunjungi blog ane ya www.oneshop-games.blogspot.com
Thx bgttt

Reply
avatar
20 Februari 2013 13.16 delete

menarik , mampir blog saya juga ya

Reply
avatar
22 Februari 2013 09.48 delete

Makasih mas
oh iya,, Gambar nya kan ada banyak mas punya ku,, nah biar gambar yang terakhir tu langsung nyambung ke gambar pertama caranya bagaimana ya?

Reply
avatar
23 Februari 2013 17.43 delete

Linknya dipasang di blog mana kang?

Reply
avatar
23 Februari 2013 17.45 delete

Wah kalo nyambung gitu saya belum coba kang..... Maaf belum bisa bantu.

Reply
avatar
Anonim
24 Februari 2013 19.22 delete

Wahhh keren dan simple Mas....
Terima kasih....langsung di coba

Reply
avatar
9 Maret 2013 11.30 delete

bagaimana cara membuat gambar bergerak gan?saya sudah mencoba tapi belum berhasil.terimakasih infonya..!!

Reply
avatar
9 Maret 2013 17.55 delete

Ente ikuti saja artikel ini........ Coba deh dibaca dengan teliti. :)

Reply
avatar
21 April 2013 22.07 delete

thaks yah atas semua tulisannya, semoga bermanfaat, nice post

Reply
avatar
23 April 2013 04.39 delete

sungguh tulisan yang sangat menambah info dan pengetahuan, terimakasih bnyak yah, salam kenal. thaks

Reply
avatar
21 Mei 2013 03.57 delete

cool topic and well written article, I really like your site and will be reading it a lot more!

Reply
avatar
23 Juli 2013 14.15 delete

Tutorialnya mantap. Thanks

Reply
avatar
5 Agustus 2013 17.00 delete

kode ini img src="Link Gambar Kamu", dibanyakin aja/ditambahkan saja

Reply
avatar
22 Oktober 2013 21.22 delete

artikel yang menambah wawasan

Reply
avatar

Kewirausahaan
Travel