Author
Hi I'm a sixteen years old girl from Indonesia. Stalk me here.
Tutorials
All the list of tutorials, please click here. Thank you.
Credit
Tempelate by yours trully. Do not open my page source. I will respect you if you're respect me.

Floating Icon Link // Tuesday, November 8, 2011

ini request yang diajukan oleh Nanda lewat Fanspage Facebook. Tutorial floating icon link, seperti yang bisa kamu lihat ikon facbook dan twitter di sidebar itu lho!



Udah lihat kan? (malas mau printscreen) bhahaha. O iya, siapa yang bisa tolong aku? pliss banget, kayaknya edit HTML ku erorr deh, masa buat masukin kode nggak ada perubahan :( misalnya kode buat ganti warna gitu warnanya nggak berubah :(



Siapa bisa betulin? tolong :( aku masih newbie, belum tau apa apa soal dunia Blogging :(

Tolong saya...huhuhu. Err, malah curhat nih..



Kalau mau bikin, gini caranya:



Click readmore!





Dashboard >>Design >>Page Element >>Add a Gadjet >>HTML/Javascript


Edit lalu masukkan kode 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 WEB' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twiter'><img border="0" src="URL GAMBAR"/></a><br />


<a class='linkopacity' href='URL WEB' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL GAMBAR" /></a><br />

</div>


Selesaikan, SAVE.



p/s: Kode yang warna Merah diganti pakai Link kamu sendiri.

      Kode Biru diganti pakai URL Gambar sendiri.



Mudah kan? semudah isi perut yah? wkwkwk

Pandai pandailah main kode kalau mau desain blog ;)



Dund forget to 1 click "LIKE" sebagai imbalan/donasi buat Blog tutorial ini :D *maksa*