komen face book pada blogger bagi para pemula & cara meletakkan-nya di sisi pojok kiri

sebelum membuat facebook komen  ini Anda juga harus sudah memiliki halama facebook atau facebook page, karena itu salah satu syart untuk membuat facebook komen  dan seperti hal-nya pada facebook like box. Jika Anda belum membuatnya silahkan terlebih dahulu mendaftar-nya.

1. setela muncul kotak seperti yg di atas, maka selanjutnya sobat menggantikan URL TO COMMENT di atas dengan menggunakan URL face book mili soba,,bagaimana cara mengkopinya...??? tentu saja gampang sobat asal di ikuti dengan teliti petunjuknya.,,,
   sobot langsung saja menuju profile halaman anda yg tadi sobat suda buat, untuk lebi jelasnya sobat liht gmbr brikut dan copi pada lingkaran berwarna hitam.

•  
2.  dan akan akan menjadi seperti berikut sobat

 3. langka selanjutnya silakan sobat GET CODE dan akan muncul kotak dialok berikut,
4. dengan catatan sebelumnya sobat suda Login ke akun blogger.com,ya namanya juga mau desain blogger.setela itu masuk pada dasbor blogger kemudian masuk di tata letak dan tambakan gedget dengan memilih HTML/JavaScript maka akan muncul kotak dialok seperti berikut
pada kolom judul tersera sobat mau tulis apa aja,, yg penting jgn sindir m=nenek lo ya,,,wkwkw...becanda..
sedangkan pada kolom konten sobat silakan memasukan kode pada langka 3 tadi,,klw sobat melihat toritorial blogger yg lain mungkin sedikit membinggungkan sobat akan tetapi kali ini saya jamin sobat tidak bingung...sobat langsung aja kopi code yg ada pada HTML5 PADA KOLOM 1 selanjutnya pada KOLOM 2 langka selanjutnya sobat klik pada tombol simpan..
nah klw sobat ingin kotak komen sobat berada di sebelah kiri atas maka sbat gunakan code berikut

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
URL FB SOBAT
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

pada tulisan YG TERBLOK WARNA MERAH sobat isi dengan URL FB yg tadi sda sobat kopi
sebelumnya...dengan cara klik EDIT pada gedget yg sobat gunakan sebagai HTML komment.
.