The Trick Lab: Facebook Widget

How To Add Facebook Popup Widget To Blogger

Unknown 2 Blogger Widgets, Facebook Widget 02:51

Today i am sharing a brand new widget Facebook popup like widget for blogger. A pretty great way to increase your web site traffic is to come up with traffic using social network,<br />
One of best option is Facebook, insert / add Facebook pop up like box or widget to your blog. Its a query widget and lately very hip among blogger gadgets.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizr0lKxydN_iMkFbRFatx6WQ1DfNltrxVLFeKb5GR-8ZZ5XQa4GVdEEFYEC7RDl1Ovy7jmq5JpoZxrS4hLedx_lKWogCRGeSds0r2EDxMH8ya0Xc8fxPXeosNyPph75wKjEjEobDT_f6o/s1600/untitled.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizr0lKxydN_iMkFbRFatx6WQ1DfNltrxVLFeKb5GR-8ZZ5XQa4GVdEEFYEC7RDl1Ovy7jmq5JpoZxrS4hLedx_lKWogCRGeSds0r2EDxMH8ya0Xc8fxPXeosNyPph75wKjEjEobDT_f6o/s1600/untitled.bmp" width="320" /></a></div>
<h1 class="post-title entry-title" itemprop="name headline" style="background-color: white; color: #008cdb; font-family: Oswald, 'Bebas Neue', Bebas, 'Arial Narrow', sans-serif; font-size: 22px; font-weight: normal; margin: 0px;">
<a href="http://thetricklab.blogspot.com/2014/03/write-your-name-lovers-name-in-heart.html" itemprop="url" style="color: #008cdb; text-decoration: none;">Write your Name Lover’s Name in Heart Shape</a></h1>
<div>
<br /></div>
<div>
<br /></div>
<div>
HOW TO ADD FACEBOOK LIKE BOX </div>
<div>
<br /></div>
<div>
<div>
First Go To Blogger.com> Layout</div>
<div>
Add a HTML / JavaScript Gadget</div>
<div>
Now paste the following code in it.</div>
</div>
<div>
<br /></div>
<div>
<blockquote class="tr_bq">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script><br />
<style><br />
#fanback {<br />
display:none;<br />
background:rgba(0,0,0,0.8);<br />
width:100%;<br />
height:100%;<br />
position:fixed;<br />
top:0;<br />
left:0;<br />
z-index:99999;<br />
}<br />
#fan-exit {<br />
width:100%;<br />
height:100%;<br />
}<br />
#fanbox {<br />
background:white;<br />
width:420px;<br />
height:270px;<br />
position:absolute;<br />
top:58%;<br />
left:63%;<br />
margin:-220px 0 0 -375px;<br />
-webkit-box-shadow: inset 0 0 50px 0 #939393;<br />
-moz-box-shadow: inset 0 0 50px 0 #939393;<br />
box-shadow: inset 0 0 50px 0 #939393;<br />
-webkit-border-radius: 5px;<br />
-moz-border-radius: 5px;<br />
border-radius: 5px;<br />
margin: -220px 0 0 -375px;<br />
}<br />
#fanclose {<br />
float:right;<br />
cursor:pointer;<br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu7BH57b6IA19Dgq4IJQHV0C9ZnmgpD5j5KQdoMxgUAcZdkBlLiaEcYzdqhH2zcyIr7_eX2B0pkeI9xiSyfdzfdxhkoblV5HNwArD9nyCTrXmwWrue6iI9rWzKEcN7Tse_11NuceLZ4wsY/s1600/fanclose.png) repeat;<br />
height:15px;<br />
padding:20px;<br />
position:relative;<br />
padding-right:40px;<br />
margin-top:-20px;<br />
margin-right:-22px;<br />
}<br />
.remove-borda {<br />
height:1px;<br />
width:366px;<br />
margin:0 auto;<br />
background:#F3F3F3;<br />
margin-top:16px;<br />
position:relative;<br />
margin-left:20px;<br />
}<br />
#linkit a.visited,#linkit a,#linkit a:hover {<br />
color:#80808B;<br />
font-size:10px;<br />
margin: 0 auto 5px auto;<br />
float:center;<br />
}<br />
</style><br />
<pre></pre><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
jQuery.cookie = function (key, value, options) {<br />
// key and at least value given, set cookie...<br />
if (arguments.length > 1 && String(value) !== "[object Object]") {<br />
options = jQuery.extend({}, options);<br />
if (value === null || value === undefined) {<br />
options.expires = -1;<br />
}<br />
if (typeof options.expires === 'number') {<br />
var days = options.expires, t = options.expires = new Date();<br />
t.setDate(t.getDate() + days);<br />
}<br />
value = String(value);<br />
return (document.cookie = [<br />
encodeURIComponent(key), '=',<br />
options.raw ? value : encodeURIComponent(value),<br />
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE<br />
options.path ? '; path=' + options.path : '',<br />
options.domain ? '; domain=' + options.domain : '',<br />
options.secure ? '; secure' : ''<br />
].join(''));<br />
}<br />
// key and possibly options given, get cookie...<br />
options = value || {};<br />
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;<br />
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;<br />
};<br />
//]]><br />
</script><br />
<script type='text/javascript'><br />
jQuery(document).ready(function($){<br />
if($.cookie('popup_user_login') != 'yes'){<br />
$('#fanback').delay(100).fadeIn('medium');<br />
$('#fanclose, #fan-exit').click(function(){<br />
$('#fanback').stop().fadeOut('medium');<br />
});<br />
}<br />
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });<br />
});<br />
</script><br />
<div id='fanback'><br />
<div id='fan-exit'><br />
</div><br />
<div id='fanbox'><br />
<div id='fanclose'><br />
</div><br />
<div class='remove-borda'><br />
</div><br />
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?<br />
href=<span style="color: red;">http://www.facebook.com/computerlatestinformation</span>&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'<br />
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center><br />
<a href="http://thetricklab.blogspot.com/2014/03/how-to-add-facebook-popup-widget-to.html" rel="dofollow">Facebook Popup Widget</a></center><br />
</div><br />
</div></blockquote>
<br />
<br />
<br />
Replace <span style="color: red;">http://www.facebook.com/computerlatestinformation</span> with your facebook username<br />
<br />
 If you want the Popup to <span style="color: red;">appear every time the User Reloads</span>  or access the website<br />
