Membuat Ikon Melayang (Floating Icon)

Floating Icon disini maksudnya adalah membuat Ikon/logo social network seperti Facebook, twitter, dan gplus melayang pada blog kita. (contohnya dapat kamu lihat di sebelah kiri blog ini)

Caranya cukup mudah~
  • Login ke akun blog kamu
  • Pada dashbor pilih Design atau Rancangan
  • Klik tulisan seperti ini
  • kemudian tambahkah gadget
  • Copy paste script berikut pada halaman gadget html/javascript tadi
copy script ini
<style type='text/css'> a.linkopacity img { filter:alpha(opacity=75); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;} a.linkopacity:hover img { filter:alpha(opacity=75); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } </style> <div style='display:scroll; position:fixed; top:300px; left:60px;'>
<a class='linkopacity' href=' http://facebook.com/fheyb24 ' imageanchor='1' rel='nofollow' style='margin-right: 1em; margin-left: 1em;' target='_blank' title='add me'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2CIChAmunMkvbQJsLrNG_JSz8ViKngPUYzJKgiiEAWMcwx_sF4uJwg6eVBEY-Rsts8YiVI1Jx5ObI-FnrrFPRT4ZTkPS8pwKceiEnu9A3JVbhCa-SeSPC00Zg157AG-xhT2eLnbuLocRp/s1600/Facebook-Button.png" widht="50" height="50" /></a><br /><br />
<a class='linkopacity' href=' http://twitter.com/fheyui' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='follow me'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikNL8FmsjL1Tysstwi3RktpwI-Ee9jpZ0GlOwtEuIhbBRujWIBR3EibH9essTcpOI-hzeeD1cgoKHuHefUNfc3Wa0wynWDqLJ_kitPvBu6bsEpy_DCEP-37okiR6gXNslxt6HU8wH3ReHE/s1600/twit.png" widht="50" height="50" /></a><br /><br />
<a class='linkopacity'  href=' https://plus.google.com/107540150909537179404 '  imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='circle me'><img border="0" src="http://www.thelyftagency.com/assets/thelyftagency.png" widht="50" height="50" /></a><br /></div>

  • Terakhir, klik save dan lihat hasilnya~ xD
Note :: tulisan yang berwarna merah ganti dengan url social network kamu dan tulisan berwarna coklat ganti dengan link gambar yang kamu mau :3

0 comments:

Post a Comment

 

Selamat Datang

Terima kasih telah mengunjungi F-Learning, ini adalah blog khusus edukasi mengenai Pendidikan Teknik Informatika dan Komputer Selengkapnya tentang F-Learning

Sepintas Tentang Admin

Saya Febriyani, 19 tahun. Sekarang sedang menjalani semester 5 di salah satu Universitas Negeri di kota Makassar... Baca selengkapnya

Info