Tutorial Cara Letak Float Social Network - MaisarahSidi.com

KLIK> Daftar Percuma Narratrs - Jana Income USD Menerusi Instagram

21 July 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 comments:

  1. Yess !!! Menjadi..Thanks kak :)

    ReplyDelete
  2. nak pilih pic yg mne..tade pun..

    ReplyDelete
  3. @SistaYana

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

    ReplyDelete
  4. Thankz for the info. Done following. Jom follow blog saya http://popcorneater1.blogspot.com/

    ReplyDelete

Terima kasih atas komen anda