12 August 2011

Tutorial : Floating Cute Profile


1.  Dashboard > Design > Page Element  > Add Gadget > HTML/JAVASCRIPT

2. copy 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:90px; left:-12px;'>
<a class="linkopacity" href="LINK SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i883.photobucket.com/albums/ac33/PCWebAgent/FaceBook-icon.png" /></a> 

<a class="linkopacity" href="LINK SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i714.photobucket.com/albums/ww150/gglacken/icon_twitter.png" /></a>
</div>

3. paste dalam html/javascript

underline - left / right
merah - link site
biru - tajuk page
oren - url icon

4. save

note : kalau nak tambah lagi , copy saja . then tukar yang sepatutnya .
note : korang boleh cari icon >sini< tak pon >sini<. kena download okay . leps dh download , upload la dkt photobucket ke .. kalau tak nak download cari jea dekat google .

13 ✿:

Atsuko said...

klu pasang widget nie blog berat tak??

Nurhafizah said...

@Atsuko Ichirou rsanya xberat mna . tp jgn letk byk2 ..

ila said...

wah makin bnyk tuto dekat blog fiza ann..
nie yg suke niee

anamizu said...

comelnye template fizah ni..
edit sendiri ek?? :)

Nurhafizah said...

@anamizu gne template denim . sy edit ..

aziera said...

tak berapa nk jdi la. :(

Nurhafizah said...

@aziera copy je ..

Ninaaa said...

link site tu nak letak ape ehk ?

Nurhafizah said...

@Sharifah Sakinah link fb ke , twitter ke ..

Ashraaf said...

xjadi pun

Nurhafizah said...

@Ashraaf try buat skali lg .

~nobody is perfect~ said...

thnx 4 sharing..dh dpt ne..^_^

Unknown said...

tenkiu :D