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

Kongsikan

Artikel berkaitan

Tutorial Cara Letak Float Social Network
4/ 5
Oleh

Langgan melalui email

Suka dengan artikel di atas? Tambahkan email Anda untuk melanggan.

4 komen

Tulis komen
avatar
8.4.12

Yess !!! Menjadi..Thanks kak :)

Reply
avatar
29.7.12

nak pilih pic yg mne..tade pun..

Reply
avatar
29.7.12

@SistaYana

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

Reply
avatar
24.1.15

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

Reply

Terima kasih atas komen anda