<br />
 Delete the below code<br />
<br />
<blockquote class="tr_bq">
$.cookie(‘popup_user_login’, ‘yes’, { path: ‘/’, expires: 7 }); </blockquote>
</div>

How To Add Facebook Popup Widget To Blogger

Today i am sharing a brand new widget Facebook popup like widget for blogger. A pretty great way to increase your web site traffic is to com...

Write your Name Lover’s Name in Heart Shape By Asad

Unknown 0 Facebook Widget, Generator 10:51

This is simple Text for you to Heart Text Generator for bloggers as well as for Facebook consumers, you can easily put it to use in Facebook Position, MySpace Status, Google Plus Position, for Tweet as well as in other social web sites. This will produce your text into the heart shape.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFFyG_2qABHXA-Aka1NS0G8FOBZpd6hAW5G-_WrtHi52J5CtewX79j4NBlCzehvZTU20nz93cc-sdVXioBx3wGttKvOC3m9XIwAeatw_eJ9jUlJjFkQ88ALtN-pFVYQHd0wyI8ym5Clo/s1600/heart+generator.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFFyG_2qABHXA-Aka1NS0G8FOBZpd6hAW5G-_WrtHi52J5CtewX79j4NBlCzehvZTU20nz93cc-sdVXioBx3wGttKvOC3m9XIwAeatw_eJ9jUlJjFkQ88ALtN-pFVYQHd0wyI8ym5Clo/s1600/heart+generator.jpg" /></a></div>
How to Use it.<br />
<br />
<br />
<span style="font-size: large;"><a href="http://thetricklab.blogspot.com/2014/03/Make-Creative-And-Tricky-Facebook-Timeline-Photos.html" target="_blank">Make Creative And Tricky Facebook Timeline Photos </a></span><br />
<br />
<br />
    Type Your Name in Text Box<br />
<br />
    Hit on 'Create Button'<br />
<br />
    That's it....!<br />
<br />
Currently copy your own generated word and composite anyplace, wherever by you plan to gift your own creativeness.<br />
<br />
<br />
<br />
<br />
<script type="text/javascript">

