Textual description of firstImageUrl

Tutorial Cara Letak Float Social Network

Maisarah Humaira | 7/21/2011 03:57:00 PTG | 4 Komen


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 ulasan:

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

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

    BalasPadam
  3. @SistaYana

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

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

    BalasPadam

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

MaisarahSidi.com © . Designed by Maisarah laaa