[Tutorial] Cara memasang FANSPAGE melayang untuk mendapatkan banyak Like Facebook pada blog

-[Tutorial] Cara memasang FANSPAGE melayang untuk mendapatkan banyak Like Facebook pada blog

Salam sukses sobat blogger...
Pada kesempatan kali ini, ana kembali mencoba berbagi pengetahuan melalui tulisan terbaru saya mengenai [Tutorial] Cara memasang FANSPAGE melayang untuk mendapatkan banyak Like Facebook pada blog,

Mengapa hal ini perlu diterapkan?

Dalam menaikkan traffic, kita perlu mempromosikan blog atau situs yang sobat punya, Namun masih sedikit yang mengetahui atau meng-Like nya?? Tidak usah khawatir karena dengan cara ini dapat menarik pembaca untuk menyukai halaman sobat. Cara ini membuat halaman dapat melayang sehingga pembaca tertarik dalam melihatnya.

Ingin mencoba cara ini? Ikuti aja langkah-langkah  [Tutorial] Cara memasang FANSPAGE melayang untuk mendapatkan banyak Like Facebook pada blog,

1. Sobat haruslah mempunyai halaman Fanspage sendiri. Jika tidak punya, buatlah terlebih dahulu pada [Tutorial] Cara membuat FANS PAGE dengan mudah di Facebook dan cara memasangnya pada [Tutorial] Cara memasang FANS PAGE di blog dengan mudah,

Jika sudah memiliki halaman sendiri, lanjutkan langkah berikutnya.

2. Tambahkan elemen halaman baru pada blog sobat dengan men-copy kan kode berikut :

<style type="text/css">
#topbar{
position:absolute;
padding-left:1px;
background-color: transparancy;
width: 190px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="http://4.bp.blogspot.com/-tRdTg7MxAvc/T1MEYE9itjI/AAAAAAAAAQM/pKGka-9Qoh0/s1600/closanku.png" /></a></div>
<center>
<div style="background: #fff;">

<= Copykan Kode Fans Pagenya di sini =>

</div>
</center>
</div>

Jangan lupa untuk mengganti  kode warna merah dengan kode fans page sobat.  Save dan lihat hasilnya

Namun kode diatas tidaklah selamanya berhasil. Seperti pada blog ana tidak dapat berhasil karena pada tob bar sudah memiliki widget lainnya. Nah... untuk sobat blogger yang memiliki kesamaan seperti ana, cobalah dengan kode dibawah ini. 

<style type="text/css">

#gb{

position:fixed;

top:3px;

right:3px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbcontent{

float:right;

border:2px solid #A5BD51;

background:#ffffff;

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-100;

gb.style.top = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()">

</div>

<div class="gbcontent">

<div style="text-align: right;">

<a href="javascript:showHideGB()">

.:  [CLOSE]:.

</a>

</div>

<center>

<div class="Page"><div class="Pad">

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Segenggam-Harapan/140527646058497&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 350px; width: 245px;background:#fff;"></iframe>

</div></div></center></div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (20-gb.offsetWidth).toString() + "px";

</script></div>

Jangan lupa untuk mengganti kode berwarna merah dengan kode FANSPAGE yang sobat miliki.

Setelah itu SIMPAN perubahan dan Lihat hasilnya.

Demikianlah artikel mengenai  [Tutorial] Cara memasang FANSPAGE melayang untuk mendapatkan banyak Like Facebook pada blog,

Selamat mencoba dan Semoga berhasil.

Apabila ada kesalahan mohon diberitahu kepada kami melalui komentar pada postingan ini.

Terimakasih...

Share this

Author : Salman Syuhada

Related Posts