- Cintun Amoiyya -

Tutorial Floating Icon/Icon FB,TWITTER,FLICKR,YOUTUBE

Monday | 7:00 PM

Assalamualaikum wbt.
Olla guys !

Jangan buang masa ~

Blogger Layout (template biasa)

Dashboard > Design > Page Element > Add A Gadget > HTML/Javascript

- Pastekan kod kat bawah ni dalam HTML/Javascript tu.

Blogger Template/Blogskin

Dashboard > Template

1. ctrl+f kod ini : <html>
2. Then paste kod dekat bawah ni, bawah kod <html>

<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:40px; right:-12px;'>

<a class='linkopacity' href='http://facebook.com/akaun facebook anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJzBVjla4DSCNBmRqlqloaj0bzkMvTlz3Toz5ajjh-U4S-NULjwHHJA7qG95gvitGssMLOz4OS4gDnVtky5vRbK7yT-qnozE8_PZJ1muhKP2Oxm-bV8Y54iPOJ28RsHDidkhGdwm2q00tt/s320/facebook.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/akaun twitter anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivjRpqrW2s0c0D86a8lCS78S6ZC4tOtDpnXX-EN0kSxfgtgQHQ6gX3NsMPsuSuMD9pS4ujX5pb17efQUmVx4JKHrI-iLcTuzFJ3ktK4G34fOjrEQ7JkQ0DC4r4vlEbMnYFHjYTSsynZxmB/s320/twitter.png" /></a><br />

<a class='linkopacity' href='http://youtube.com/akaun youtube anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='youtube'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDIP-GZ9lZqE1Ft4VlY03LAEbQKpeElqlqjlWchnD8hKCdCF02FUOhyphenhyphenHTOFVeA-duyHeKlD17ziBTu-Kmgw7LPEdUSnxaL1OfJIPafLzHZ5r3gWBJbUQsYMH0s5HHsKSR_ZNNJNdVLe_H/s320/youtube.png" /></a><br />

<a class='linkopacity' href='http://flickr.com/akaun flickr anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='flickr'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4sw16v_jfe62tg09qzPjuE8D5TLlmPE_7hFe9GXBEqyubSfMAF80oJKOSP3wnIDpJldgQssak3n4ciPXklr1cc1-r6ltCqn2AednUJNzaPbZzMfbu7sTj410aEwMlkNkHc0lqsDbFqI9Q/s320/flickr.png" /></a><br />

</div>

- yang hijau tu, korang kena letak url korang sendiri.
- korang boleh je nak tukar icon yang cute-2. Tukar dekat yang highlight warna pink tu. Hokay ?

- PREVIEW. Then, SAVE !

p/s : Takjadi, kasitau dekat shoutbox. Dah jadi, ape lagi, tekan butang follow tu haa. *soley-soley

Older Post | Newer Post