if (window.jstiming) window.jstiming.load.tick('headEnd');
Minal 'Aidin wal Faizin
Mampukah setiap tahun bertambah baik?
Sebuah tantangan bagi siapapun. Jadikan Idul fitri sebagai mement yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama.

Cara Memasang Facebook Melayang diblog

Pada tutorial kali ini Education for all akan memposting article tentang Cara Memasang badge Facebook Melayang diblog. yang biasanya trik seperti ini digunakan untuk buku tamu atau bahkan iklan. karena memang widget-widget melayang seperti ini sangat menghemat ruang. sehingga fasilitas seperti ini seringkali dimanfaatkan oleh para blogger mania. baiklah langsung saja. dan ikuti langkah langkah berikut:

1. Login di Blogger anda
2. Meluncur ke Tata letak ,tambah Gadget, kemudian pilih HTML/JavaScript
3. Masukkan kode script di bawah ini:



<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i50.tinypic.com/2qn3zv7.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
< Letakkan script Lencana facebook anda disini>
<div style="text-align:right">
<a href="http:// fajar7siblings.blogspot.com /2010/02/cara-membuat-facebook-di-pojok-atas.html">
[By fajar7siblings.blogspot.com
]
<a href="http://fajar7siblings.blogspot.com
">
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

Catatan: pada tulisan berwarna kuning Letakkan script Lencana facebook anda disini ganti dengan lencana facebook sobat.

4. Klik simpan dan lihat hasilnya.

Selamat Mencoba semoga berhasil

Jangan Lupa Komentarnya Gan......OK..
 

 

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :





» Selamat Berkreasi - E F A «


3comments:

  1. Absen minggu pagi nih, tetap semangat y sob.
    Sukses selalu jangan lupa komen balik..

    Salam
    http://nurrohmattriatmojo.blogspot.com/

    ReplyDelete
  2. tq um, mampir ya di blog sederhana w http://titomismanto.co.cc

    ReplyDelete

Terimakasih Atas Komentar Anda dan EFA akan segera menuju Blog anda...

NextPrev