Tutorial Menggerakkan Title Blog

Title blog secara default adalah dalam keadaan statik. Anda boleh ganti title blog anda dengan mudah dan juga anda boleh membuatnya bergerak dari kanan ke kiri.




Tutorial untuk membuat title blog bergerak adalah seperti berikut.



1. Dari dashboard > Design > Add a gadget > Html/Javascript

2. Copy dan paste code berikut dalam ruangan HTML/Javascript


<script language=javascript>
msg = "Title Blog Anda";

msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>


Note: Tukarkan 'Title Blog Anda' dengan apa saja yang anda mau.

3. Save dan lihat hasilnya.:)



Cara Buat Gambar Bergerak (Scrolling Image)

Membuat scrolling image dapat memberi pandangan yang berbeda berbanding memperlihatkan gambar secara statik. Kebanyakan scrolling image ini diaplikasikan oleh blog yang mempunyai list dalam bentuk gambar seperti banner.
Pergerakan setiap gambar dapat diubah sesuai keinginan dari kiri ke kanan, bawah ke atas dan sebaliknya. Selain itu kecepatan pergerakan setiap gambar juga dapat diatur.


Contoh kode bagi scrolling image adalah seperti berikut.

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


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

</marquee>
Keterangan:

Arah pergerakan gambar : boleh ditukar kepada up, down dan right, left.
Kecepatan pergerakan gambar : boleh diganti dengan angka lain. Semakin tinggi nilai semakin cepat.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak ditunjukkankan.
 

catatan:
1. Jika anda ingin menambah lebih banyak gambar, cuma copy paste kembali untuk bagian gambar
2. Kode-kode ini dapat digunakan di dalam post entri ataupun pada bagian gadget

0 comments:

Post a Comment

Search

Loading...

Popular Posts

Powered by Blogger.

Blog Archive