Home
>
Posts filed under
FAcebook Widget
Today i am going to share how you can add Facebook send button.
Facebook Send button helps people to share interesting stuff with all their friends, This wedgie increase your traffic and make back link.
How To Add Facebook Send Button In Blogger and website. Go To Blogger > Design > Edit HTML
Search for
<data:post.body>Pastt the code below just above
<data:post.body><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:send href="" font="verdana"></fb:send>
save it and enjoy
Hi Friends today i am going to share that how to use Scrolling Popup Facebook Like, Adsense Ad, Twitter follow, Email Subscribe Box Widget for Blogger and this widget will increase your facebook like, twitter follow, subscribe for your blog and increase your traffic.too
its is very powerful.
Go to your Blogger > Dashboard
Select Layout tab.
Click on "Add a Gadget" then select "HTML/JavaScript" Gadget.
Now Copy the below code and paste it in "HTML/JavaScript" Gadget and Save it.
<style type='text/css'>
#bloggerspiceFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#bloggerspiceFBpop a.bsclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#bloggerspiceFBpop').animate({top:"50px"}, 1000);
// Widget by www.tricksteacher.blogspot.com
$('a.bsclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='bloggerspiceFBpop'>
<!-- Widget by www.tricksteacher.blogspot.com Start -->
<center><b><a class="BloggerSpice">Don't Forget To Join With Our Community</a></b></center>
<center>
Add Your Code
</center>
<!-- Widget by www.tricksteacher.blogspot.com End -->
<a class='bsclose' href='#'>×</a>
<center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this at</span></center></div><a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://tricksteacher.blogspot.com/2013/06/popup-facebook-like-adsense-ad-twitter.html">Blogger Spice</a></center>
</div>
Change
Add Your Code with your code
Hello Friends today i am going how to Facebook like and share button for blogger and website.
Share button is very important any blogger and website. its increase blog traffic.
Go to Blogger.com
Select blog
Edit HTML
Note Backup your template
Search for (ctrl+f)
<data:post.body/>
Paste the following code just below <data:post.body/>
<div id="fb-root"></div><script src="https://docs.google.com/file/d/0B0-0Xqug-nT8c1FGY1BCQk55WGc/edit?usp=sharing"></script><fb:like href="" send="true" layout="button_count" width="450" show_faces="false" font=""></fb:like>
Save and enjoy
Write your Name Lover�s Name in Heart Shape By Asad
How To Add Facebook Send Button In Blogger and website.
