Cara Membuat Akun Facebook Melayang Di Sebelah Kiri 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> #hcl { position:fixed; top:30px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('https://sites.google.com/site/rakasajmk/download-1/download-2/FB.png') no-repeat; } .hclcontent { float:left; border:2px solid #3366ff; background:#ffffff; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; margin:0 auto 10px; padding:3px; }
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">

<a href="http://id-id.facebook.com/gusti.ngurah.jumaika" 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="200" normal; color: #3B5998; text-decoration: none;" title="Copyright Tanpa Nama"></a><br/><a href="http://id-id.facebook.com/gusti.ngurah.jumaika" target="_TOP" title="Copyright Tanpa Nama"><img src="http://badge.facebook.com/badge/100000434599258.1564.950108824.png" style="border: 0px;" /></a><br/><a href="http://id-id.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=""></a>

<br /> <div class="hc-credit"> <span style="float:left"></span> <span style="float:right"> <a href="javascript:showHidehcl()">  </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div>   <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script></div>

KETERANGAN :

* Code yg berwarna Kuning, Kalian sesuaikan dengan ukuran Akun FB Kalian.

* Code yg berwarna Merah, Kalian bisa menggantinya denga URL Gambar Kalian.

* Code yg berwarna Ungu, ganti dengan warna Garis Pinggir dan Backgroundnya. Code Warna HTML...? Klik di SINI.

* Dan yg terakhir, Code yg berwarna Biru, Ganti dengan Code Akun FB Kalian masing2.

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

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.

Salam Blogger Indonesia.