Saturday 16 July 2011

Letak Icon Kiri Facebook Twitter Formspring

 
As Salam & Hi Everyone...
Tutorial kali ini berkenaan cara Letak Icon statik pada Kiri belog supaya Facebook, Twitter dan Formspring anda senang dicapai terus oleh pengunjung belog anda... Aku juga telah sediakan sample icon pelbagai warna pilihan...

Sumber Code
Sumber code di bawah ini aku perolehi daripada Suffer8zine (Terima Kasih diucapkan). Sumber code asal beliau boleh diperoleh disini...



Cara Letak Icon Kiri Facebook Twitter 
Step 1 : Copy code di bawah dan paste pada gadjet HTML/SCRIPT
Step 2 : korang tukar USERNAME merah tuu kepada username korang
Step 3 : korang gantikan IMG_URL biru tuu kepada icon pilihan korang

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

<a class='linkopacity' href=' http://www.facebook.com/USERNAME ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://YOUR_Facebook_IMG_URL" /></a><br />

<a class='linkopacity' href=' http://twitter.com/USERNAME' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://YOUR_twitter_IMG_URL" /></a><br />

<a class='linkopacity'  href=' http://formspring.me/USERNAME '  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='formspring'><img border="0" src="http://YOUR_Formspring_IMG_URL" /></a><br />

<center><b><a href="http://www.adamxis.com/2011/04/tutorial-letak-icon-kiri-facebook.html" target="_blank">[tutor]</a></b></center></div>


Icon Facebook, Twitter dan Formspring
Icon-icon dibawah nie... aku edit balik dan warnakan sendiri kesemuanya tau... Fuuhhhh seharian buat... letih wuuu...
Kalau korang nak amik icon... sila klik icon tuu, download dan upload balik sendiri dekat tempat lain... atau klik jer icon tuu dan amik URL... tetapi URL tuu amat panjang laa.hehehe... haa kalau nak amik mana-mana part gambar icon nie untuk tutorial korang... sila bagi kredit sikit kat aku okay?... kecian penat aku dok buat.

Biru Gelap
Biru Cerah
Hijau
Pink
Hot Pink
   
Merah
Kuning
Unggu
Turqoise
Hitam/Putih/Kelabu
Coklat
Oren


Read more: DragonHackers Blogspot | Tutorial Blogger | Tutorial Internet | Tutorial Computer http://dragonhackthis.blogspot.com/ Under Creative Commons License: Attribution

0 comments: