Cara Membuat Profil Facebook di Pinggir Blog

 

Kali ini saya akan berbagi megenai cara membuat Profil Facebook tampil di Blog kamu tepatnya di bagain pojok kanan blog kamu . Biasanya trik seperti ini di gunakan untuk buku tamu atau follow dll namun bagaimana kalau di ganti dengan lencana profil facebook?? contohnya seperti yang ada di blog ini. jika berminat silahkan ikutin langkah berikut ini :

1. Login di Blog kamu
2. Klik tata letak tambah Gadget, kemudian pilih HTML/JavaScript
3. Masukkan Copy Paste kode di bawah ini


<style> #hcl { position:fixed; top:30px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('http://i1287.photobucket.com/albums/a624/alieman/FB_zps0f53f660.png') no-repeat; } .hclcontent { float:left; border:2px solid #3366ff; background:#ffffff; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; margin:0 auto 10px; padding:3px; } 
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">

<a href="https://www.facebook.com/alieman182" target="_TOP" title="Alie Abdurrohman"><img src="https://badge.facebook.com/badge/100000141978197.1625.1062884081.png" style="border: 0px;" /></a><br/>

<br /> <div class="hc-credit"> <span style="float:left"></span> <span style="float:right"> <a href="javascript:showHidehcl()">  </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div>   <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script></div>



NB : Pada tulisan berwarna biru itu ganti, jika belum punya script profil anda klik disini kode Lencana facebook kamu, ganti dengan kode lencana facebook kamu untuk mengetahiu code lencena kamu login ke facebook kamu, terus klik disini, lalu pilih lencena profil dan copy paste code yang di kotak.

4. Klik simpan dan lihat hasil nya.

SELAMAT MENCOBA.....

Post a Comment

4 Comments

  1. gan mengatur ukuran gambar dan kecepatan gambar gimana??

    ReplyDelete
  2. kalo relatted artikel facebook gimana gan??

    ReplyDelete
  3. Wow, Thật là một bài viết xuất sắc. Tôi thấy điều này quá nhiều tin học. Đó là những gì tôi đang tìm kiếm. Tôi muốn khuyên bạn rằng hãy tiếp tục chia sẻ những loại thông tin như vậy. Nếu có thể, Cảm ơn. Soi cầu XSMN Kubet : https://www.linkedin.com/showcase/soi-cau-xsmn-kubet/

    ReplyDelete
Emoji
(y)
:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
x-)
(k)