30 March 2011

Tutorial : ICON untuk WEBSITE .

Assalamualaikum ! :)


Tutorial ni , bukan ORIGINAL dari aku , tapi aku belajar dari BLOG Cik Norizzati :) Aku buat semula ape yang aku belajar bukan sebab ape , sebab orang yang mintak tuto ni tak paham ape yang Cik Norizzati ni ajar . Grr ! Aku dah banyak kali bagi LINK cik Norizzati tuh . Huh !


Korang faham tak , ape yang mereka nak sangat tuh ? xD Mereka nak ini ! :D


Then , pagi tadi , Mia mintak aku ajar jugak . Haha ! So , aku ambil keputusan untuk buat tutorial yang sama oleh cik Norizzati :) Maaf Cikgu Zati xD


Okay ikut step saya . :D


Firstly ,

Click DESIGN .

 Secondly ,

Pastikan anda di area PAGE ELEMENTS .
 Thirdly ,

Click HTML/JavaScript .

 Kemudian , COPY CODE di bawah ini :)


<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:20px; left:-5px;'>

<a class='linkopacity' href='URL WEBSITE ANDA' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://i1216.photobucket.com/albums/dd363/MontrealClubbers/icon_facebook2.png" /></a><br />


  • URL WEBSITE ANDA : contoh , http://www.facebook.com/zarithwawa
  • yang warna purple tu : facebook , boleh tukar perkataan twitter , blog dan sebagainya .
  • yang warna biru : tukar gambar ICON . boleh tukar ke ICON BLOGGER , MYSPACE dan sebagainya .
Kemudian , save . :)
Btw , kalau nak tambah icon , jangan ADD a GADGET lagi .

Cuma COPY/PASTE dan COPY/PASTE code bawah ini , dibawah icon yang korang dah paste tadi . =)

<a class='linkopacity' href='URL WEBSITE ANDA' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://i1216.photobucket.com/albums/dd363/MontrealClubbers/icon_facebook2.png" /></a><br />

  • URL WEBSITE ANDA : contoh , http://www.facebook.com/zarithwawa
  • yang warna purple tu : facebook , boleh tukar perkataan twitter , blogger dan sebagainya .
  • yang warna biru : tukar gambar ICON . boleh tukar ke ICON BLOGGER , MYSPACE dan sebagainya .

code ICON WEBSITE :
myspace :   : 
http://i1099.photobucket.com/albums/g381/Google-Images/Social%20Networks/Myspace-Icon.png

myspace :
http://i116.photobucket.com/albums/o36/Lord_Adonay_666/myspace_128x128.png



facebook : 
http://i1102.photobucket.com/albums/g457/mostimportantletter/For%20Blog/Facebookbadge102.png


facebook :
http://i1102.photobucket.com/albums/g457/mostimportantletter/For%20Blog/Facebookbadge102.png


facebook : 
http://i215.photobucket.com/albums/cc253/jordanknee/facebook-icon.png



twitter :
http://i1102.photobucket.com/albums/g457/mostimportantletter/For%20Blog/Twitter.png


twitter
http://i1102.photobucket.com/albums/g457/mostimportantletter/For%20Blog/Twitter.png

Itu sahaja Tutorial dari aku . WINK WINK !
SELAMAT MENCUBA YAWW ! :)


LIKE dan KOMEN adalah HAK ANDA
TERIMA KASIH DAUN KELADI

3 comments:

shayunk salamichan ;) said...

najwaa ! thnkss taww untukk toturial nihhh =) miaa terhareuu sgt sgt . haha ,

Najwaa Malikk said...

ohoi ! orait ! :)

mimie nidzam said...

Err awak, nape site lain yang saye buat tak naik ekh? yang lekat just facebook :)