Thursday 5 May 2011

Tutorial Icon Web

Okay , hari ni nak buat tutorial icon web . apa tu icon web ? korang boleh letak dekat blog korang . benda alah tu ialah Social Networking icon . bila orang tekan icon tu , korang akan ke profile social network diorang . okay , jom kita mula !

  • Download icon cute-mute dekat sini Icon nyee
  • Bila korang dh siap download file tu , korang upload lah gmbr-gmbr tu semua dekat dlm Photobucket .
  • Dashboard--->Design--->Edit HTML--->tick Expand Template Widget 
  • tekan CTRL F utnuk cari code ni yee :
</head>

  • copy code yg berada di bawah ni , then paste kan dekat atas </head> tadi tu .
*CTRL C untuk copy (:*
<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>

  • korang tekan Save Template .
  • Layout--->Add a Gadget--->HTML/Java Script . korang masukkan code di bawah ni :
<div style="display:scroll; position:fixed; top:80px; left:0px;"><a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br><a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br><a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br><a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br><a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br></div>

  • korang pandai-pandai lah edit code tu , yang URL SITE , URL ICON . korang pun , boleh tukar kedudukan icon-icon tu semua dari right ke left (:
  • URL SITE : website profile korang .
  • URL ICON : korang copy code tu dari photobucket , yg korang upload tadi tu kan . then , paste dekat URL ICON tu . okayy !
GOOD LUCK !

No comments:

Post a Comment