Tutorial Cara Pasang tombol Facebook, Twitter & Formspring melayang !

Salam !

Pernah liat orang pasang widget social networks terbang gak di blog ? Kalau tak pernah, cuba kamu liat blog saya di sebelah kanan  tu ada widget saya yang melayang kan ? saya gak ? nah apakah kamu mau belajar misal.a mau langsung aja neh tutorial.a =)

cara meletakan tombol Facebook, Twitter & Formspring melayang

Cara Letak Butang Facebook, Twitter & Formspring Terapung

• Langkah 1 Go to >> Add page element >> Pilih Html
• Langkah 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>

• Langkah 3 Edit kod di bawah yang berwarna merah dengan menggantikan dengan username kamu. Contohnya : http://www.twitter.com/silampuneon.

• Langkah 4 Edit kod di bawah yang berwarna biru, jika kamu gak gantikan gambar widget ikut warna pilihan kamu 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*  image dan pilih image kamu di bawah ni? Senang je, kamu pilih aja yang mana satu gambar di bawah ini yang kamu suka. Pilih>> Berikutnya>> Right Click pada cursor>> Click copy image location>> Paste url image location tu di kode yang berwarna biru saat langkah 4 tadi.

Biru Gelap


Biru Cerah


Hijau


Pink


Merah


Kuning


Unggu


Turqoise


Hitam/Putih


Coklat


Oren

Tips : dan anda bisa berkreasi sendiri image dengan photosop :D

Posted in: trick blogger,Tutorial blogger