<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