Membuat Fan Page Malayang Dengan Tombol Close Pada Blog

Pada penempatan Fan Page biasanya berada pada widget yang tidak setiap kali dilihat oleh pengunjung blog sobat. Hal ini membuat Fan Page sobat miskin like. Kali ini ARFAST56 akan sharing artikel untuk sobat yang memerlukan yaitu Membuat Fan Page Malayang Dengan Tombol Close Pada Blog. Dengan cara ini Fan Page dapat mudah dilihat oleh para pengunjung blog sobat.

Langsung aja yah , :



1. Masuk ke Blogger
2. Tata Letak >> Tambah Gadget >> HTML/javascript
3. Copy dan paste kode berikut ini :

<style type="text/css">
#topbar{
position:absolute;
padding-left:1px;
background-color: transparancy;
width: 238px;
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 = 10 //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.right=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.stayTopright=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("stayTopright()", 10);
}
ftlObj = ml("topbar");
stayTopright();
}
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVQcMn_gzIkLIa5E9O4UnFbzVOv0IpjN-Qp6Xz1jCG9JYKhAXKKAaHlD89qYGNGHzf9iL-H8Ng8i_jvq3EWJ1br0XLvn54ZOH8KCvUraxVSkZnKSQon9yT1n86WpCdZpRow67yRAknmNkg/s1600/closanku.png" /></a></div>
<center>
<div style="background: #fff;">

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Farfah.setyo&amp;width=240&amp;height=390&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true&amp;appId=123320381077168" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:290px;" allowtransparency="true"></iframe>

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


4. Ganti kode berwarna MERAH dengan kode Fan Page sobat
5. Simpan.

Silahkan Baca Ini Juga :