Cara Baru Membuat Fanspage Facebook Tampil Melayang di Blog
Malam ini Saya akan mencoba membagikan Cara Baru Membuat Fanspage Facebook Tampil Melayang di Blog yang sebenarnya adalah cara lama para blogger senior. Tetapi sesuai permintaan dari Sobat NEYZ GROSIR yang menanyakan hal ini, Cara Baru Andie akan menulisnya lagi pada artikel ini
Seperti halnya Menghubungkan Blog dengan Fanspage Facebook, untuk menghubungkan dan membuat halaman penggemar anda tampil di blog, maka anda perlu membuat sebuah halaman penggemar dahulu, lihat di Cara Baru Membuat Fanspage Facebook. Namun jika anda sudah memilikinya, sekarang saatnya melakukan tahapan dibawah ini.
Cara Baru Membuat Fanspage Facebook Tampil Melayang di Blog
1. Login dahulu ke “akun blogger” anda
2. Pilih opsi “Tata Letak”
3. Klik “Tambahkan Gadget” disebelah kanan layar anda
4. Setelah muncul menu baru, pilih “HTML/JavaScript”
5. “Copy Paste Kode dibawah ini” kedalam Kotak Widget Tersebut
<style type="text/css">
#topbar{
position:absolute;
padding-left:260px;
background-color: transparancy;
width: 300px;
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihN38rT4DAO_XW4sOiJ-2jaAricvVm4voJ3K1yV-k1jY2g2P52g51usItYbQ0j_xD0l5G71J2bs8tpU8vuBWDiwkOuPFV_ACNE2sQE3l1rDiEfp2AnMPspC76Li5PMvGeoWB4MS9Ak51p0/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/Andieshinigamiblogspotcom" width="250" show_faces="true" border_color="" stream="false" header="true"></fb:like-box>
</div>
</center>
</div>
6. Ganti tulisan yang berwarna Hijau dengan “URL Fanspage Facebook” anda, contoh dibawah adalah URL pada Halaman Penggemar blog Cara Baru Andie
7. Klik save dan lihat perubahan yang terjadi. Jika berhasil, maka akan tampak seperti gambar blog saya dibawah ini.
Terkadang templete dan blog seseorang berbeda beda karena sudah ada pengeditan HTML sebelumnya. Jika langkah diatas gagal atau hanya berwarna putih, atau ada juga yang di close tidak bisa, saya sarankan mencoba langkah kedua untuk mengatasinya dalam tutorial cara menampilkan facebook dan twitter melayang di blog
Sekian saja tutorial mudah yang berjudul Cara Baru Membuat Fanspage Facebook Tampil Melayang di Blog. anda juga dapat menjumpai tutorial lain seperti Cara Baru dan Mudah Claim Token Technorati yang fungsinya juga sama, yaitu menaikkan traffik blog anda. Semoga menambah referensi bagi anda yang masih belajar. Saya juga masih belajar jadi tetap keep spirit blogger Indonesia. Terima kasih sudah berkunjung dan Salam berbagi.
