Tutorial; Marquee Gambar

Iseng posting tutorial deh, kali ini tentang Marquee bergambar, jadi nanti beberapa gambarnya ada border-nya dan nggak panjang-panjang gitu, bisa ditaruh di sidebar atau di postingan, supel sekali (lu kate Mario Teguh nih?) 

Caranya?

                         

Kalo mau ditaruh di sidebar ya biasa~

Dashboard > Design > Add a gadget > Add html/javascript 

Trus, copy kode ini;  

--------

<div style="background-image: url(&quot;http://24.media.tumblr.com/tumblr_luvtrlZDsC1qiav1uo1_250.png&quot;); border: 3px double #93C9GA; height: 300px; overflow: auto; width: 250px;"><center>
</center>

<marquee onmouseover="this.start()" onmouseout="this.start()" scrollamount="7" direction="up" align="center">

<center><img style="width: 153px; height: 243px;" src="http://24.media.tumblr.com/tumblr_lupe8kRUf91qabozqo1_500.png" /></center>
<center><img style="width: 153px; height: 243px;" src="http://26.media.tumblr.com/tumblr_lujgckmg0y1qgixmdo1_500.jpg" /></center>
<center><img style="width: 153px; height: 243px;" src="http://29.media.tumblr.com/tumblr_ltixsaNLdr1qgixmdo1_500.jpg" /></center>
<center><img style="width: 153px; height: 243px;" src="http://28.media.tumblr.com/tumblr_ltu0ftvouW1qg2irvo1_500.png" /></center>
<center><img style="width: 153px; height: 243px;" src="http://24.media.tumblr.com/tumblr_ltu0ssjArm1qdxgrdo1_500.jpg" /></center>

</marquee>

<center></center><center></center></div>

----------

Nah, tinggal diedit-edit lagi deh :)

• yang warna biru bold diatas tinggal diganti, itu url background (patterns)
• yang #93GC9A itu kode pinggiran warna, bisa liat disini 
• yang bold height sama width itu ukuran background, sesuain aja.
• yang bold height sama width yang di italic itu ukuran foto, bisa diubah juga
• nah yang paling penting, itu yang http://24.media.tumblrblabla itu diganti sama url gambar/foto yang mau dimasukin ke kotaknya =))

Selesai deeeeeeeh :*

Credit;

Code: http://www.lyssasecret.com/

Pattern: http://starious.tumblr.com/    

Van Persie's Photos: http://fangirl-andproud.tumblr.com/