Friday, July 2, 2010

.Tutorial Pasang Floating Button.



ini dinamakan floating button yep kawan2 ;)

cara nak dibuat request oleh miss dilla .
nyahhh , neyh tOk kau .
hehe xD

***********************************************

1 . DASHBOARD -> DESIGN -> PAGE ELEMENT ->ADD GADGET ->HTML/JAVASCRIPT

2. MASUKKAN CODE NI .

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:240px; right:-12px;'>

<a class='linkopacity' href='http://gengblogger.com/akaun GB korunk' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='gengblogger'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2TGTW9hXSUnuAVHFr0mk83wXKjVh7EN_iHsLH4OWPcBbVMsVieKODQkbwKbbrPh0jlyrcsgwQ8_uPDqZjQzqy5PhpoLe4aOi-S00OrPCvEnlb6ifpK7IIaEXruKrRO13TjNHw02E6eX5u/s320/icongb.PNG" /></a><br />

<a class='linkopacity' href='http://facebook.com/akaun FB korunk/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjakQQ12YZ-UnkioRhwHq_tZwtS2KBKeQXbkeYZwHC1WNSPGbF0pvz6zktOsxJAyCo3VW-EYGre_qgyRmXy-Qca76SoXErXZF24YRQRP6KawyT6yrNyMfm-Ntv1xgk3TG61aeE0A6ygyjLP/s320/facebook.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/akaun TWITTER korunk/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXhxbAVQNcHxG9r5xLKwbAdAoBt45yL2bJrwWQ08s_oAchHw-CZKtdjrliPk2j60CwwZ4oIaUAkr0B4ch0kn2hjNw_hhttW2AXbvD1Bef0B439_UeCn6ufcoJsCmVZGvh2xV1aiFDqheNY/s320/twitter.png" /></a><br />

<a class='linkopacity' href='http://myspace.com/akaun myspace korunk/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-gjJkKKG0MAd9FVOU9vsOyXQMV7Go-578hCIf83Cge4lcRoq32BerasR-rEIPtO_mz0wGLdpYUnDF1aOj68hWrmSq0IqnQ27ofBHOQv2_53m1ypO7unSesxLSe4s7uGrZ5gzF18u3EOQ/s1600/logo-myspace.png" /></a><br />

3 . PREVIEW DULU. takut tak jadi plak .

4. SAVE TEMPLATE .

tukarkan yg warna BIRU dengan akaun korunk .
yg neyh , hanya ade button tok GB , FB ,Twitter , MS sahaja .
kalu tak jadi , bgtaw yew ;)
neyh aku refer kat blog nescafe ais ;)


ade lagi yang korunk nak ?
gtaw aku .
nanti aku aja .
cehhh ~ macam bgs jeh ko en innz.
pangg kang taw lah .
haha xD


16 bantah cakap cikgu:

dillabaharudin said...

tenks!!
heeee.
sayang ko.

Edy Ramanov said...

bagus tutorial nih. nak cuba gaklah.
Esok Interview Kerja @ MPH Bookstores

Duniakuabstrak said...

kalau anon kacak bleh komen tak? hahaha

woyehh..tq for da info nih..nanti kalo aku rajin nak gak wat kat blog aku floating2 bagai nih...

bile la aku nak rajin tu nnt..

hehe

Misshy Innz said...

@miss dilla


ur welcome babe ;)

Misshy Innz said...

@Edy Ramanov

sile3 xD

Misshy Innz said...

@DuniakuAbstrak

tak boleh . anon ttp anon. haha !
rajen gakkk xD

unknown said...

waaa..
ima kaseh..*walaupun bkn utk ubi..
hehe

dak eina said...

thnx sbb share~~~

izuddinrahim said...

tolong buat tuk aku boley?haha

Misshy Innz said...

@ubi

x pew3 .
sile apply ke blog ye ;)

Misshy Innz said...

@dak eina (◕‿◕)

ur welcome ;)

Misshy Innz said...

@kembatolo™

boleh , upah dy DSLR .
hahaha !

liyanaziz said...

innz! tq so much.. yana asik tertanya2 je cane nak buat.. nak tanya hilang arah.. malu bertanya sesat jalan kan?? heheheh

Misshy Innz said...

@liyana aziz


haaa tu la .
len kali jgn segan2 nak tanya yep xD

Epal.Hijau said...

thanks dear for ur tutorial..

Amiyyra. said...

salam :)
thanx 4 da tutorial . ade yg lain tak ? formspring ? kalau ade bg tau eh .