Floating Button

ditaip Zana Mn jam 3:54 PM

Dah lama tak buat tutorial ek? Hari ni adik d'fiey bertanya camne agaknya nak pasang floating button kat blog kita.


Eh, floating button tu ape? Ini dia.


Haha, nak buat ni senang je, sebab tu cepat je buat tutorial ni. Heh. Ikut saje step kat bawah ni ye :)

Dashboard / Design / Page Elements / Add A Gadget / HTML/Javascript.

Ok, sekarang copy code dibawah ni dan paste di ruang Content HTML/Javascript

<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:140px; left:-12px;'>

<a class='linkopacity' href='http://www.facebook.com/zanariahmohdnasir' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/mommypinky' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='http://www.blogger.com/home' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />


</div>


Haip, belum siap lagi..kat atas ni code Mommy Pinky yang punya..haha. Sila la tukar Url yang di bold dengan Url akaun anda sendiri ye!!

Kalau rasa tak cukup 3 buttons je, hanya tambah code kat bawah ni dan adjust la sendiri. Hua Hua.


<a class='linkopacity' href='LINK ADDRESS' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL IMAGE" /></a><br />


Tips :
Kedudukan floating buttons boleh diubah di 140px,

Left tu boleh ubah kepada Right kalau nak floating buttons kat belah kanan blog korang.. :)

Tak berkenan gambar kat atas tu? Boleh ubah url image yang berwarna biru, cari sendiri icon yang korang suka. Mommy Pinky suke cari kat sini :) KLIK

Dah siap, SAVE!!

Kredit



Ada apa-apa kurang faham, tinggalkan komen ok. InsyaAllah, mommy tolong pahamkan..tapi lmbat la kot, masa terhad..ekeke~





Dah habis baca ke? Jangan lupa tinggal komen ◕‿◕



65 komen:

Norfa Lyana on 4:10 PM said...

i like..hehehehe

noreed on 4:14 PM said...

thanks for sharing :)

suffer8zine on 4:26 PM said...

wahhh nice kak

Terkini : ENTER

Hashira Yusoff on 5:07 PM said...

akakk!! dah lame shira cari mcm ne nk buat..
mekaseh banyak2.. T____T *terharu!

Que on 5:39 PM said...

terbaek la wak...tq2

AerOn YOn Arshad on 6:47 PM said...

nice tuorial.thx mommy pinky. :P

Hashira Yusoff on 8:07 PM said...

@Hashira Yusoff: alahai mommy,huduhnya shira buatt!! T___T apesal dia duk x tersusun?

QaQa on 11:08 PM said...

insyaAllah nk cbe la nnt;) tq ya! :)

cik EPAL on 11:20 AM said...

kak mekaseh wat tutorial ni. hee. nak tanya. if nak buat icon formspring camne?

mOoN on 12:59 PM said...

suka2...
thx mommy...:)

♣bieha d'fiey♣ on 9:27 PM said...

tengs mommy :) da buat dah :D

misyamissyou on 5:31 PM said...

wahh..nak cube la kak :) thanks for sharing

dylli on 10:26 AM said...

heee..
ambik tutorial kat mommy pinky,
harus lah button pun ambik kat mommy pinky.
well, you helped lots.
terima kasih. :)

Mommy Pinky on 1:15 PM said...

@Norfa Lyana
tenkiu ;)

Mommy Pinky on 1:25 PM said...

@noreed
sharing is caring..kan kan kan :)

Mommy Pinky on 1:28 PM said...

@suffer8zine
hee~

Mommy Pinky on 1:29 PM said...

@Hashira Yusoff
ololo..siannya, bt comel2 :D

Mommy Pinky on 1:31 PM said...

@Que
kui kui xD

Mommy Pinky on 1:35 PM said...

@AerOn YOn Arshad
Hah, buat ye :D

Mommy Pinky on 1:36 PM said...

@Hashira Yusoff
comel jek mommy tgk !! xD

inilahidupsaia on 5:07 PM said...

mommy , mcm mne nk bwat link ea . mcm tutorial mommy kt ats tu , "Mommy Pinky suke cari kat sini :) KLIK " yg klik tu tros pgi kt link. mcm mne ea ?

Soo Bakery on 7:00 PM said...

salam mommy..dah try buat floating button utk FB menjadi..tp bila click je kat button jd error plak..nape yerk..rasanya dah betul foolow step mommy bg tu

Soo Bakery on 8:01 PM said...

still error gak..poning kpalo den..
Contoh html mcm kat bwh nie..nnti sue email

Soo Bakery on 8:04 PM said...

sue text kat inbox FB

