Ayat Bergerak ( Marquee )

What is that ? Akrg try tegok kat bahgian atas blog header ada ayat bergerak kan. Itulah marquee.

1. Dashboard > Design > Add Gadget > HTML ? JavaScript
2. Copy, kod bawah ni

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyOTE4OTA3ODU3NjEmcHQ9MTI5MTg5MDgwNDcwOCZwPTc2MTcxJmQ9TWFycXVlZSUyMEdlbmVyYXRvciZnPTE=.gif" /><marquee style="background-color:FFDDFF; border: 1px solid DDBBDD; color:000000; font-family:verdana; font-size:9pt; width:700px; height:50px; " direction="left" behavior="scroll" scrollamount="5" >TEXT KORUNK</marquee>

3. Yang highlight kuning tu x perlu ubah pon x pa, Tapi kalau nak ubah saiz ubah la. Ikut kesesuaian blog. Yang highlight purple plak arah ayat tu bergerak, kalau nak tukar ke kanan tulis RIGHT . Yang text kaler merah tu ayat yang kita nak gerakkan.

4. Save Siap.

Letak Icon Sebelah Comment

Icon yang dimaksudkan ialah icon yang ada kat sebelah Comment bawah entry. Kan ada macam kotak mailbox kaler merah. Haa. Itulah icon yang dimaksudkan. Car-caranya :

1.  Dashboard > Design > Edit HTML > Tick Expand Widget Template

2. Kemudian cari kod bawah ni ( tekan ctrl + F )

<span class='post-comment-link'>

3. Then, Copy kod bawah ni plak dan pastekan di sebelah code yang kita cari tadi.

<img src="LinkGambar"/>

4. Maknanya dia akan jadi macam ini ...

 <span class='post-comment-link'><img src="LinkGambar"/>

5. Preview dulu, baru save.

* Yang warna biru tu, letakkan url gambar ... cara nak dapatkan url gambar boleh rujuk kat sini
* Icon tu boleh ambil dari sini 

Letak Like Button Selepas Entry

Button LIKE ni untuk pengguna facebook sahaja. Jadi , sekiranya sesiapa baca entri kita dan dia tertarik so, dia akan tanda LIKE. Itulah fungsi button like. Dalam blog ni pon ada, cuba jenguk.

1. Dashboard > Design > Edit HTML > Tick Expand Widget Template.
2. Cari kod bawah ni, tekan ctrl + F

<data:post.body/>

3. Then, copy kod bawah ni dan letakkan di bawah kod yang kita cari tadi.

 <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

4. Kalau boleh, yang kod langkah ketiga tu , sebelum paste tekan enter dulu supaya dia selang sebaris baru paste kan. kalau kurang jelas klik dekat tutorial untuk blog kat bawah tu,
5. Sebelum, kita save..preview dulu.Takut tak jadi. nanti tak boleh buka blog terus.

Credit to : tutorial untuk blog

Cara Nak Dapatkan URL Gambar

Url gambar selalunya digunakan dalam ruang HTML. Itu tak penting.

1. Kalau nak dapatkan url gambar di Google Image ( google chrome )

• mula-mula tekan right click . Dia ada keluar macam-macam kan.
•  Jadi sekarang just pilih yang Copy image URL. 

2. Url gambar dari Google Image ( Internet Explore )

• Tekan right click. Dia keluar macam-macam kan.
• Sekarang tekan yang bawah sekali. PROPERTIES.
• Lepas tu tengok dekat bahagian Adress (url)

3. Glitter Graphics. Sebenarnya, glitter graphic tidak semua code yang dia bagi digunakan sebagai url gambar.

• Mula-mula dia aka keluar banyak-banyak tu kan contohnya

 <a href="http://www.glitter-graphics.com"><img src="http://dl10.glitter-graphics.net/pub/692/692160k68dp18m79.gif" width=128 height=128 border=0></a>

•  Yang kita nak pilih cuma :-

http://dl10.glitter-graphics.net/pub/692/692160k68dp18m79.gif

4. Dari Photobucket....

• Tekan gambar tu.
• Then, kat tepi tu ada Direct Link, HTML code and many more kan.
• Kita just copy yang Direct Link.

Itu sahaja. Terima Kasih.

Cursor Apabila Gerakkan Mouse

Cursor ni apabila kita gerakkan mouse dia ada macam benda titik keluar kan. Kalau blog ni punya warna oren.

1. Dashboard > Design > Add a Gadget > Edit HTML/JavaScript
2. Copy kod ni

<script type='text/javascript'>


</script>


<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
var sparkles=100;


var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";


star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}


}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {




tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

3. Save . Siap

* yang warna merah tu boleh tukar dengan kod warna yang disukai.
Kod warna boleh tengok di sini 

Link Rainbow

Kalau nak tengok contoh buka blog ni . Link dalam blog dia kalau disentuh berwarna-warni, right. Ok sekarang kita buat samo-samo..yoww..

1. Dashboard > Design > Add Gadget > HTML/JavaScript
2. Copy kod ni

<script src="http://fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">/*********************************************** * Script edited by Ynn at http://fwzynn.blogspot.com/* Please keep this notice intact***********************************************/ </script>

3. Save. Siap dooh.

Buat WishList

Wishlist tu apa pulak. Kalau nak tengok contoh, tengok atas ni. Dia akan jadi macam ini la. Cuma ikut kita la nak tulis apa kat situ
.....  ok, cara-caranya :-

1. Dashboard > Design > Edit HTML/JavaScript
2. Copy kod bawah ni

<form name=myform><input type="checkbox" name="mybox" value="satu" checked />satu <br /><input type="checkbox" name="mybox" value="dua" checked />dua <br /><input type="checkbox" name="mybox" value="tiga" checked />tiga <br /><input type="checkbox" name="mybox" value="empat" disabled />empat <br /></form>

3. Save. Siap

* yang warna merah tu ialah wish yang kita nak tulias dalam wishlist kita.
* yang warna biru tu pulak semakan iaitu benda yang kita nak letak tu tanda tick ke tidak. Kalu checked maknanya tick. Faham. Kalau confuce tanya lah. Kot-kot lah boleh jawab.