Membuat Profile Facebook Tersembunyi Di Blog

Apakah Profile Facebook kita dapat di tampilkan di blog?. hmm, mungkin untuk orang yang telah lama di dunia blog ataupun website sudah mengetahuinya, saya akan memberikan sebuah cara tentang menampilkan profile sederhana kita di blog kita sendiri tetapi letaknya tersembunyi, mau tau cara nya, ikuti langkah - langkah berikut ini,

• Pertama, Loggin akun Blogger,
• Pergi ke Rancangan > Edit HTML,
• Lalu sisipkan kode HTML berikut ini,

Spoiler:

<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:2px;right:2px;' title='My Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQB0GFy6_OYZiqGscJ9I9_wqkQIpalo813mBVI5KlHXfExedyMOIYf1Wut0JyP-IdDMXgEmkRcLf3z-u8RWe4kFsQ0unNdghAmY_KTCadmxcuKPHAvjnIsrOTsxBDlsep_sE6XtBG3V5yY/s1600/facebook_01.png'/></a>

• Kode diatas berfungsi untuk menampilkan gambar yang akan kita tampilkan untuk di klik yang gunanya untuk menampilkan profile facebook kita, kalau sudah klik Save,
• Setelah itu, pergi ke Rancangan > Elemen Laman > Tambah Gadget, Lalu copy dan paste kan kode di bawah ini,

Spoiler:

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

.fltab{
height:32px;
width:270px;
float:top;
cursor:pointer;
background:transparent: no-repeat;
}
.flcontent{
float:left;
border:2px solid #676767;
background:url()#transparent: 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.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">

GANTI DENGAN KODE HTML FACEBOOK ANDA

• Setelah itu, ganti tulisan tebal yang bercetak miring tersebut dengan kode profile facebook anda,
• Sekarang anda login dulu ke facebook anda,
• Selanjutnya, pergi ke Profile Facebook anda,
• Setelah itu anda akan menemukan kode nya dengan meng-klik tulisan paling bawah di deretan daftar teman anda " Tambah sebuah Lencana pada Situs Anda"
• Lalu ambil lah kode tersebut dan ganti lah kode di tambah gadget anda yang tadi,
• Selanjutnya, klik save dan lihatlah perubahannya,