How to add floating facebook like box in blogger

Baca Juga

                                                                           Hello everyone if you want to add floating facebook like box in your blog simply follow these  steps :

1. Go to Blogger Dashboard

2. Then click on layout in left side

3. Then click on Add a Gadget

4. Select Html/Javascript from the list

5. Fill the below code in the box

<!-- Widget by pc-internettips.blogspot.com start -->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>


<div id="dialog" title="Get updates via Facebook">
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpcandinternettips.blogspot&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:285px; height:258px;" allowtransparency="true"></iframe></center>
<center style="float:right; margin-right:10px;">
 <!-- Please don't remove credit -->
<span style="font-size:xx-small; color:#000; text-decoration:none;"></span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="#"></a></center>
</div>
<!-- Widget by pc-internettips.blogspot.com End -->

6. Then click on Save.

done enjoy.