Cara Memasang Fanspage Facebok Melayang di Pojok Kanan. Fanspage merupakan sebuah halaman yang disediakan oleh pihak facebook. Fungsi dari fanspage tersebut yaitu sebagai sarana promosi atau kenalan baik dari seorang idola (artis, aktris, dsb) maupun bisnis.
Adanya fanspage tersebut tentunya kita sebagai pemilik akun dapat dengan mudah menyebarkan informasi kepada orang lain yang mengikuti halaman kita. Sehingga sasaran dalam penyebaran tersebut tepat sesuai dengan keinginan lain halnya dengan kita melakukan share secara langsung menggunakan akun (non fanspage) maka yang melihat belum tentu orang-orang yang sesuai dengan kriteria yang diinginkan.
Pada kesempatan kali ini, Amirs ID akan membagikan tutorial cara memasang fanspage facebook melayang di pojok kanan. Tutorial ini dapat digunakan sebagai sarana promosi agar fanspage kalian diketahui oleh para pembaca setia blog kalian, sehingga kemungkinan besar mereka akan mengikuti fanspage kalian yang berdampak pula pada penambahan jumlah follower kalian. Untuk tutorial fanspage facebook melayang di pojok kanan bawah, langsung saja ikuti langkah-langkah dibawah ini.
Cara Memasang Fanspage Facebook Melayang di Pojok Kanan
1. Login terlebih dahulu ke dalam akun blogger kalian
2. Masuk pada menu Template > Edit HTML
3. Carilah kode </head> (disarankan menggunakan Ctrl + F pada keyboard kalian)
4. Tambahkan kode CSS dibawah ini tepat berada diatas kode </head>
<style type="text/css">
#fbLikeBox{background-color:#FFFFFF;border:4px solid rgb(210,210,210);bottom:0;border-bottom:0;float:left;height:auto;margin-bottom:0;margin-right:5px;position:fixed;right:0;width:auto;z-index:10}
.fbLikeBox-close{color:#333!important;position:absolute;top:1px;right:1px;width:20px;height:20px;line-height:20px;text-align:center;font-size:11px}
.slideUpfbLikeBox{animation-name:slideUpfbLikeBox;-webkit-animation-name:slideUpfbLikeBox;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}
@keyframes slideUpfbLikeBox{0%{transform:translateY(100%)}50%{transform:translateY(-8%)}65%{transform:translateY(4%)}80%{transform:translateY(-4%)}95%{transform:translateY(2%)}100%{transform:translateY(0%)}}
@-webkit-keyframes slideUpfbLikeBox{0%{-webkit-transform:translateY(100%)}50%{-webkit-transform:translateY(-8%)}65%{-webkit-transform:translateY(4%)}80%{-webkit-transform:translateY(-4%)}95%{-webkit-transform:translateY(2%)}100%{-webkit-transform:translateY(0%)}}
</style> 5. Setelah itu, carilah kode </body> dengan cara yang sama seperti diatas
6. Tambahkan kode HTML dibawah ini, tepat berada diatas kode </body>
<div class='slideUpfbLikeBox' id='fbLikeBox'>
<a class='fbLikeBox-close' href='#fbLikeBox-close-like-box' onclick='hide('fbLikeBox')' title='Close'><i class='fa fa-times' /></a>
<div class='fb-like-box ' data-header='false' data-height='62' data-href='https://www.facebook.com/amirsid' data-show-faces='true' data-stream='false' data-width='187'><span style='height: 62px; width: 187px; '><iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Famirsid&width=187&height=62&show_faces=false&colorscheme=light&stream=false&border_color&header=true' style='border:none; overflow:hidden; width:187px; height:62px;'/>
</span></div>
</div>
<script type='text/javascript'>
function show(target) {
document.getElementById(target).style.display = 'block';
}
function hide(target) {
document.getElementById(target).style.display = 'none';
}
</script> Gantilah tulisan berwarna biru dengan username fanspage facebook kalian
7. Klik Simpan Template
Demikianlah tadi tutorial cara memasang fanspage facebook melayang di pojok kanan. Semoga kalian yang mengikuti tutorial diatas mampu menambah jumlah follower fanspage kalian semua. Cukup sekian dan terimakasih.
EmoticonEmoticon