Cara Memasang Fanspage FB Melayang Di Pojok Kiri

Hay sob , kembali lagi sama saya author . Sudah lama ya tidak berjumpa di artikel saya . Maaf saya terlalu lama hiatus kali ini saya akan memberikan sebuah tutorial untuk pengunjung blog atau web saya ini tentang bagaimana cara memasang fanspage FB yang melayang di kiri (?) . Seperti punya saya . Semoga semuanya paham ya tata cara memasangnya . Ya , langsung aja cekidot

Cara Memasang Fanspage FB melayang di pojok kiri 

1.       Pastikan Blogger.com anda sudah login ya .
2.       Buka tata letak
3.       Tambahkan Gadget . Terserah mau ditaruh dimana add gadgetnya.
4.       Pilih HTML / Javascript
5.       Masukkan Kode Dibawah ini . Di kolom konten

<style>
#close { 
    float:left; 
    display:inline-block; 
    padding:1px 6px; 
    background:#A0A0A0; 
    cursor:pointer; 
} 
/*Fixed Facebook Like Box Zuamsyah*/ 
.fb-btn-zuamsyah {
    background:rgba(1, 0, 1, 0.2);
    margin:0;
    padding:0;
    text-align:center;
    position:fixed;
    bottom:1%;
    left:0.5%;
    z-index:9999;
    box-shadow:0 3px 4px #444;
    border:1px solid #ccc;
    display:block;
    -moz-animation:kiri 5s;
    -webkit-animation:kiri 5s;
    animation:kiri 5s;
} 
.fb-btn-zuamsyah {
    padding:0px ;
    color:#fff;
    font-size:120%;
} 
.fb-btn-zuamsyah a:link, .fb-btn-zuamsyah a:visited {
    color:#ffcc00;
} 
.fb-btn-zuamsyah a:hover {
    color:#fff;
}
.fb-btn-zuamsyah2 {
    background:rgba(1, 0, 1, 0.3);
    -moz-animation:kiri 5s;
    -webkit-animation:kiri 5s;
    animation:kiri 5s
} 
.fb-btn-zuamsyah2 {
    padding:2px ;
    color:#fff;
    font-size:120%;
} 
@-webkit-keyframes atas{from{transform:translate(0px, -3000px)}to{transform:translate(0px,0px)} } @keyframes atas{ from{transform:translate(0px, -3000px)} to{transform:translate(0px,0px)} } @-webkit-keyframes kiri{ from{transform:translate(-30000px, 0px);} to{transform:translate(0px,0px);} } @keyframes kiri{ from{transform:translate(-30000px, 0px);} to{transform:translate(0px,0px);} } </style>
<script>
window.onload = function(){ document.getElementById('close').onclick = function(){ this.parentNode.parentNode.parentNode .removeChild(this.parentNode.parentNode); return false; }; }; 
</script>
<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/sdk.js#xfbml=1&version=v2.5&appId=1439296419615573"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-btn-zuamsyah">
<span id='close'>x</span>
<div class="fb-btn-zuamsyah2">
<div class="fb-page" data-href="https://www.facebook.com/aafiblog" data-width="230" data-height="125" data-small-header="true" data-adapt-container-width="false" data-hide-cover="true" data-show-facepile="false" data-show-posts="false">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/aafiblog">
<a href="https://www.facebook.com/aafiblog">aafi-blog.com</a>
</blockquote>
</div>
</div>
</div>
</div> 

Ingat ! yang berbackground merah atau URL Fanspage FB yang saya punya . Tolong diganti dengan URL Fanspage FB anda .

 Itulah cara memasang Fanspage FB nya ya sob . Apabila ada kesalahan dalam HTML atau Javascript diatas . Tolong ketikkan saja di kolom komentar dibawah ya , sob . Sekian dan Terima Kasih

Tweet

Aafi

Seorang Penulis Blog yang tidak pernah lelah untuk berbagi pengalaman dan ilmu

Postingan terkait:

Ditulis Aafi — Add Comment — semua tentang blog