cara buat gambar bergerak

Terima Kasih kak Ummi Qayreena sebab sudi follow dan singgah blog moon. Sorry sebab lambat reply soalan akak. Ramai jugak yang tanya cara buat scrolling image ni, sebenarnya  Moon pon da lupa caranya. hehe..tapi takpe,, moon bukak balik buku untuk buat tutorial ni.


Step 1: copy code dibawah

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200"><br /> <br /> <br /> <a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a><br /> <a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a><br /> <br /> </marquee><br />

Step 2: Klik Design ---->> Add a Gadget----->>> HTML/ Javascript 

Step 3 : paste code dekat ruangan HTML

Step 4 : Tukarkan code mengikiut kesesuaian dan kehendak anda seperti dibawah

perkataan "left' : boleh ditukar kepada up, down dan right.


scrollamount : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.


link untuk dibuka: link yang hendak dibuka apabila gambar diklik. sebagai contoh, bila klik kat gambar boleh bawa kita ke Facebook..so gantikan dengan link facebook


url gambar: url gambar yang hendak dipamerkan. URL gambar boleh diperolehi dengan mengupload gambar ke blog anda. publish atau save and then right klik pada gambar and klik copy image URL


Nota:
1. Jika anda ingin menambah lebih banyak gambar, cuma copy paste code 

 <a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a><br />  

sebanyak mana gambar yang dikehendaki dan tukar url gambar

Cara Untuk Mempercepatkan Loading Blog Anda

Bila moon blogwalking, selalu terbaca entry yang di tulis oleh blogger lelaki kebanyakkannya yang mengutuk blog perempuan. kononnya blog perempuan susah nak loading sebab make-up blog dengan macam-macam widget. Biasalah perempuan kan memang suka dengan kecantikan. blog ni da boleh dianggap rumah untuk blogger di alam maya. Bagus sebenarnya perempuan yang rajin make-up blog dia sebabnya ia dapat mencerminkan diri dia yang suka menghias. Andai kata ada blogger lelaki yang nak cari jodoh dengan blogger perempuan, carilah yang pandai hias-menghias ni..nanti bila dah kawin mesti pandai urus rumah tangga. para blogger lelaki...korang nak ke bini yang tak pandai kemas rumah? haha..

okeyh itu bukan tujuan asal moon buat entry ni..actually moon nak share cara untuk mempercepatkan blog di LOADING oleh para visitor..mudah saja...ikut steps kat bawah ni: 

    Step Pertama : Pergi ke Dashboard blogspot korang, dan klik "Design" .

    Step Kedua:  klik pada butang "Edit HTML" di tepi perkataan "Page Element" tu.

    Step Ketiga:  tick box (✓) sebelah perkataan "Expand Widget Templates".

    Step Keempat:  tekan CTRL-F, dan cari code  </head>

 

    Step Kelima: Sekarang, dah jumpa  code </head> , paste-kan code kat bawah ni, di atas code </head> tu.

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script src='http://pwam.googlecode.com/files/jquery.lazyload.js' type='text/javascript'/><script charset='utf-8' type='text/javascript'>$(function(){$("img").lazyload({placeholder:"http://pwam.googlecode.com/files/grey.gif",threshold:200});</script>

    Step Keenam: Klik pada butang "Save Template".

Disarankan anda check dulu kelajuan loading blog anda sebelum buat tutorial kat atas ni untuk melihat perbezaan. Perbezaan memang tak banyak, tapi boleh la tahan. kat bawah ni moon share kelajuan loading element blog moon sebelum dan selepas. Yang bawah tu sebelum pada pukul 19: 04 dan yang 19: 09 adalah selepas moon lajukan blog moon..huissshhh..laju sangat (!)

p/s : untuk check kelajuan blog anda, sila klik sini

selamat mencuba