16.11.11

Tutorial : Floating Button (Facebook & Blogger Home)

Author : Nabila Medan Time : 11/16/2011 06:09:00 PM Total Comment : 3 Label :


Oke , nabila nak ajar cara nak buat floating button macam contoh kat blog nabila..
Dekat belah kiri yg ada facebook , blogger home and twitter tu.
oke cara nyer!

1.Dashboard > Design > Add a Gadget > HTML/JavaScript

2.copy code bwh ni and paste dibhgian 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:240px; left:4px;'>

<a class='linkopacity' href='LINK FACEBOOK KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://images-2.findicons.com/files/icons/2449/buddycons/32/facebook.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='blogger home'><img border="0" src="http://images-3.findicons.com/files/icons/2449/buddycons/32/blogger.png" /></a><br />

</div>


PERHATIAN!
ABC - LINK FACEBOOK KORANG
ABC - Kedudukan floating button tu
ABC - IMAGE URL ICON floating button

3.Dah siap , korang SAVE!

Nak carik icon menarik lagi ?



3 comments

Tuesday, March 13, 2012 9:12:00 AM Delete! [Reply Comment]

salam,,mcm mne kite nk besar kan icon tuh ye... ;D

Wednesday, December 05, 2012 10:05:00 AM Delete! [Reply Comment]

mcm mana nak buat flike fsend share this fshare tweet kat blogskin. juga mcm mana nak letak join this site kat blogskin? sila singgah ke blog saya untuk komen...terima kasih.

Sunday, January 20, 2013 2:02:00 AM Delete! [Reply Comment]

nabila,thanks untuk tutorial ni. membantu sangat, ;)

Post a Comment
Related Posts Plugin for WordPress, Blogger...