<center>
<div style=" -moz-border-radius: 0px 0px 0px 0px; border-radius: 10px; border: 5px solid #ccc; margin: 0; overflow: auto; width:200px;">
<div style="-moz-border-radius: 10px; background-image: url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png); border-radius: 10px; padding: 10px;">
<center>
<fb:profile-pic size='normal' uid='loggedinuser'>
<img src='#' style='max-width:200px; _width:200px;'/>
</fb:profile-pic>
</center>
<style type="text/css">
#navItem_api a.item i, #navItem_welcome a.item i, #navItem_wall a.item i, #navItem_info a.item i{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxmW3LlOUHEP_IoEyEjsWMjXEwjElSVARbn0vqD44MZMevO0ajs5yrb53EH-pNE_muTHZwD_Qp3ga6sn0z74FH5l58URUBt0-sbeW42ZqdwAYIR8Qk0fgUfR32leuQD_-xHKzvev-0XGk/s1600/vCfjjxyRREJ.png); background-position:0px -34px; background-repeat:no-repeat; width:16px; height:16px; float:left; margin-left:-22px; margin-top:-1px;}
#navItem_wall a.item i{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI8sz4RW_4dT9TRlDjgyxTWswG7WlUhM9xiC2uCSGIY8NsPvUbL_UNoiiQxlGppEQHAVpr3-ERB-rsef4zRJ8OnMQK8rc2RCvcGfzFQmw4aSbCL3-xruqgm_0Bu1VYiH4J0PI_udgcpLA/s1600/uf3yIMOzGlm.png); background-position:-17px 0px;}
#navItem_welcome a.item i{background-position:0px -50px;}
#navItem_api a.item i{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIdnF9MFfIhF-xHKwaNwJhcJo6s1mp_50SMmMwBeSE8FJuy7p8bOXWyvtFhUUwfoUXH5uAQYD-tMgJLpsh-hbDI0T-2g1bajbjWp8sdg6neTOmTc33VVwBZ0NRo-5yVuMPtkgFYAXmBBE/s1600/Y4igKx3JtVB.png); background-position:-17px -918px;}
</style>
<div class="expandableSideNav expandedMode">
<div>
<ul class="uiSideNav">
<script type="text/javascript">
function lodingDong(){
document.getElementById('Blog1').style.backgroundColor='black';
document.getElementById('Blog1').innerHTML='<center><img src="http://www.facebook.com/images/loaders/indicator_black.gif"/></center>';
}
function tulisLing(){
var daptarLing = [
"http://goo.gl/z6Msj,welcome,Info",
"http://goo.gl/9SakC,wall,Status",
"http://goo.gl/huYnt,info,Comments",
"http://goo.gl/WusRt,api,Facebook Grup"
];
for(x in daptarLing){
if(daptarLing[x].split(',')[0]==window.location.href){
document.write('<li class="open selectedItem key-'+daptarLing[x].split(',')[1]+' open" id="navItem_'+daptarLing[x].split(',')[1]+'"><a class="item" href="'+daptarLing[x].split(',')[0]+'" onClick="lodingDong()"><i></i> <span class="linkWrap">'+daptarLing[x].split(',')[2]+'</span> </a></li>');
}else{
document.write('<li class="key-'+daptarLing[x].split(',')[1]+'" id="navItem_'+daptarLing[x].split(',')[1]+'"><a class="item" href="'+daptarLing[x].split(',')[0]+'" onClick="lodingDong()"><i></i> <span class="linkWrap">'+daptarLing[x].split(',')[2]+'</span> </a></li>');
}
}
}
tulisLing();
</script>
</ul></div>
</div><div id="fb-root"></div>
<div id="daptar-pren"></div>
</div></div></center>Demo:
scripsi di atas berfungsi jika blog anda mengguakan connect to facebook
ingin memasangnya? bisa baca disini






test.
BalasHapus