21 Julai 2011

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 komen

Yess !!! Menjadi..Thanks kak :)

nak pilih pic yg mne..tade pun..

@SistaYana

huhu..maaf...pics baru je delete..nt sy upload baru k :)

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 ;)

EmoticonEmoticon