Minggu, 19 Juni 2016

Cara Memasang Fans Page Melayang Di Blog

Salam semuanya,setelah pertemuan sebelumnya saya membahas tentang Cara Membuat Dan Memasang Fans Page facebook Di Blog,kini saatnya saya ke pembahasan baru masih deputar facebook yaitu Cara Memasang Fans Page Melayang Di Blog,rasanya kurang pas bila tampilan fans page facebook tampil dalam halaman posting secara manual maka dari itu saya akan kasih tutorialnya untuk sedikit memodifikasi tampilan fans page nya.
Untuk tutorialnya bisa sobat lihat di bawah ini.

1. Login dulu ke akun blog sobat.
2. Cari kode </head> dan letakan kode di bawah tepat di atas kode </head>.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

3. Buat dulu kode IFRAME silahkan kunjungi
http://developers.facebook.com/docs/reference/plugins/like-box/,
Untuk yang sudah siap kode IFRAME nya langsung menuju langkah 4.

4. Pilih Tata Letak > HTML/Jacascript
5. Copy script di bawah dan letakan pada kolom konten.


<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM93mWmbJdiIcwcz6KnuIrDMhecOBH0DZfp1Kd7DakfnBCUq6llSNF2JbTd6AtGF6KIjrJWSIEEtI2_pRGPKLsozKQ2zNYcezeZ520NbOH4Fkywembw0q42orXjGH7Qtsq-rlUeDOm5I0/s1600/hansmjlkcommunity.gif") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FHans-strg%2F494564430597957&amp;width=300&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowTransparency="true"></iframe><span><a href=" http://hansmjlkcommunity.blogspot.com/2013/04/cara-membuat-dan-memasang-fans-page.html "><b>Get Widget</b></a></span></div></div>

4. Tulisan yang berwarna merah adalah kode IFRAME,silahkan ganti dengan kode IFRAME yang telah di buat tadi di atas.
5. setelah semuanya beres kemudian save.


Gimana mudah kan sobat tutorialnya,semoga bermanpaat buat semuanya dan terima kasih atas kunjungannya.

Tidak ada komentar:

Posting Komentar