Cara Membuat Fans Page Melayang Di Blog

Cara Membuat Fans Page Melayang Di Blog  >>>> Fans page FB sangat membantu trafik di Blog Kita.

Cara membuat fans page melayang di blog

Biasanya penempatan fans page FB berada pada widget yang statis, apakah itu di side bar ataupun pada footer sehingga tidak setiap waktu terlihat oleh pengunjung blog kita apabila halaman yang sedang dibaca mereka geser keatas atau kebawah.

Kali ini piper comex akan berbagi cara membuat fans page melayang di blog, artinya fans page FB tersebut akan selalu terlihat setiap waktu baik posisi halaman diatas, ditengah maupun dibawah. Sehingga memungkinkan pengunjung untuk dapat klik like pada posisi halaman apapun.

Langsung aja tidak perlu panjang lebar, karena katanya kalau terlalu "panjang" kasihan cewek nya, dan kalau terlalu "lebar" kasihan cowok nya.

Berikut panduannya:

1. Masuk ke "Rancangan" pada blog Anda
2. Tambah Gadget "HTML"
3. Copy - paste kode dibawah 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="http://4.bp.blogspot.com/-tRdTg7MxAvc/T1MEYE9itjI/AAAAAAAAAQM/pKGka-9Qoh0/s1600/closanku.png" /></a></div>
<center>
<div style="background: #fff;">

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FPundiOnline&amp;width=238&amp;height=360&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:238px; height:360px;" allowtransparency="true"></iframe>

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

Keterangan: Ganti kode sript iframe warna merah diatas dengan kode iframe fans page group Anda.

4. Simpan perubahan

5. Lihat hasilnya....jreng....! fans page FB Anda sudah melayang disamping kanan atas halaman blog Anda.

Demikian Cara Membuat Fans Page Melayang Di Blog, semoga bermanfaat.

"HAPPY BLOGGING"

Subscribe to receive free email updates:

33 Responses to "Cara Membuat Fans Page Melayang Di Blog "

  1. Wah dapat ilmu baru ne. Salam sukses selalu gan...

    ReplyDelete
  2. makasih gan, infonya..bisa dicoba....

    ReplyDelete
  3. post and your article is very interesting, thanks for your information, I am waiting for your next posts and articles and will visit again ...

    ReplyDelete
  4. post and your article is very interesting, thanks for your information, I am waiting for your next posts and articles and will visit again ...

    ReplyDelete
  5. Thanks sudah berbagi ilmunya, sukses selalu...

    ReplyDelete
  6. thnks ya gan sudah berbagi ilmunya sama kita2 semoga sukses selalu,,,

    ReplyDelete
  7. terimakasih atas informasinya, kunjungi kembali ya ke Hamba Mohon Ridho-Mu

    ReplyDelete
  8. kalau munculnya di sebelah kanan caranya gimana,kirim lewat e-mail ku ya,nugrohoekof@gmail.com

    ReplyDelete
  9. Ijin untuk Mencobanya gan..!!!

    ReplyDelete
  10. Kok blognya gak ditemukan ? (demo)

    ReplyDelete
  11. hahahah,pengen nahan ketawa gk bisa bro,kreatif banget.panjang kasian ceweknya ,lebar kasian cowoknya.kira kira apa itu :D,wkwkwk

    ReplyDelete
  12. thx gan bermanfaat>>>>>> alfiussantos.blogspot.com

    ReplyDelete
  13. kalo mau masang di footer gimana ya gan?

    ReplyDelete
  14. manthap kang, thx atas infonya
    www.idcheat.com

    ReplyDelete
  15. wah keren artikelnya gan....
    mantap dah...

    ReplyDelete
  16. wah kaya nya keren nih langsung di coba mas,makasih

    ReplyDelete
  17. makasih mas http://www.blognotfound.ml/

    ReplyDelete
  18. Makasih gan atas infonya and semoga tambah sukses aamiin ... jangan lupa mampir ke blog saya ya gan http://boslisin.blogspot.com

    ReplyDelete
  19. Selamat pagi sobat semua, mau numpang info nih, bagi sobat yang sudah ketemu jodohnya,

    Atau buat sobat yang mau ngadain acara apa aja,

    Yuk order undangan sama aneka souvenirnya disini...

    Ada promo lho,
    Kami melayani pengiriman keseluruh penjuru tanah air Indonesia.
    Jadi jauh dekat jarak tempuh kita, tetap akan kita layani dengan sepenuh hati.

    085702687317

    http://anekasouvenir-undangan.com/

    ReplyDelete
  20. Terima kasih Infonya Bro, izin ikut menerapkan ya. hehe

    Informasi Lowongan Kerja Terbaru BUMN, Persero, Swasta, & Berbagai Perusahaan Besar di Indonesia : http://expocpnsbumn.blogspot.com

    ReplyDelete
  21. MANTAP DAH TUTORNYA KAWAN
    http://acemaxs31.com/obat-herbal-stroke-ace-maxs/
    http://i-bikeco.com/
    http://mas-galih.com/

    ReplyDelete
  22. mantap artikelnya termakasih semoga berjaya

    ReplyDelete
  23. cara mendapatkan kode iframe fans page dimana ya gan, minta tipsnya donk

    ReplyDelete
  24. Huidihhh ... keren gan
    http://obatleukimia.jellygamatluxor.biz/cara-menghilangkan-kesemutan-secara-alami/

    ReplyDelete