Laman

 photo tabfashion.png photo tabtumblr.png photo tabtutorial.png
 photo tabtutorial.png

Floating Button FB, Twitter, dsb.

Halo kawannn.... Kali ini ima mau share tentang Floating Button. Ada yg tahu?? Floating button itu biasanya disebelah kanan atau kiri dekat header "melayang". Biasanya digunakan untuk Icon FB, Twitter dsb. Biar ga memenuhi Laman template... hehe makanya dibuat melayang. serukan??? seperti ini contohnya.

Nah caranya:
1. Buka Blog Home kalian.
2. Buka Tata Letak.
3. Klik Add Gadget
4. Pilih HTML/Java Script
5. Copy kode dibawah ini! dan paste di dalam konten HTML tadi. Ingat! jgn isi Judulnya ya ;)


<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:140px; left:-12px;'>
<a class='linkopacity' href='http://www.facebook.com/bielandutzz' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='My Facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM8HhmiH6ux73fWdOcOFORMOVFuc7HNO7xtJhbDVp1nYNcN9FoD8LXyGB9NF_Y89Kf4_k3mJO2R-ZmK-qOt20hWLMc_nP6TqACKUwwVJh0T6z6_9vsQMeaF75QGclqAG8z_2lOWhk0SCU/s1600/Facebook-icon.png" /></a><br />
<a class='linkopacity' href='http://twitter.com/#!/ima_nabbiel' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='My Twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuziqczht-iyGjwjlgwB8XDW-_dOgytikJKqU33pU8n7XbNDaWSxot7RHkLZV_DJ5fagMmUUGsApFKjqDCq-_O09qtOEAb2yA30wxAm_8FxT5fSYzWS3JVPS2y45eAwb0rskmakHGX9m0/s1600/TwitterIcon.png" /></a><br />
</div>

*Perhatian: Warna Oren itu bisa diganti kanan "right" (suka-suka kalian ya)
                   Warna Merah itu URL link FB/Twitter kalian. (yg ada diatas itu lho)
                    Warna Biru itu URL icon nya. bisa kalian dapatkan disini.

Mudahkan??? hehehe... Jangan sungkan-sungkanlah tinggalkan pesan :D
Salam Happy Blogger ^__^
Related Posts Plugin for WordPress, Blogger...