Meet This Blog In Facebook !

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="http://3.bp.blogspot.com/_LZtXSNcp76A/TB5XWecF0sI/AAAAAAAABHY/pPKlT79yKMA/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="http://3.bp.blogspot.com/_LZtXSNcp76A/TBIPXEkOOEI/AAAAAAAABFQ/DAPJdek1QbQ/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="http://1.bp.blogspot.com/_LZtXSNcp76A/TBIPlDeEV5I/AAAAAAAABFw/5Z4co3O_jpU/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="http://3.bp.blogspot.com/_vl9J4TEL8rs/TO9J7XAYGcI/AAAAAAAAD7c/ITY8S7TVy5I/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:

miss dilla 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

I n n z said...

@miss dilla


ur welcome babe ;)

I n n z said...

@Edy Ramanov

sile3 xD

I n n z said...

@DuniakuAbstrak

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

ubi said...

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

dak eina (◕‿◕) said...

thnx sbb share~~~

kembatolo™ said...

tolong buat tuk aku boley?haha

I n n z said...

@ubi

x pew3 .
sile apply ke blog ye ;)

I n n z said...

@dak eina (◕‿◕)

ur welcome ;)

I n n z said...

@kembatolo™

boleh , upah dy DSLR .
hahaha !

liyana aziz said...

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

I n n z said...

@liyana aziz


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

liyana.azmi said...

thanks dear for ur tutorial..

amirahrosli said...

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