Anime Studio

Malam sobat sobat PUBLIC BLOG
hehehe ketemu lagi nih kalo gak malming hari minggu (Banyak omong)
Pada Kali ini PUBLIC BLOG akan posting tentang Cara membuat fanspage facebook dan memasang widget di blog...yang masih bingung cara buat FP nih langsung aja CEKIDOOT




Cara membuat fanspage facebook dan memasang widget di blog
1. Masuk Facebooknya dulu gan :3
2. Langsung aja gan ke link ini
3. Pilih kriteria buat FP agan :) itu agan terserah dehhh



4. nah itu isi semua gan... deskripsinya maupun link buat FP agan nanti
5. Setelah diisi klik "Simpan Info"
6. Kalau mau diisi foto profil kasih aja gan, kalau tidak ya lewati lewati aja terus  
7. nah begini udah selesai deh bikin FP nya, tinggal masang widgetnya

Cara memasang widget FP di Blog
1. Langsung klik link ini
2. Pada kolom link tersebut
    - Mengisi url fanspage agan di kolom "Facebook Page URL"
    - Menentukan Lebar widgetnya di kolom "Width"
    - Menentukan Tinggi widgetnya di kolom "Height"
    - "Show Friends' Faces" untuk memperlihatkan foto profil orang yang menyukai halaman tsb
    - "Show Posts" untuk menampilkan posting dari fanspage yang anda kelola 
3. Jika sudah klik "Get Code"
4. Copy codenya tapi yang ane buletin seperti gambar dibawah


5. Masuk ke blogger
6. Masuk ke dasbor blogger---> Tata Letak ---> Edit HTML
7. Paste code yang tadi agan copy
8. lalu simpan

Cara memasang widget FP melayang di Blog
1. Masuk ke blogger
2. Masuk ke dasbor blogger---> Tata Letak ---> Edit HTML
2.Copas Script berikut
<style type="text/css"> #topbar{position:absolute;padding-left:-100px;background-color: transparancy;width: 300px;visibility: hidden;z-index: 200;} </style><br /> <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 = 25 //set x offset of bar in pixels var startY = 25 //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 /> <br /> <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/AVvXsEhJS6m0sAjSAsD9Si4_FRrKeTRoCv_HrDZyLI6C-ehnTUTYJN23K4IgDmVNnPnrAwvUkLwCCD1opS4YXZGRUOlrYhjlKEDL8of64yz9x0YLauRvGyZguIh1PTqlCJ9FEjqOY-lcg0OANcnA/s1600/close3.png" /></a></div> <center> <div style="background: #fff;"> <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBlognya-Ilmu%2F147008725448902%3Fref%3Dhl&width=300&height=290&show_faces=true&colorscheme=light&stream=false&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="true"></iframe><br /> </div> </center> </div> </textareaa><br />

2.Cari script ini dibawah ini lalu agan ganti dengan script yang diambil seperti gambar dibawah

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBlognya-Ilmu%2F147008725448902%3Fref%3Dhl&width=300&height=290&show_faces=true&colorscheme=light&stream=false&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="true"></iframe></textareaa>