Cara Membuat Like Box Melayang Slide Tombol Close

kali ini Admin akan share Cara Membuat Like Box Melayang Slide Close sebelumnya admin RM sudah share Cara Membuat Like Box Melayang Dengan Tombol Close Muantep berikut ini screentshotnya :

Bagiamana sobat bagus bukan? tertarik ingin menggunakanya di blog sobat ? kalo iyah perhatikan step by step okeh !!.

1. Seperti biasa buka akun blogger sobat.
2. Pilih Tata Letak-Tambah Gadget - Pilih HTML/JavaScript, Kemudia copy kode di bawah ini dan pastekan.

<div style="display:scroll;position:fixed;top:50px;left:400px;">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://yourjavascript.com/4131855615/slidefbnew.js" type="text/javascript">
</script>
<style>
#kompiajaib_slidefb2012{
font-family: "Consolas", "Courier New", Courier, mono, serif;
border: 1px solid;
width: 355px;
margin: 10px 0px;
padding:5px 0px 0px 5px;
background-repeat: no-repeat;
position:relative;
color: #00529B;
background-color: #000000;
}
</style>
<div id="kompiajaib_slidefb2012">
<a class="close"  href="#close" style='position:absolute;right:0px;top:0px;margin-right:-1px;margin-top:-1px;'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdpTnCqMP_tgjwKo9VDPelQM-kypcwjYxiI0LYUnljRY36k90cWezFNEmFsAMbnxwNhQYFMO-6BzGoupzAxaEpCQgvMd5hcs5GWd6BCwqIB2BeODewPxelD2kgwRlriYfQgG4s7x2Q3gYY/s1600/popover-close-button.gif" /></a>
<div style='width:99%;padding:8px 0px;background-color:#737373;font-family:arial;text-align:center;'><div style='color:#FFF;font-size:13px;font-weight:bold;'>Like us and get updates</div></div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/ABU-RIZAL-BLOG/234323736698331&amp;width=350&amp;height=255&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=%23FFFFFF&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:255px;" allowtransparency="false"></iframe><div style="border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;">Powered by <a href="http://aburizalababil.blogspot.com/2013/03/cara-membuat-like-box-melayang-slide.html" target="_blank">blogger widget</a></div>
</div></div>

Note :
Silahkan ganti kode berwarna biru dengan URL Facebook sobat
sedangkan kode berwarna merah adalah background widget, silakan ganti sesuai keinginan sobat.

Nah, sekian artikel tentang Cara Membuat Like Box Melayang Slide Close semoga artikel yang saya tulis bermanfaat bagi sobat semua.

Baca selengkapnya »