Cara membuat Like Facebook Versi 3

Ardi21_ansyah

Blogger, Widget

Sabtu, 19 Juli 2014

Belum ada komentar

Cara Membuat Cara membuat Pop Up Facebook V3
banyak sekali cara untuk mempercantik tampilan Pop UP Facebook, seperti yang pernah kubuat sebelumnya.

Pada dasarnya Pop UP Facebook bertujuan untuk menunjukan dan me-Like fanspage
Facebook kita. Pop Up Facebook V3 ini berbeda dengan V1 Atau V2.
Pop Up Facebook V3 Ini lebih simple dan unik jadi tidak membuat
loading blog menjadi lama.

Baiklah apabila sobat tertarik untuk Pop Up Facebook V3 silahkan ikuti langkah berikut ini :

>> Login ke Blogger <<

>>  Pilih Tata Letak <<

>>  Tambahkan Widget baru dengan mengklick "Add Gadget" <<

>> Setelah itu pilih HTML/Javascript <<

>> Copy kode script dibawah ini dan pastekan kedalam Widget <<

<style type="text/css">
#gb{
position:fixed;
top:10px; z-index:+1000; } * html
#gb{position:relative;}
.gbcontent{
float:left;
margin-left:220px; 
border:2px solid #0083DA; 
background:#eeeeee; 
padding:10px; } 
</style> <script type="text/javascript">
function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <br />
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<div style="text-align: right;">
<div style="text-align: center;">
<div style="text-align: right;">
<a href="javascript:showHideGB()"><b><span style="color: #0083da; font-size: x-small;"> TUTUP [X] </span></b></a> </div>
</div>
</div>
<center>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableLightShading" style="border-collapse: collapse; border: none; mso-border-bottom-alt: solid black 1.0pt; mso-border-bottom-themecolor: text1; mso-border-top-alt: solid black 1.0pt; mso-border-top-themecolor: text1; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-yfti-tbllook: 1184;">
 <tbody>
<tr>
  <td style="border-bottom: solid black 1.0pt; border-left: none; border-right: none; border-top: solid black 1.0pt; mso-border-bottom-themecolor: text1; mso-border-top-themecolor: text1; padding: 0cm 5.4pt 0cm 5.4pt; width: 296px;" valign="top" width="616"><div align="center" class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Ffilannime&amp;width=292&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=false" style="border: none; height: 258px; overflow: hidden; width: 292px;"></iframe></div>
</td></tr>
</tbody></table>
</center>
<a href="http://sahabatfilannime.blogspot.com/2014/07/cara-membuat-pop-up-facebook-v3.html" style="text-align: right;"><b><span style="color: #0083da; font-size: xx-small;">Get This Widget.</span></b></a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script>

>> Simpan dan lihatlah hasilnya <<

QUOTES:

Kalian tinggal mengganti link ini https%3A%2F%2Fwww.facebook.com%2Ffilannime dengan link
Fanspage Facebook kalian

TUTUP [X]

Get This Widget.