Fresh Entri Must Read

6 Oct 2012

Tutorial Letak Floating Button

Izzah Norlizah| 3:04 am| 0Comments|

Tutorial time,,
Tak perlu back up template dan main coding2.
Cuma tambah gadget je kalau nak letak
floating button dalam blog,,,
Yang cam ne bagi yang tak faham,,,





Kat blog aku pun ada tapi tak boleh print screen.
Aku ambil dari Mr.Google jelah,,,
Yang tak tahu dan teringin sangat nak letak,
ikut step ne satu-persatu.Senang je,,,^_^


  • Dashboard>Layout>Add a gadget>Html/Javascript
  • Copy kod ne
 <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='Link Facebook' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="Url Image" /></a><br />

<a class='linkopacity' href='Link Twitter' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="Url Image" /></a><br />

<a class='linkopacity' href='http://www.blogger.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='dashboard'><img border="0" src="Url Image" /></a><br />

</div>

Biru : Link Facebook dan Twitter
Oren : Url Image/Button(Boleh cari di sini ,sini dan sini.

Ne aku da wat freebies sikit untuk image floating button.
Image ne aku ambil design syafik & Fizgraphic,,,
Aku tambah huruf/abjad je,,,^^
Kalau suka,ambil la,,,


http://i1308.photobucket.com/albums/s609/IzzahNorlizah/imgFB_zpsdb504e63.png
http://i1308.photobucket.com/albums/s609/IzzahNorlizah/imgTwitter_zpsbe7bc5f5.png
http://i1308.photobucket.com/albums/s609/IzzahNorlizah/imgdashboard_zps77b5de77.png 

No comments: