Hari ni, aku nak sampaikan la sedikit ilmu untuk korang nak cuba letak dekat blog korang..oleh sebab request..so aku provide sedikit guide untuk korang cuba..

        Seperti korang nampak di blog aku ni. Dekat penjuru atas kanan, terdapat 3 logo berukuran 64 x 64 yang still stay kat situ walaupun korang scroll ke bawah [ciri floating].dan jugak warnanya akan terang kalau korang letak mouse kat situ [ciri opacity]...yang mana logo-logo tu aku linkkan ke akaun fb, blog dan gb..boleh jugak letak yang lain...semuanya mengikut kreativiti masing-masing...

1.       First of all..copy code dibawah ni..then klik dekat layout...tickkan expand widget templates...then tekan CTRL +F.. cari </head>...then pastekan  before atau pun atas tadi.

<!--LINK-OPACITY-STARTS--><br /> <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><br /> <!--LINK-OPACITY-STOPS-->

2.    Then..preview first..kalau tak ada sebarang error...baru save...
3.    Pastu klik dekat page element, then add javascript/html...
4.    Copy code dibawah..then paste ke notepad untuk diedit dulu...

<br /> <div style="display:scroll; position:fixed; top:10px; right:0px;"><br /> <a class="linkopacity" href="LINK" target="_blank" rel="nofollow" title="TITLE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="LINKGAMBAR" /></a><br /> <br /> </div>

5.   Apa yang korang boleh edit dalam code diatas ialah..
- top:10px; right:0px; [gantikan top dengan bottom atau right dengan left kalau nak ubah sisi terapung]cth: top 10 bermaksud..10px dari atas..0px dari kanan brower.
- href="LINK" [gantikan LINK dengan link yang nak dilinkkan dengan gambar tu].
- src="LINKGAMBAR" [gantikan LINKGAMBAR dengan link gambar yang korang nak.]
- height="64" width="64" [gantikan dengan size tinggi dan lebar gambar korang nak appearkan.]

6.    Code yang dah siap diedit..korang leh direct letak dekat add javascript/html tadi..

7.    Kalau korang rase nak tambah lagi..korang boleh tambah lagi link dengan code dibawah ni..process mengeditnye same macam dalam step 5..dan code yang korang dah edit nak ditambah tu....mestilah dipastekan sebelum </div>... letak la berapa banyak pown link yang korang nak...

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

8.     Save dan siap...

Selamat mencuba ye...^_^v

-This tutorial totally made by HyperPlasma except the code-

Tweet