tutorial letak social networking bookmark dalam blog

Pagi ni niesz nak buat tutorial mcmana nk letak social network bookmark dalam blog, kira nya untuk letak, link page facebook ke, twitter ke..ada macam2 cara sebenarnya untuk letak bookmark ni, ada yang letak kat menu, dekat sidebar..but yang niesz nak ajar ni, yang letak kat tepi blog, macam niesz punya..

1. Pergi dekat DASHBOARD - PAGE ELEMENTS - ADD A GADGET

2. Copy semua code dekat bawah ni dan paste kan dalam ADD A GADGET

<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='URL FACEBOOK KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='URL TWITTER KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='URL BLOG KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />

</div>

3. Untuk top:140px - ketinggian bookmark terapung dalam blog korang, nak bagi center kat tepi pun boleh, just edit size tu..

    Untuk left:-12px; - kedudukan bookmark, kalau yang ni di sebelah kiri, nak tukar ke    kanan pun boleh, just edit left tu..

4. URL FACEBOOK KORANG - pergi dekat profile facebook korang, copy url atas tu.. contoh : http://www.facebook.com/profile.php?id=1033830739

     URL TWITTER KORANG - contoh : https://twitter.com/misniesza

     URL BLOG KORANG - contoh : http://princessnies.blogspot.com

5. Untuk icon images, korang boleh tukar ikut icon image yang korang nak, kalau nak ikut yang macam niesz punya pun boleh.

6. Boleh preview, kalau dah puas hati boleh save..siap! :)

* kredit to whiteymommy untuk tutorial ni*

-------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------
Suka entry ni? boleh LIKE!