Tutorial Cara Letak Float Social Network



Cantik tak button terapung ni? Selain tu, button ni jugak akan membuat blog menjadi kemas dan mempercepatkan loading blog anda. 

Tanpa membebel lebih banyak, let's cekidaut . . .


Step 1
Go to > Add page element > Add a gadget > Html/Javascript


Step 2
Copy & Paste code di bawah

<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:200px; left:-12px;'>
<a class='linkopacity' href=' http://www.facebook.com/USERNAME ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://YOUR_Facebook_IMG_URL" /></a><br />
<a class='linkopacity' href=' http://twitter.com/USERNAME' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://YOUR_twitter_IMG_URL" /></a><br />
<a class='linkopacity' href=' http://formspring.me/USERNAME ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='formspring'><img border="0" src="http://YOUR_Formspring_IMG_URL" /></a><br /></div>

Step 3
Edit kod di bawah yang berwarna pink dengan menggantikan dengan username korang.
Contohnya : http://www.twitter.com/maisara_humaira .


Step 4
Edit kod di bawah yang berwarna biru, jika korang nak gantikan gambar widget ikut warna pilihan korang sendiri.
Contohnya : dari original link http://YOUR_twitter_IMG_URL menjadi seperti ni http://1.bp.blogspot.com/-hvTCTyQZ5gI/TZiB92OO0wI/AAAAAAAABXc/F2RWWNyJNt0/s1600/oranges-twitter.png



Macam mana nak tukar image dan pilih image comel kat bawah ni ? Senang je, korang pilih je mana satu gambar kat bawah ni yang korang suka. 

Pilih > Kemudian > Right Click pada cursor > Click copy image location @ copy image URL > Paste url image location tu di kod yang bewarna biru semasa langkah 4 tadi.




Kalo nak letak gambo memasing pun takpe, janji puas ati :) Sape2 yang takde mane2 FB,twitter or formspring tak perlu letak kod tersebut yer :)


Selamat mencube (:
Assalamualaikum


kredit

4 comments.. read them below or add one

Izzati Syazwani Izzati Syazwani April 08, 2012
Yess !!! Menjadi..Thanks kak :)
SistaYana SistaYana Julai 29, 2012
nak pilih pic yg mne..tade pun..
♥ Maisarah Humaira ♥ ♥ Maisarah Humaira ♥ Julai 29, 2012
@SistaYana

huhu..maaf...pics baru je delete..nt sy upload baru k :)
popcorn popcorn Januari 24, 2015
Thankz for the info. Done following. Jom follow blog saya http://popcorneater1.blogspot.com/

Terima kasih atas komen anda. Live link tidak dibenarkan sama sekali, jika didapati anda berbuat demikian, komen akan dibuang serta merta. Harap maklum ;)