Profile Picture Widget

<< Previously Template ғь[̲̅̅N̲̲̅̅̅a̲̅m̲̅̅a̲̅] [̲̅̅Panj̲̅̅a̲̲̅̅̅n̲̲̅̅̅g̲̅]™ August 2011

Profile Picture Widget

Widget ini isinya cuman Elements doang, kalo Script-nya entar di Widget paling ujung barengan sama script chat envolve (widgetId=HTML10)

Tapi kalo elo berniat buat ngebikin jadi satu scriptnya disini, gak apa² sih..
terserah aja,, iya gak :D

Yang penting Elements-nya disimpen diatas, Scripts-nya di simpen dibawah
(biar browser-nya gak jadi keder :P)

Go to post about >> envolve Widget (widgetId=HTML10)

Profile Picture sama Like Button

<img id="kotak-propik" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/203436_100001851580451_3934355_n.jpg" style="margin-top:20px; border-right:1px solid #B3B3B3; width:100%; margin-left:-1px;"/>

<div class="transparent" style="position:absolute; z-index:99; margin-top:-70px; margin-left:7px;">
<script type="text/javascript">
<!--
document.write('<fb:like href="http://'+window.location.href.split('/')[2]+'" layout="box_count"></fb:like>');
//-->
</script>
</div>

Silahkan di ganti URL gambar http://profile.ak.fbcdn.net/hprofile-ak-snc4/203436_100001851580451_3934355_n.jpg untuk tampilan Profile Picture default.

Tempat nampilin details logged-in user

<div id="kotak-ditel-propil" style="display:none;"></div>

<center id="login-to-this-blog" style="display:none; position:fixed; z-index:99; top:30%; left:0px; width:100%;" title="Dude, that would be so awesome if you Connect with Facebook">

  <img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/203436_100001851580451_3934355_n.jpg" style="margin-bottom:3px; cursor:pointer; -moz-box-shadow:5px 5px 5px #666666; box-shadow:5px 5px 5px #666666; -moz-border-radius:3px; border-radius:3px;" onclick="FB.login(tampolinUserWkwk,{perms:'read_stream,publish_stream'});this.parentNode.style.display='none'" title="Dude, that would be so awesome if you Connect with Facebook"/><br/>

  <img src="https://feedjit.com/images/facebookConnect.gif" style="margin-bottom:3px; cursor:pointer; -moz-box-shadow:5px 5px 5px #666666; box-shadow:5px 5px 5px #666666; -moz-border-radius:3px; border-radius:3px;" onclick="FB.login(tampolinUserWkwk,{perms:'read_stream,publish_stream'});this.parentNode.style.display='none'"/>

</center>

Silahkan di ganti URL gambar http://profile.ak.fbcdn.net/hprofile-ak-snc4/203436_100001851580451_3934355_n.jpg untuk tampilan Foto block element (max-height:300px;).

Tombol show follower sama Visitor count (div id="mallware")

<div id="polower" style="width: 100%;display:none;">
  <center>
    <b class="uiButton" onclick="sowPolower()">
      <img src="http://www.google.com/friendconnect/scs/images/googleicon.gif" style="margin-right:5px;margin-left:-3px;vertical-align:middle;"/> 
      <span style="vertical-align:middle;color:#333333;">Show followers</span>
    </b>
  </center>
</div>

<div id="mallware"></div>

CSS

Search This Blog

Sunday, August 7, 2011