Button sosial... ~ Mysura's Diary

15 September 2009

Button sosial...

hmmmm....hari ni saya nak kongsi macam mana nak buat link banner...
link banner seperti Myspace, Facebook, Twitter dan sebagainya....
caranya senang sahaja...kalau korang dah ada akaun photobucket atau sewaktu denganya, cuma uploadkan gambar banner myspace, facebook, twitter kedalam photobucket dan guna HTML kodenya....contohnya :

<a href="http://s417.photobucket.com/albums/pp257/surafatin12/?action=view&current=MySpace12.png" target="_blank"><img src="http://i417.photobucket.com/albums/pp257/surafatin12/MySpace12.png" border="0" alt="Photobucket"></a>


kalor merah tu anda boleh gantikan dengan nama site, contohnya gambar yg anda letak tu banner Myspace, jadi letak lah captionya "Myspace saya"

warna biru tu plak letak link yang korang nak tujui, contohnya http://www.myspace.com/sura12 ...(ingat, tukar dengan link yang kamu nak pengunjung gi ke link tersebut..)

contohnya akan jadi gini ( kode HTML )...:

<a href="http://www.myspace.com/sura12" target="_blank"><img src="http://i417.photobucket.com/albums/pp257/surafatin12/MySpace12.png" border="0" alt="Myspace ku.."></a>


gambarnya akan jadi gini...:

Myspace ku...


ok...amacam jadi tak korang buat...kalau korang nak senang sini saya bagi contoh kode2 button sosial...enjoy...

Myspace:
<a href="http://s417.photobucket.com/albums/pp257/surafatin12/?action=view&current=MySpace12.png" target="_blank"><img src="http://i417.photobucket.com/albums/pp257/surafatin12/MySpace12.png" border="0" alt="Photobucket"></a>

Facebook:
<a href="http://s417.photobucket.com/albums/pp257/surafatin12/?action=view&current=facebook12.png" target="_blank"><img src="http://i417.photobucket.com/albums/pp257/surafatin12/facebook12.png" border="0" alt="Photobucket"></a>

Twitter:
<a href="http://s417.photobucket.com/albums/pp257/surafatin12/?action=view&current=Twitter121.png" target="_blank"><img src="http://i417.photobucket.com/albums/pp257/surafatin12/Twitter121.png" border="0" alt="Photobucket"></a>

Friendster:
<a href="http://s417.photobucket.com/albums/pp257/surafatin12/?action=view&current=friendster12.png" target="_blank"><img src="http://i417.photobucket.com/albums/pp257/surafatin12/friendster12.png" border="0" alt="Photobucket"></a>

Wordpress:
<a href="http://s417.photobucket.com/albums/pp257/surafatin12/?action=view&current=wordpress12.png" target="_blank"><img src="http://i417.photobucket.com/albums/pp257/surafatin12/wordpress12.png" border="0" alt="Photobucket"></a>

Blogger:
<a href="http://s417.photobucket.com/albums/pp257/surafatin12/?action=view&current=blogger12.png" target="_blank"><img src="http://i417.photobucket.com/albums/pp257/surafatin12/blogger12.png" border="0" alt="Photobucket"></a>

Youtube:
<a href="http://s417.photobucket.com/albums/pp257/surafatin12/?action=view&current=youtube.png" target="_blank"><img src="http://i417.photobucket.com/albums/pp257/surafatin12/youtube.png" border="0" alt="Photobucket"></a>