Kali ini saya akan membahas tentang cara membuat fans page facebook melayang diblog
bagi sebagian blogger apalagi master blogger pasti mudah untuk buat widget di blog melayang tapi bagi blogger pemula itu pasti sangat sulit apalagi yang belum tahu apa itu kode html/javascript
Disini saya akan membagikan kode javascript untuk membuat widget fans page facebook sobat melayang di blog
KODE
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute;
bottom:-1000px;
left:50%;
margin:0px 0px 130px -182px;
width:auto;
height:auto;
padding:16px;
box-shadow: 0px 0px 7px #222;
background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px
}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
border-radius:10px;
cursor:pointer;
}
</style>
<script src='http://tugasku4u.googlecode.com/files/tombol-close-menu.js'/></script>
<div id='kotak-facebook'>
<font size="3"><b>Fikars blog minta likenya donk.....:)</b></font size>
<br/>
<div class="fb-like-box" data-href="Alamat fans page facebook anda" data-width="292" data-height="250" data-show-faces="true" data-stream="false" data-header="false"></div><a class='close' href='#'>×</a></div>
Bagi yang tidak tahu cara memasang kodenya bisa simak cara cara dibawah ini
1.Masuk ke blogger
2.Pada dashboard pilih blog yang akan di eksekusi
3.Setelah itu pilih tata letak
4.Pilih tambahkan widget – pilih widget html/javascript
5.Paste kode diatas ke dalam kolom yang sudah disediakan
6.Simpan
Jika cara diatas sudah dilakukan copy kode berikut ini
Kode
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Bagi yang tidak tahu cara nerapin kode diatas simak cara cara di bawah ini
1.Pada dashboard pilih blog yang tadi di eksekusi
2.Setelah itu pilih template
3.Cari kode <body>
Note: anda bisa gunain short key ctrl+f untuk mencari kode tersebut
4.pastekan kode diatas di bawah kode <body>
Mungkin cukup sekian panduan tentang cara membuat fans page facebook melayang diblog.
5.pilih pratinjau jika sudah muncul pilih simpan
Selesai jika ada masalah silahkan berkomentar
sekian dan terimakasih ^_^
<!--[if !supportLineBreakNewLine]
bagi sebagian blogger apalagi master blogger pasti mudah untuk buat widget di blog melayang tapi bagi blogger pemula itu pasti sangat sulit apalagi yang belum tahu apa itu kode html/javascript
Disini saya akan membagikan kode javascript untuk membuat widget fans page facebook sobat melayang di blog
KODE
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute;
bottom:-1000px;
left:50%;
margin:0px 0px 130px -182px;
width:auto;
height:auto;
padding:16px;
box-shadow: 0px 0px 7px #222;
background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px
}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
border-radius:10px;
cursor:pointer;
}
</style>
<script src='http://tugasku4u.googlecode.com/files/tombol-close-menu.js'/></script>
<div id='kotak-facebook'>
<font size="3"><b>Fikars blog minta likenya donk.....:)</b></font size>
<br/>
<div class="fb-like-box" data-href="Alamat fans page facebook anda" data-width="292" data-height="250" data-show-faces="true" data-stream="false" data-header="false"></div><a class='close' href='#'>×</a></div>
Bagi yang tidak tahu cara memasang kodenya bisa simak cara cara dibawah ini
1.Masuk ke blogger
2.Pada dashboard pilih blog yang akan di eksekusi
3.Setelah itu pilih tata letak
4.Pilih tambahkan widget – pilih widget html/javascript
5.Paste kode diatas ke dalam kolom yang sudah disediakan
6.Simpan
Jika cara diatas sudah dilakukan copy kode berikut ini
Kode
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Bagi yang tidak tahu cara nerapin kode diatas simak cara cara di bawah ini
1.Pada dashboard pilih blog yang tadi di eksekusi
2.Setelah itu pilih template
3.Cari kode <body>
Note: anda bisa gunain short key ctrl+f untuk mencari kode tersebut
4.pastekan kode diatas di bawah kode <body>
Mungkin cukup sekian panduan tentang cara membuat fans page facebook melayang diblog.
5.pilih pratinjau jika sudah muncul pilih simpan
Selesai jika ada masalah silahkan berkomentar
sekian dan terimakasih ^_^
<!--[if !supportLineBreakNewLine]
No comments:
Post a Comment