var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-37656022-1']);
  _gaq.push(['_trackPageview']);

(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

Write your Name Lover’s Name in Heart Shape By Asad

This is simple Text for you to Heart Text Generator for bloggers as well as for Facebook consumers, you can easily put it to use in Facebook...

Popup Facebook Like, Adsense Ad, Twitter follow, Email Subscribe Box Widget For Blogger

Unknown 1 AdSense, Blogger Widgets, Facebook Widget 20:43

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicXeGOKNziMvnV-LpFhcNo9-RVlMRcqKyAK7GAhgmklY45JgLCSqu9Qt8zOjU9m7vunq5F4naFNiI0X0pcjOvxVBfUxmECquPkaKcisdNB3Mi0RzXfbfyyTW1H2lis7-pFQlkxoQwSi4c/s1600/Popup+Facebook+Like,+Twitter+follow,+Email+Subscribe+Box+Widget+For+Blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div>
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<br />
 its is very powerful Widgets <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicXeGOKNziMvnV-LpFhcNo9-RVlMRcqKyAK7GAhgmklY45JgLCSqu9Qt8zOjU9m7vunq5F4naFNiI0X0pcjOvxVBfUxmECquPkaKcisdNB3Mi0RzXfbfyyTW1H2lis7-pFQlkxoQwSi4c/s1600/Popup+Facebook+Like,+Twitter+follow,+Email+Subscribe+Box+Widget+For+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicXeGOKNziMvnV-LpFhcNo9-RVlMRcqKyAK7GAhgmklY45JgLCSqu9Qt8zOjU9m7vunq5F4naFNiI0X0pcjOvxVBfUxmECquPkaKcisdNB3Mi0RzXfbfyyTW1H2lis7-pFQlkxoQwSi4c/s1600/Popup+Facebook+Like,+Twitter+follow,+Email+Subscribe+Box+Widget+For+Blogger.jpg" width="400" /></a></div>
<br />
Go to your Blogger ><span style="color: red;"> Dashboard</span><br />
<br />
Select Layout tab.<br />
<br />
Click on "<span style="color: red;">Add a Gadget</span>" then select "<span style="color: red;">HTML/JavaScript</span>" Gadget.<br />
<br />
 Now Copy the below code and paste it in <span style="color: red;">"HTML/JavaScript</span>" Gadget and Save it.<br />
<br />
<br />
<blockquote class="tr_bq">
<style type='text/css'><br />
#bloggerspiceFBpop {<br />
position:fixed !important;<br />
position:absolute;<br />
top:-1000px;<br />
left:50%;<br />
margin:0px 0px 0px -182px;<br />
width:300px;<br />
height:auto;<br />
padding:16px;<br />
background:#FEFEFE;font:normal Dosis, Georgia, Serif;<br />
color:#111;<br />
border:2px solid #333;<br />
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br />
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br />
box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br />
-webkit-border-radius:10px;<br />
-moz-border-radius:10px;<br />
border-radius:10px;<br />
}<br />
#bloggerspiceFBpop a.bsclose {<br />
position:absolute;<br />
top:-10px;<br />
right:-10px;<br />
background:#fff;<br />
font:bold 16px Arial, Sans-Serif;<br />
text-decoration:none;<br />
line-height:22px;<br />
width:22px;<br />
text-align:center;<br />
color:#000000;<br />
border:2px solid #333;<br />
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br />
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br />
box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br />
-webkit-border-radius:22px;<br />
-moz-border-radius:22px;<br />
border-radius:25px;<br />
cursor:pointer;<br />
}<br />
</style><br />
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><br />
<script type='text/javascript'><br />
$(window).bind("load", function() {<br />
// Animate Top<br />
$('#bloggerspiceFBpop').animate({top:"50px"}, 1000);<br />
// Widget by www.thetricklab.blogspot.com<br />
$('a.bsclose').click(function() {<br />
$(this).parent().fadeOut();<br />
return false;<br />
});<br />
});<br />
</script><br />
<div id='bloggerspiceFBpop'><br />
<br />
<center><b><a class="BloggerSpice">Don't Forget To Join With Our Community</a></b></center><br />
<center><br />
<b><span style="color: red;">Add Your Code</span></b><br />
</center><br />
<br />
<a class='bsclose' href='#'>&times;</a><br />
<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://thetricklab.blogspot.com/2014/02/popup-facebook-like-adsense-ad-twitter.html">The Trick Lab</a></center><br />
</div> </blockquote>
<br />
 Change <b><span style="color: red;">Add Your Code</span></b> with your code

