Labels

5 February 2010

Tutorial : Cara Pasang Butang Facebook, Twitter & Formspring Terapung !



Salam !

Pernah tengok tak orang pasang widget social networks terapung kat blog ?  Sape nak letak widget ni jom kita teruskan tutorial =)


baca lagi...


Cara Letak Butang Facebook, Twitter & Formspring Terapung

  1. Langkah 1 Go to >> Add page element >> Pilih Html
  2. Langkah 2 Copy & Paste code di bawah nie


  3. <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>


  4. Langkah 4 Edit kod di bawah yang berwarna merah dengan menggantikan dengan username korang. Contohnya :http://www.twitter.com/muhdfirdaus.

  5. Langkah 5 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 .