Tutorial : Floating button
Heyyo. Apa khabar ? Miss me ? Tengkiyuu xD Eh-2, tgk la title itu. Ade org tnye mcm mne nk buat button fb kt tepi tu and number of visitors. Tak caye ? Cer tgk :
Requested by Ayin. To Ayin, link kamu ape ? Bile tekan je, dye kate 'has been removed'. Okay, jgn lari topik. Jom buat tuto for floating button. But before that. Korang tau tak floating button tu ape ? Tak tau ? Jom tengok ape itu floating button :
Ha, itu lah dye floating button. Sekarang dah kenal kan ? Jom kite buad tuto ni sesame.
1) Design > Page Elements > Add A Gadget > HTML/Java Script
2) Copy code bawah ni and paste dlm kotak HTML/Java Script tadi :
<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/saranghae97' 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/BeMine1997' 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>
3) Save !
Senang gile kan ? Amacam ? Jadi tak ? Some note :
Yang warna merah tu, korng tuka ikut suke korang. Yang warne oren pulak, korng tuka dgn link page korang. And last, wrne kuning tu, korng bole tuka dgn
link gmbr yg korng suke. But for me, yg Ai bagi ni pon dah okay. Tapi, yg mcm tuto ni, tak same dgn Ai punye tau. Yang Ai punye ni, Syiqin buat.
Korang tertanye-2 tak kenape Ai bold kan 'Add A Gadget' dan 'HTML/Java Script' ? HAHA xD Ai bold kan sebab ade yg tertanye-2. Nak letak kat mane ? Mane tempatnye ? Okay dear. Ini haa bendenye :
Pastu, korng pilih la mne-2 tempat yg korng nak. Ai suggest kan Add A Gadget
yg belah kanan tu.
Lepas tekan Add A Gadget. Nanti keluar lah kotak mcm ats ni. Korng scroll ke bawah sikit pstu jumpe HTML/Java script mcm kt bwh ni :
Ha, kat kotak ats ni laa korng kene paste code tadi. Korng tulis la dkt title tu 'Your number' ke ape ke. Pastu, save je la. Dah siap.
Tuto number of visitors kite sambung later ye. Ai nak edit blog org kejap. Dadaidididudu. Bye :]
Ade yg takpaham ke ? Pergi je blog Kak Haja. Mungkin korng lebih phm :>
About Me
Full Name : Siti Nur Aisyah
Nickname : Syano, Aisyah
Birthdate : 27 December 1999
Hometown : Johor Darul Takzim
Stay : Johor Bahru
Hobby : Online
Ambition : Surgeon
Bestfriends : Nash, Tera, Amir, Kacang, Inani, Shasha, Namez, Ayu, Shark, Farah, Kacang, Hud, Dan", Purps, Sui Generis.
Facebook | Twitter.
Tutorial : Floating button
Heyyo. Apa khabar ? Miss me ? Tengkiyuu xD Eh-2, tgk la title itu. Ade org tnye mcm mne nk buat button fb kt tepi tu and number of visitors. Tak caye ? Cer tgk :
Requested by Ayin. To Ayin, link kamu ape ? Bile tekan je, dye kate 'has been removed'. Okay, jgn lari topik. Jom buat tuto for floating button. But before that. Korang tau tak floating button tu ape ? Tak tau ? Jom tengok ape itu floating button :
Ha, itu lah dye floating button. Sekarang dah kenal kan ? Jom kite buad tuto ni sesame.
1) Design > Page Elements > Add A Gadget > HTML/Java Script
2) Copy code bawah ni and paste dlm kotak HTML/Java Script tadi :
<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/saranghae97' 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/BeMine1997' 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>
3) Save !
Senang gile kan ? Amacam ? Jadi tak ? Some note :
Yang warna merah tu, korng tuka ikut suke korang. Yang warne oren pulak, korng tuka dgn link page korang. And last, wrne kuning tu, korng bole tuka dgn
link gmbr yg korng suke. But for me, yg Ai bagi ni pon dah okay. Tapi, yg mcm tuto ni, tak same dgn Ai punye tau. Yang Ai punye ni, Syiqin buat.
Korang tertanye-2 tak kenape Ai bold kan 'Add A Gadget' dan 'HTML/Java Script' ? HAHA xD Ai bold kan sebab ade yg tertanye-2. Nak letak kat mane ? Mane tempatnye ? Okay dear. Ini haa bendenye :
Pastu, korng pilih la mne-2 tempat yg korng nak. Ai suggest kan Add A Gadget
yg belah kanan tu.
Lepas tekan Add A Gadget. Nanti keluar lah kotak mcm ats ni. Korng scroll ke bawah sikit pstu jumpe HTML/Java script mcm kt bwh ni :
Ha, kat kotak ats ni laa korng kene paste code tadi. Korng tulis la dkt title tu 'Your number' ke ape ke. Pastu, save je la. Dah siap.
Tuto number of visitors kite sambung later ye. Ai nak edit blog org kejap. Dadaidididudu. Bye :]
Ade yg takpaham ke ? Pergi je blog Kak Haja. Mungkin korng lebih phm :>
OLD / NEW