HOME ABOUT LINKIES STUFF DASHBOARD FOLLOW

Tutorial : Media Social Icon Tepi Blog

"macam mana nak buat icon media sosial dekat tepi blog tu? yang kalau kita scroll pun dia still ikut."


Ikut steps bawah ni okay :)

1. Pergi Dashboard > Layout > Add A Gadget > HTML/Java script

2. Copy and paste code 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:140px; left:-12px;'>

<a class='linkopacity' href='FACEBOOK LINK' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="FACEBOOK ICON URL" /></a><br />

<a class='linkopacity' href='TWITTER LINK' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="TWITTER ICON URL" /></a><br />

<a class='linkopacity' href='INSTAGRAM LINK' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='go to dashboard'><img border="0" src="INSTARGRAM ICON URL" /></a><br />

Yang merah tu awak kene tukar laa tau. Tau kan macam mana? Kalau tau, bagus.

3. Save! :)

Kalau malas nak cari icon social media tu, nah aku bagi : HERE