How to add floating facebook like box in blogger
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" />
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" />
Baca Juga
- How to add Related Posts widget in Blogger or Wordpress
- How to add floating facebook like box in blogger
- True caller kya hai? truecaller kaise kaam karta hai?
- Kisi bhi mobile number pr free sms kaise send karte hai
- 50 Ways To Make Your First Sale
- How to Set Phone Number To Change Password for Gmail Account
- To Chanage the Google.com url instead of google.co.in
- How to change Blogger Theme
- How to Add Image link in blogger post
- How to add stylish cursors in your website or blog
<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.
<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.
Comments
Post a Comment