Hallo , Ketemu lagi dengan postingan
RodeBlog - Coding Galau . Kali ini aku akan membahas cara Memasang Floating Button di Blog seperti Button Facebook, Twitter , dan Blogger. Mau tau bagaimana caranya . Ayo langsung kita praktekan , ikuti langkah - langkah dibawah ini.
Silakan login ke www.bloger.com dan masuklah ke blog yang ingin anda
ubah bentuk kursornya. Pilih Tata Letak > Tambah Gadget >
HTML/Java Scrip . Lalu masukan coding - coding yang ada dibawah
ini
<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='
URL FACEBOOK ANDA'
imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right:
1em;' target='_blank' title='facebook'><img border="0" src="
http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />
<a class='linkopacity' href='
URL TWITTER ANDA'
imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right:
1em;' target='_blank' title='twitter'><img border="0" src="
http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />
<a class='linkopacity' href='
URL BLOG ANDA'
imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right:
1em;' target='_blank' title='feed'><img border="0" src="
http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />
</div>
Untuk yang berwarna
biru gantilah dengan URL agan - agan sekalian dan untuk yang bewarna
merah cari lah floating yang kalian ingin kan. Kalau agan - agan ingin floating seperti saya gunakan coding yang berwarna
merah tersebut . Mudah bukan ? Nah sampai disini dulu ya postingan
Coding Galau kali ini. Tetap ikutin postingan
Coding Galau ya....
Terimakasih...