Popup Facebook Like, Adsense Ad, Twitter follow, Email Subscribe Box Widget For Blogger

Today i am going to share that how to use Scrolling Popup Facebook Like, Adsense Ad, Twitter follow, Email Subscribe Box Widget for Blogg...

How To Add Facebook Like and Send Button In Blogger And Website

Unknown 0 Blogger Widgets, Facebook Tricks, Facebook Widget 03:27

<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgumybsGLdih4JI_qFgF-srHhflp08b7xNLEuVz36VZtqZau8UlWbDXeA8iFNBfbRjGYcTMkufrVtI6sS1AoUGvAA39IRWS0tBFkA5Jg6BVlQEVCvZu5qOydi6k86OGolnXAy1zeRemkKk/s1600/Like+and+send+buttons.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgumybsGLdih4JI_qFgF-srHhflp08b7xNLEuVz36VZtqZau8UlWbDXeA8iFNBfbRjGYcTMkufrVtI6sS1AoUGvAA39IRWS0tBFkA5Jg6BVlQEVCvZu5qOydi6k86OGolnXAy1zeRemkKk/s1600/Like+and+send+buttons.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Hello Friends Today i am going how to  Facebook like and share button for blogger and website.<br />
Share button is very important any  blogger and website. its increase blog traffic.<br />
<br />
<br />
<ol>
<li>Go to <span style="color: red;">Blogger.com</span></li>
<li>Select blog</li>
<li>Edit HTML</li>
</ol>
<br />
Note Backup your template<br />
<br />
Search for (ctrl+f)<br />
<br />
<blockquote class="tr_bq">
<data:post.body/></blockquote>
<br />
Paste the following code just below <span style="color: red;"><data:post.body/> </span><br />
<br />
<br />
<blockquote class="tr_bq">
<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> </blockquote>
<br />
<br />
 Save your template and enjoy

How To Add Facebook Like and Send Button In Blogger And Website

Hello Friends Today i am going how to Facebook like and share button for blogger and website. Share button is very important any ...

Add Facebook Send Button For Blogger And Website

Unknown 1 Blogger Widgets, Facebook Widget 00:20

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.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq26T9m_Wq2fRPQKwPoA69Ia4IACM2IbQA0XxNEYEawq4o85Gg2SJI-hOHBEets6XBsA5sINYT_AyKzrJTd2e-AlUefOuxFyVhGAwYyP1_UL1gUpoSicySazKoR9e9CINWJj5U4EpHej4/s1600/Like+and+send+buttons.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq26T9m_Wq2fRPQKwPoA69Ia4IACM2IbQA0XxNEYEawq4o85Gg2SJI-hOHBEets6XBsA5sINYT_AyKzrJTd2e-AlUefOuxFyVhGAwYyP1_UL1gUpoSicySazKoR9e9CINWJj5U4EpHej4/s1600/Like+and+send+buttons.png" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
How To Add Facebook Send Button In Blogger and website.<br />
<br />
<br />
<ul>
<li>    Go To Blogger > Design > Edit HTML</li>
<li>    Search for <span style="color: red;"><data:post.body></span></li>
</ul>
<br />
Pastt the code below just above<span style="color: red;"> <data:post.body></span><br />
<br />
<br />
<blockquote class="tr_bq">
<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></blockquote>
<br />
 save it and enjoy

Add Facebook Send Button For Blogger And Website

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 ...

The Trick Lab

How To Add Facebook Popup Widget To Blogger

Write your Name Lover’s Name in Heart Shape By Asad

Popup Facebook Like, Adsense Ad, Twitter follow, Email Subscribe Box Widget For Blogger

How To Add Facebook Like and Send Button In Blogger And Website

Add Facebook Send Button For Blogger And Website

Follow by Email

Popular Posts

Blog Archive