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*