Tutorial ini berkenaan cara letak icon Facebook, Twitter& Formspring kat kiri blog. Yang macam yana guna sekarang ni lah, tengok sebelah kiri blog yana. Comel kan? Ramai juga kawan yana minta buat tutorial ni . Lets start.

1. Copy code di bawah dan paste pada gadget 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:200px; left:-12px;'>
<a class='linkopacity' href=' URL FACEBOOK' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL ICON" /></a><br />
<a class='linkopacity' href=' URL TWITTER' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="URL ICON" /></a><br />
<a class='linkopacity'  href=' URL FORMSPRING'  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='formspring'><img border="0" src="URL ICON" /></a><br /></div>

2. MERAH : buka facebook/twitter/formspring , lepas tu copy url .

3. BIRU : icon yang korang nak letak . cari icon tu dekat SINI

Dah siap, save. Selamat mencuba :)

Note : kalau tak nak Formspring punya, just delete okay? :)

Another Note : INGAT. JANGAN sampai terpadam ruang-ruang yang ada di dalam code tersebut.

0 Comments:

Post a Comment

|