Cik Syafika on 4:58 PM said...

tengs 4 the tutorial,mommy pinky :)

Adah dimie. on 11:05 PM said...

mommy pinky, thanks for the tutorial. mahu copy tutor neh bole tak ? hehe. :)

tNie si keCiK on 2:26 PM said...

mommy2!! i amik sebijik cam mommy oke~~ jangan marahh noohhh~~ hehe!

♥ m e e r a ♥ on 1:44 AM said...

thanks taw mommy :)

eiysya zasya's on 9:27 PM said...

nak tanya.. icon tuh nak tukar macam mana? kena download dulu ke icon yang kita nak? pastu kena buat apa?


sory banyak tanya.. =D

uwmaisarah on 10:24 AM said...

thanks kak zana! happy sebab menjadi! yippee~

lyana :) on 9:27 PM said...

mcm mnea nak buad mouse mcm mommy pinky punye . cute sgt :)

Mommy Pinky on 9:58 PM said...

@lyana :)

mouse? cursor ker maksudnya? :D

wnsi on 1:14 PM said...

datang belajar kat sinie..thanks mommy pinky :]

fishy on 3:39 PM said...

time kasih :)

awie wiwie on 2:39 PM said...

thanks mommy pink sebab dah beri tunjuk ajar :)

didie:) on 7:14 PM said...

menjady :D
tengs mommy pinky

HAJAR hasan on 5:25 PM said...

mommy, saya share tutorial ni ya. dah bg baclink. thank you.

tutorial floating button

Aqeela LaEn :3 on 7:35 PM said...

hee :)
thank you akak comel !

aida syawani on 3:28 PM said...

waaa ,jadi , tysm :)

Shahira Fizuni on 12:09 AM said...

saye da cary lame da tuto yg ni..
thanks!~ love this tuto alot!!~ :*

chipsmore134 on 1:39 AM said...

tenkiu :)

dyg on 6:13 PM said...

thanks kak for the tuto nie..sangat berguna & kejap je saya paham..dah wt n menjadi!

waniy blabla :) on 6:47 PM said...

thank you mommy pinky :D

B E L L A on 10:40 PM said...

ty <3

AQEELAismail on 3:58 PM said...

emm, kat tempat yg mommy pinky rekomen cri gmba tuh, cmne na dptkan code ny? sorry, saye blur lar . hhuuhu

fasha on 3:12 PM said...

thanks :)

♥Princess Delliza♥ on 4:56 PM said...

da jd.. tq dear..

Caten -- on 10:45 PM said...

mommy..i guna ni tw.thanx :)

060709 ^^ on 12:12 PM said...

tengs :) i love it

Faisyah on 7:04 PM said...

musykil, nape bila klik 'f' tu, nanti kuar page fb tp the content is currently unavailable? ID fb dah betul dah.. kat mana silap ek?

Mommy Pinky on 7:29 PM said...

@Faisyah
dah cek dh kat blog faisyah, ok je..hehe..mybe internet kot yg problem :)

Faisyah on 7:37 PM said...

@Mommy Pinky ooo ye ke? esok cuba internet opis la plak..dari smlm mencuba, asyik itu je kuarnya.. tqvm mommy pinky :)

misz aina ♥ on 9:25 PM said...

dh jdik!tanx mommy <3

fina on 4:26 PM said...

nice.. ^^

syafika comot on 3:39 PM said...

terimakasih manyak. sudah menjadiuk :)

Qeefa on 6:12 PM said...

terbaik!!thank ya!!

Melin's Secret on 9:01 PM said...

link adress tuwh apew???? yg manew??

YASMIN :) on 11:15 AM said...

Macam Ne Tak nak twitter punye ehh ? Nak Fb ngan blogger jr ?

+Mel Amalina+ on 12:33 AM said...

thanks..sy tgk tutorial ni, berguna sgt..^_^ tq so much

KittIeY~Mimichiey on 1:11 PM said...

mmg rock..!!!

Alyaa Atikah' on 11:38 PM said...

Thanks ,:)

sweetydluver's on 11:51 PM said...

kenapa dea bukan ke bwah ye tapi melintang ?

Tyra Kahar on 3:34 PM said...

thnks mommy ^^

nabeela♫ on 8:18 PM said...

tq s0o much!
:D

Kurosuki Yuuki on 9:18 PM said...

Assalamualaikum ^^ sy dah follow awk.. follow sy balik? :m

:a :b :c :d :e :f

Post a Comment

 

Copyright © 2017 Formula Pikat Suami | Hannah Marketing (002548446-P). All rights reserved | Sign in, Design