Icon dan Link Home di tepi blog

Step 1;

Dashboard > Design > Add a Gadget > HTML/JavaScript


Step 2;

Copy & paste code kat bawah nih :


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

<a class='linkopacity' href='LINK KORANG' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="LETAK KOD ICON KAT SINI" /></a><br />






Step 3;


Bold biru : Ganti dengan link dan code icon home yang dikehendaki.
Bold merah : Boleh try and error nak letak icon tu kat mana.


Macam yang saya buat, saya letak icon home dekat bawah sebelah kiri blog (line merah dalam gambar atas & bulat oren dalam gambar bawah).




Step 4;

Preview and Save.

Credit to WanHazel.



0 comment/s:

 

Template by BloggerCandy.com