tutorial #40 :Social network button


Okay . Bosan en hari hari tutorial ? Nevermind . Btw credit to akak nadya via akusyamira okay .
Shall we start now ? Okay .

1Mula-mula download icon dekat sini dulu http://www.box.net/shared/j2j6pz97ml
2Then korang upload dekat photobucket or dekat new post .
3Okay kemudian pergi Dashboard>Design>Edit html>tick Expand widget template
4Ctrl+f serentak and carik kod ni </head>
5Paste code ni atas </head>
<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>

6Then Save template
7Pergi edit layout lak . Click add a gadjet and pilih html javascript
8Ctrl+c serentak and copy code ni and paste dekat html javascript tadi
<div style="display:scroll; position:fixed; top:200px; left:0px;">

<a class="linkopacity" href="url site" target="_blank" rel="nofollow" title="title here" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="url icon" /></a><br />

<a class="linkopacity" href="url site" target="_blank" rel="nofollow" title="title here" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="url icon" /></a><br />

<a class="linkopacity" href="url site" target="_blank" rel="nofollow" title="title here" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="url icon" /></a><br />

</div>

9Gantikan Url site tuh dengan url facebook,twitter and ape yang korang nak . kalau x cukup just tambah kan code dia okay ,Url icon tukar dengan url gambar yang korang nak ataupun yang korang da upload dekat photobucket tadi .

Picit save and tengok jadi ke tak :)

1 comment:

Aideed Muh'd said...

button formspring tak dak ka ?

Subscribe