Selasa, 08 Maret 2011

Memasang ShowHide Followers

Setelah BlogWalking, akhirnya  menemukan sebuah trik yang kayaknya masih jarang di pakai,. ok seperti biasa kita lang sung mulai saja.

Log IN ke Blogger.com melalui akun Anda, jgn akun orang lain ntar di marahin
langsung ke Rancangan->Edit Tata Letak
Tambahkan Gadget Html/Java Script
Copy kode berikut ini.

<style type="text/css">
#fl{
position:fixed;
bottom:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:url(http://i1193.photobucket.com/albums/aa359/k-sem/I-Luv-Indonesia.gif)#000000 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">


KODE WIDGET FOLLOWERS ANDA




<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href="http://k-sem.blogspot.com"target=_blank"><div style="color: #444444;">
<span >By "K-sEm"</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>


Ganti yang berwarna Merah dengan KODE WIDGET FOLLOWERS ANDA Klo bingung cara ngedapetinnya gimana tinggal ikuti langkah berikut ini,...

untuk mengambil kode widget follownya silahkan masuk ke link ini [http://www.google.com/friendconnect]


Lihat Gambar dibawah


-[1] Pilih blog sobat yang akan dipasang widget follownya
-[2] Klik "Tambahkan gadget anggota"
-[3] Silahkan diatur ukuran, warna dll nya..
-[4] Klik "Buat kode"
-[5] Silahkan Copy kodenya, dan ikuti langkah selanjutnya

Setelah dapat copas ke tempat yang tadi lalu save,. eatzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz tapi blm selesai. kita harus menambah lagi sebuah ramuan agar trik ini menjadi ....

Masih pada "Elemen Halaman" tambahkan gadget HTML/Java Script kemudian copas kode berikut

<a href="javascript:showHideFL()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjocfIeVeFkxcrfNECqV0MwLwnW4jbXZoUKvdzxdjNr4ejV6K6BkXQbLmIznayn4dbmQ9vPVejXzuTrK7eieJ4WgziwcAZN8IIkeKBpITtLDp4PIeBHSaeCydEK7ikPXIPPFwoGFnRqLxhb/" alt="klik" title="Klik untuk membuka kotak Follow" style="display:scroll;position: fixed; bottom:150px;left:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;" height="130px" width="40px" /></a>

Kemudian Save dan widged baru anda siap dinikmati

Artikel Terkait



1 komentar:

sipp, tutorial yang bermanfaat ^_^

Posting Komentar

468x60

 

Selamat Datang Di "K-sEm"

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...

Sekilas tentang "K-sEm"

Berawal dari iseng. Hingga menjadi hobi. (TRESNO JALARAN SAKA GAK NO SING LIYA).

Contact

"K-sEm"