Cara Membuat Akun Facebook Melayang Di Sebelah Kanan Pada Blog

Hemm, sebelumnya Saya sudah pernah Posting tentang "Cara Menambahkan Akun Facebook Di Blog", dan sesuai dengan permintaan Teman FB Saya, Saya Publis Tips ini.OK gk usah berlama-lama lagi, dan Teman FB Saya sudah gk sabar, kita masuk kelangkah-langkahnya.

[1]. Pertama, seperti biasa, LogIn dulu ke BLOG Kalian masing2.
[2]. Kemudian, dari Dasbor, Cari Tata Letak --> Tambahkan Gadget (Add Gadget).
[3]. Kalau sudah, sekarang CoPas Code di bawah kedalmnya.

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho99Q49CwbO3QR20F2N4Jyv85LP3ak62vF2m064hohpOl9vMkKRcdxKARhO3NoJoY-hTGxty-jkJ-L9S-LCnbZWU8659TXgk6FLDuQejpXixvEfHJoplpvGm1peoxt_PIZqb_DRBKN93yk/s1600/FB.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #517abd;
background:transparent;
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">
<!-- Facebook Badge START --><a href="https://www.facebook.com/officialurangsunda" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 10px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title=""></a><br/><a href="https://www.facebook.com/officialurangsunda" target="_TOP" title="Apit"><img src="https://badge.facebook.com/badge/100007020217621.11095.750318960.png" style="border: 0px;" /></a><br/><a href="https://www.facebook.com/badges/" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Buat lencana Anda sendiri!"></a><!-- Facebook Badge END -->
<div style="text-align:right">
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div> 

[4]. Dan terakhir, tinggal di SIMPAN,dan lihat hasilnya.

NB :
- Code yg berwarna Biru, Ganti dengan Code Akun FB Kalian masing-masing disini.

OK, sekian Tips Blogger kali ini, jika ada pertanyaan tentang Tips ini, silahkan Kalian tuliskan pertanyaan Kalian di Kotak Komentar di bawah, dan semoga Tips kali ini bermanfaat buat Kalian semua. Dan buat Teman FB Saya, semoga sudah terjawab tanda tanya-nya.

Semoga Berhasil...!!! ^_^