tutorial - floating profile

Hari ni ain nak ajar korang macam mana nak buat floating profile dekat blog . Kalau nak tahu macam mana , sila ikut tutorial ni dulu then you will know :)

1.dashboard - design - add gadget - html/javascript

2.copy code neyy and paste dlm kotk 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:35px; align:left; '><a class='linkopacity' href='URL PAGE' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Home'><img src="URL GAMBAR" /></a><br /><a class='linkopacity' href='URL PAGE' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='About Me'><img src="URL GAMBAR" /></a><br /><a class='linkopacity' href='URL PAGE' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Tutorials'><img src="URL GAMBAR" /></a><br /></div>

3.biru korg boleh pilih gambar kt bawah

4.preview - then save !

Freebies URL ImaGE

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAtaClsP9qhGvUKeNUkGvLvEmy-ZCI3TNKncXH82BBkmNJ7y3VP8plwiVDOPJrICwFO2p92QGjHyu6wmS30Ok8vwGBQiSx5atSrEUNu0_miuH79iXtb00LiCnPvitW9b1IpdpqgWrFQCE/s1600/tab+menu+baruuu.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtBREBWOXrilWLNfDCwQ7jC54Q1keR7xzh2GCIZ16KGLEtbsj2KBv-t84MLB-U165bDpSinA4EZR8JCowrkB7ScBnZCMD6ED-9ULztWWdk1OOKgdfQ9l8B5kFVspybf66LuRZ3ibIDG40/s1600/profile+hover.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7R04xB8U5ZeS009irMjtGjNkf-dMCBVIkcqhsq6Ck8iqLdIu2JTE92s7CG02J_d4Rjcez7lKSIXWvwyBikVVe3QwlwKlN-NxeLvrxfMQnncUbUvDrY2QmPL219gKh7ysp6lh808AMDhA/s1600/goodies+hover.png

---

THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥

---