The Trick Lab

How To Add Facebook Popup Widget To Blogger

noreply@blogger.com (Anonymous) — Mon, 24 Mar 2014 09:51:00 +0000

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

Write your Name Lover’s Name in Heart Shape

HOW TO ADD FACEBOOK LIKE BOX

First Go To Blogger.com> Layout

Add a HTML / JavaScript Gadget

Now paste the following code in it.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu7BH57b6IA19Dgq4IJQHV0C9ZnmgpD5j5KQdoMxgUAcZdkBlLiaEcYzdqhH2zcyIr7_eX2B0pkeI9xiSyfdzfdxhkoblV5HNwArD9nyCTrXmwWrue6iI9rWzKEcN7Tse_11NuceLZ4wsY/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<pre></pre>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='fanbox'>
<div id='fanclose'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=http://www.facebook.com/computerlatestinformation&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
<a href="http://thetricklab.blogspot.com/2014/03/how-to-add-facebook-popup-widget-to.html" rel="dofollow">Facebook Popup Widget</a></center>
</div>
</div>

Replace http://www.facebook.com/computerlatestinformation with your facebook username

If you want the Popup to appear every time the User Reloads or access the website

Delete the below code

$.cookie(‘popup_user_login’, ‘yes’, { path: ‘/’, expires: 7 });

Apriezt v1.0 - Responsive Magazine News Blogger Theme Free Download

noreply@blogger.com (Anonymous) — Sun, 23 Mar 2014 09:27:00 +0000

DOWNLOAD Download FULL PREVIEW

Today i am share Apriezt - Responsive Magazine/News Blogger Theme. Apriezt template market value price 20$.

Platform

Blogger.com

Template Name

Apriezt - Responsive Magazine/News Blogger Theme

Template Description
Apriezt a blogger theme with responsive layout and 2 vogue Boxed or Full breadth. Its High User Friendly Blogger Template. Its style easy and clean and ideal for News, Magazine or portfolio websites. With a gorgeous color combination and affected professionals and has several options.

DOWNLOAD Download FULL PREVIEW

7 Best Cost Per Impression (CPM) Ads Networks

noreply@blogger.com (Anonymous) — Thu, 20 Mar 2014 04:06:00 +0000

Cost Per Impression or CPM advertisements AR differently of creating cash along with your web site or web log. Most of the Websites are these days depended Google AdSense but having another source of revenue will assist you earn more.

There are different kinds of advertisement program like Pay Per Click, price per sale, price Per Action etc.Google AdSense pay you once somebody clicks on Ads.

Top Paying CPM Advertising Network

1) Tribal Fusion: Tribal Fusion is one of the most popular CPM ad network. They're popular for top CPM rates. If you get additional then five hundred 500,000 users per month then you'll be able to apply on Tribal Fusion for publisher program.

2) Advertising: Advertising.com is a part of AOL. Advertising additionally among high CPM ads network and also one in every of the high paying CPM rates. Tojoin advertising you want to have high visitors base.

3) Casale Media: Casale Media offers high CPM rates thee than that they also offers fixed CPM rates. To become Casale Media publisher you want to get 50,000 user monthly.

4) Burst Media - Burst Media provides you high CPM’s, quality campaigns, and full management of that ads run on your web site. Your web site should have minimum traffic of 25,000 monthly page views or 5,000 monthly views.

5) Technorati Media: Technorati Media biggest social media advertising network. With deep agency and consumer relationships, they deliver targeted campaigns from prime brands at high CPM.

6) BannerConnect: BannerConnect has been a specialist on automated ad investing since 2004 and was one of several first companies in the world active on an offer exchange.

7) ValueClick Media is that the premier net advertising network for publishers United Nations agency would like to earn the foremost for his or her out there inventory. You get the whole management over your advertisements in conjunction with quality advertising and superior support.

How To Change Facebook Login Background

noreply@blogger.com (Anonymous) — Wed, 19 Mar 2014 05:24:00 +0000

The traditional Facebook log in screen is incredibly boring and monotonous since it took a protracted time with no changes.Now you'll be able to amendment the Facebook background to any image that you just need to place, employing a terribly easy methodology. This trick is a couple of Chrome Extension that may assist you do this with few clicks.

How to Change Facebook Login Screen Background Picture

1) First of all, Go to FACE BOOB Refresh Chrome Extension.

2) Click FREE, then confirm by clicking Add button.

3) After adding the plugin to Google Chrome, visit chrome://chrome/extensions/ to access all Chrome extension settings.

4) currently scroll down till you discover the put in extension (FB Refresh), then Click choices slightly below it.

5) When you click Options, you will be redirected to settings page of FB Refresh.

6) Under Image (uniform resource locator) URL/Upload section you can paste the Image URL that you can find on Google Image Search or simply Upload an image of you.

7) you have to Click on Save button within the bottom of the page.

4 in 1 Social Subscribing Slide Out Widget For Blogger

noreply@blogger.com (Anonymous) — Mon, 17 Mar 2014 04:46:00 +0000

Today i'm share four in one Social Subscribing Slide Out gadget For Blogger.

If you do not have an area for your social subscribing widgets then don't fret.
I am share Hide and show them out with sleek j question slide out hover result.
This four in one slide out gadget contains a floating Facebook like box,your recent tweets, Google +1 button and feed burner email subscription.

Go to blogger.com.
Select Layout.
Add a Gadget
Click HTML JavaScript.
Paste the code.

<div dir="ltr" style="text-align: left;" trbidi="on">
<style>
img,a {
border: 0;
}
#on {
visibility: visible;
}
#off {
visibility: hidden;
}
#facebook_div {
width: 196px;
height: 340px;
overflow: hidden;
}
#twitter_div {
width: 246px;
height: 353px;
overflow: hidden;
}
#google_plus_div {
width: 152px;
height: 97px;
overflow: hidden;
margin-left: 50px;
margin-top: 10px;
}
#knfeedburner_div {
width: 300px;
height: 97px;
overflow: hidden;
margin-top: 5px;
margin-left: -4px;
}
#kakinetwork_div {
width: 300px;
height: 97px;
overflow: hidden;
}/* right side style */#facebook_right {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 353px;
position: fixed;
right: -200px;
}
#facebook_right img {
position: absolute;
top: -2px;
left: -35px;
}
#facebook_right iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
left: -2px;
top: -3px;
}
#twitter_right {
z-index: 10004;
border: 2px solid #6CC5FF;
background-color: #6CC5FF;
width: 246px;
height: 353px;
position: fixed;
right: -250px;
}
#twitter_right_img {
position: absolute;
top: -2px;
left: -35px;
border: 0;
}
#google_plus_right {
z-index: 10003;
background-color: #F2F2F2;
border: 2px solid #006ec9;
border-top: 2px solid #0056a0;
border-bottom: 2px solid #0056a0;
border-right: 2px solid #0056a0;
border-left: hidden;
width: 152px;
height: 97px;
position: fixed;
right: -154px;
}
#google_plus_right_img {
position: absolute;
top: -2px;
left: -33px;
border: 0;
}
#feedburner_right {
z-index: 10003;
background-color: #fefefe;
border: 2px solid #5b5b5b;
border-top: 2px solid #5b5b5b;
border-bottom: 2px solid #5b5b5b;
border-right: 2px solid #5b5b5b;
border-left: hidden;
width: 300px;
height: 97px;
position: fixed;
right: -303px;
}
#feedburner_right_img {
position: absolute;
top: -2px;
left: -33px;
border: 0;
}
#kakinetwork_right {
z-index: 10003;
border: 2px solid #303030;
background-color: #fff;
width: 300px;
height: 97px;
position: fixed;
}
#kakinetwork_right img {
position: absolute;
top: -2px;
left: -101px;
}/* left side style */#facebook_left {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 353px;
position: fixed;
left: -200px;
}
#facebook_left img {
position: absolute;
top: -2px;
right: -35px;
}
#facebook_left iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
right: -2px;
top: -3px;
}
#twitter_left {
z-index: 10004;
border: 2px solid #6CC5FF;
background-color: #6CC5FF;
width: 246px;
height: 353px;
position: fixed;
left: -250px;
}
#twitter_left_img {
position: absolute;
top: -2px;
right: -35px;
border: 0;
}
#google_plus_left {
z-index: 10003;
background-color: #006ec9;
border: 2px solid #006ec9;
border-top: 2px solid #0056a0;
border-bottom: 2px solid #0056a0;
border-left: 2px solid #0056a0;
border-right: hidden;
width: 152px;
height: 97px;
position: fixed;
left: -154px;
}
#google_plus_left_img {
position: absolute;
top: -2px;
right: -33px;
border: 0;
}
#feedburner_left {
z-index: 10003;
background-color: #fefefe;
border: 2px solid #5b5b5b;
border-top: 2px solid #5b5b5b;
border-bottom: 2px solid #5b5b5b;
border-left: 2px solid #5b5b5b;
border-right: hidden;
width: 300px;
height: 97px;
position: fixed;
left: -303px;
}
#feedburner_left_img {
position: absolute;
top: -2px;
right: -33px;
border: 0;
}
#kakinetwork_left {
z-index: 10003;
border: 2px solid #303030;
background-color: #fff;
width: 300px;
height: 97px;
position: fixed;
}
#kakinetwork_left img {
position: absolute;
top: -2px;
right: -101px;
}
.box-title1 {
border: 1px solid #ddd;
/*border-radius*/
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/*box-shadow*/
-webkit-box-shadow: 5px 5px 5px #CCCCCC;
-moz-box-shadow: 5px 5px 5px #CCCCCC;
box-shadow: 5px 5px 5px #CCCCCC;
padding: 10px;
margin: 10px 0;
}
.enteryouremail {
background: #fff !important;
border: 1px solid #d2d2d2;
padding: 0px 8px 0px 8px;
color: #a19999;
font-size: 12px;
height: 25px;
width: 165px;
/*border-radius*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0px;
}
.submitbutton {
background: #F2F2F2;
border: 1px solid #F66303;
/*box-shadow*/
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
font: bold 12px Arial, sans-serif;
color: #000000;
height: 25px;
padding: 0 12px 0 12px;
margin: 0 0 0 5px;
/*border-radius*/
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}
</style><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>
<script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); }); jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); }); jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); }); });</script>
<br />
<div id="on">
<div id="facebook_right" style="top: 18%;">
<div id="facebook_div">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLoMw9rgvrVOMGIkl9Jt2GR6yuFjShpbA0dBDczqea11Telvt63HDemjVWO1dqMwRvGMXdlwQ8brp3FS7sMc53m2Cv0LJpaRwc4Rh3svQkIMdaDOEmidkppDUvQdWZExQgrMAR7o84YYtf/s1600/thetricklab.blogspot.com-facebook-icon.png" />
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fasadtariq786&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" style="border: none; height: 346px; overflow: hidden; width: 200px;">
</iframe>
</div>
</div>
</div>
<div id="on">
<div id="twitter_right" style="top: 35%;">
<div id="twitter_div">
<img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWXqttYSmiMy2FYyhG0bc8Rlmi9Q-3HILQUFievzYdLj15Y4PMg54yKIlVJGhtoncx5OOrEg73Qi4itztxXchpktDYMwkaRgCvLAFac0OF7K2uSa75_68eC8EoFKp6bI0C16opFRRQD32v/s1600/thetricklab.blogspot.com-twitter.png" />
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('asadtariq77').start();</script>
</div>
</div>
</div>
<div id="on">
<div id="google_plus_right" style="top: 52%;">
<div id="google_plus_div">
<img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE-94MPPkzhiMecaNxj-q5NfK15FU8cqFpEBmS2Xv3H5Fe-18aXANsqmWhUJZDtZ0fRTCGOUsG-_4YZWQSJD0NBYEzWhEZwrOvXHdvfYP5TFKLyOsf7e0gNan7eJ4xXOiZW81CukDJoBKN/s1600/thetricklab.blogspot.com-google+.png" />
<br />
<div style="float: left; margin: 10px 10px 10px 0;">
<g:plusone expr:href="data:post.url" size="tall"></g:plusone>
</div>
</div>
</div>
<div id="on">
<div id="feedburner_right" style="top: 69%;">
<div id="knfeedburner_div">
<center>
<h4 style="color: #f66303;">
You can also receive Free Email Updates:</h4>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/USDlLP', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="enteryouremail" gtbfieldid="10" name="email" onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" value="Enter your email here..." /><input name="uri" type="hidden" value="hblogger" /><input class="submitbutton" type="submit" value="Submit" />
</form>
</center>
<img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqE1Tx2qKUnAR_vFAOkC5jCdE9pQZSEb9sGEm7mceaOADSe31wgVbb_kLP3Al6wYG_1BFBiFoxsoYovgkVyxe55WDHZVT61JoiMGBoeTNgxSnsg6ZZGoxYiXhy9qS38OPmBfVR345zBkbF/s1600/thetricklab.png" />
</div>
</div>
</div>
</div>
</div>

replace asadtariq786 with your Facebook fan page username.
Replace asadtariq77 with your twitter username.
Replace blogspot/USDlLP with your feed burner username

Google Adsense Convert code

noreply@blogger.com (Anonymous) — Fri, 14 Mar 2014 04:29:00 +0000

If you like Adsense Ad units or any other ad scripts within the web and blogger Post or anyplace within the Blog, You can't directly Paste it in the template code. You have to first convert the code by using this HTML Entities Encoder tool and then you can definitely put ads anywhere you choose.

Google Adsense Convert code

Flying Twitter Bird Widget Generatora

noreply@blogger.com (Anonymous) — Thu, 13 Mar 2014 16:27:00 +0000

Today I'm share Flying Twitter Bird Widget Generator for blogger. it's a generator which can add differing types flying objects that on click can tweet your required text. Twitter bird flying animated effect by JavaScript when you scroll the page Up or Down, twitter bird available front of page. The bird found itself as the “follow me” link on the Twitter account. If you move the mouse pointer on the bird, a “follow me” button and a “tweet this” option displayed. In this post i provide you seven style of twitter birds for blogger.

How To Add This Widget To Blogger

Fill the desired information in generator below
select a type of twitter bird
Click on “Generate” button
Finally click on “Add to blogger” button

Click here for Flying Twitter Bird Widget Generatora

Add Social Bookmarking Running Trucks For Blogger

noreply@blogger.com (Anonymous) — Mon, 10 Mar 2014 05:34:00 +0000

Today I'm share Social bookmark submitting Widget. Social bookmarking Widget is important for any internet site. And if widget is related animation then it always gives a good impression to any blog as well as your visitor like to play it and so they also also want to view it many times.

Floating Social Media Slide out Widget For Blogger , Website And wordpress

Add Running Trucks in Blogger.

Sign in to Blogger > Dashborad.
Click on drop Menu and choose Layout.
Add a HTML/JavaScript.
Add a new HTML/JavaScript Gadget.
Paste below code inside it.

<div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee><a href="http://www.facebook.com/computerlatestinformation" target="blank"> <abbr title="Follow us at Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNk41aF9uwThNXKwSBSI5QUTmgKG1YODgf8codU4r3VfAFxbqZoG0ihinMa9WYKvHMX89KxVtXccNvXPrJoS3D6fwQbcKq7eSHV5wX3hys7dG5o9hHvh15SmZTqMuJr4PZZTTUKyMFgX4/s1600/thetricklab.png" width="120px" height="100px"/> </abbr> </a> <a href="http://feeds.feedburner.com/thetricklab" target="blank"> <abbr title="Subscribe Our Feeds"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6YyekkuJm2hyrGqDKX23vBBXAxvMiv8MVDqt3loDkHqBoNKmAlNhnPY5l1_3zXoz6_slCTcOabMKCfl33qHUTSOJb6hEa8YFlfF0JyboTjTYZEUz3szskVP-naMyZQqNt7duS1rDgpk8/s1600/thetricklab.png" width="120px" height="100px"/> </abbr> </a><a href="http://twitter.com/asadtariq78" target="blank"> <abbr title="Follow Us on Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghxKjC_r_MAP-GMdA6WUWInS0HjW-zgi-tpatz4_5RRj7Bvsbgai4ZzL420adLU9QELBgr0q3LS1NjPbdmc3QMdHqi5evwi21bUF27LCDodJrH0-MNZfTMOSMFuprkfqRx6mFasICMK9M/s1600/thetricklab.png" width="120px" height="100px"/> </abbr> </a> </marquee></div>

Save your Widget.

     Replace it computerlatestinformation with your Facebook Username
    Replace it thetricklab with your Feed Burner Username
    Replace it asadtariq78 with your Twitter Username

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

noreply@blogger.com (Anonymous) — Sun, 09 Mar 2014 17:51:00 +0000

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.

How to Use it.

Make Creative And Tricky Facebook Timeline Photos

    Type Your Name in Text Box

    Hit on 'Create Button'

    That's it....!

Currently copy your own generated word and composite anyplace, wherever by you plan to gift your own creativeness.

Make Creative And Tricky Facebook Timeline Photos

noreply@blogger.com (Anonymous) — Sun, 09 Mar 2014 15:30:00 +0000

Today we are talk about. How to Make Creative And Tricky Facebook Timeline Photos. Facebook Timeline has become getting much very popular since it's designed to make some inventive looking profile, the first one is your Cover Photo: which can be the background graphic that covers the header of one's profile, the second the first is the usual one which is your account picture. After Facebook Timeline theme became popular and used. Facebook users became producing some original and creative tricks much like the images shown in the following Post.

Complete List Of Facebook Shortcuts

1) Go to Tricked Out Timeline.

2) Select a Template make use of ( there are 4 for now )
You can view examples before using it.

3) Select a picture to Upload and click Upload
Or You can use your current facebook timeline include photo.

4) Move the frame to focus on your cowl pic and hit Done

5) Now Click download your cowl image the press download your Profile image.

6) Then Upload your downloaded cover and profile photos to facebook and feel the creativeness you made!

Done!

How To Make Grab Our Button Widget And Add It To Blog

noreply@blogger.com (Anonymous) — Sun, 09 Mar 2014 10:54:00 +0000

I 'm share Making Grab Our own Button Golf widget And Include It In order to Blog. Grab Our own Button promote your website via some other blog.
How To make a Badge For Blog.

How To Create A Badge For Blog

Visit. Cooltext

Choose PIXEL MARKER.

Enter name, Select color and download image.

<div dir="ltr" style="text-align: left;" trbidi="on">
<center>
<div dir="ltr" style="text-align: center;" trbidi="on">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1-B1iblhHeqvJr0bXSMr7rNn4e2Wd0o9BFlWqzW8C0ZC2p7y96-4zHp1cBG1vbFVrXwY_gQzoydSHWIzal91qQIymyYWk0TjqPZC9D6PsYzvzS-d8uN8T9A6C-8Twxsl9CurCuNVwYFk/s400/Thetricklab.gif" title="Blogger tricks" /></a></div>
</center>
<center>
<input onclick="this.focus();this.select()" readonly="" type="thetricklab" value="<a href="www.thetricklab.blogspot.com/"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1-B1iblhHeqvJr0bXSMr7rNn4e2Wd0o9BFlWqzW8C0ZC2p7y96-4zHp1cBG1vbFVrXwY_gQzoydSHWIzal91qQIymyYWk0TjqPZC9D6PsYzvzS-d8uN8T9A6C-8Twxsl9CurCuNVwYFk/s400/Thetricklab.gif" title="Blogger tricks" /></a>" />
</center>
</div><div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://thetricklab.blogspot.com/2014/03/how-to-make-grab-our-button-widget-and.html">+grab this</a></div>
</div>

Replace

www.thetricklab.blogspot.com with your link

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1-B1iblhHeqvJr0bXSMr7rNn4e2Wd0o9BFlWqzW8C0ZC2p7y96-4zHp1cBG1vbFVrXwY_gQzoydSHWIzal91qQIymyYWk0TjqPZC9D6PsYzvzS-d8uN8T9A6C-8Twxsl9CurCuNVwYFk/s400/Thetricklab.gif your pic link

Colour Code Generator

noreply@blogger.com (Anonymous) — Sat, 08 Mar 2014 13:17:00 +0000

Colour code generator. generate code and use

How To Get Nokia Security Master Code Free

noreply@blogger.com (Anonymous) — Sat, 08 Mar 2014 04:38:00 +0000

Hi Friend. Today i am tell u how to get Nokia security master code free. Three most impotent website for Nokia mobile user. If you forgot Security code of your Nokia mobile use Security Master code instead.

Go To nfader.su

Go to nokiamastercode

Go To master code nokiafree

Enter IMEI (dial *#06# for IMIE address )
click Generate baton

Note This Master code original but it's not working all Nokia mobile.

How To Increase Your Facebook Likes, Subscribers, Followers, Tweets, Plus One On Twitter, Facebook, Google Plus, And YouTube,

noreply@blogger.com (Anonymous) — Fri, 07 Mar 2014 11:59:00 +0000

Today i am sharing most helpful website for increase your likes, Subscribers, Followers, Tweets, Plus One On Twitter, Facebook, Google Plus, YouTube, and etc.

Go to Addmefast
Registrar
Login Addmefast
After logging in to your addmefast account Click add site

Enter your URL

Open your fb, twitter, YouTube Subscribe, Google+ profile in a new tab of your browser and login to your profile (account).

Start to like, YouTube Subscribe, follow, share Tweets, other peoples feeds from the left sidebar of Addmefast to earn points.

When you shared/liked 20 times then you can get Bonus 150 points free

Addmefast Increase your

Facebook Likes.
Facebook Share.
Facebook Followers.
Facebook Post Like.
Facebook Post Share.
MySpace Friends.
Vkontakte Pages.
Vkontakte Groups.
Google Circles.
Instagram Followers.
Twitter Followers.
Twitter Tweets.
Twitter Retweets.
Twitter Favorites.
YouTube Views.
YouTube Subscribe.
YouTube Likes.
YouTube Favorites.
Pinterest Followers.
Pinterest Repins.
Pinterest Likes.
Reverbnation Fans.
SoundCloud Follow.
SoundCloud.
StumbleUpon.
Facebook Likes.
Facebook Share.
Facebook Followers.
Facebook Post Like.
FB Post Share.
MySpace Friends.
Vkontakte Pages.
Vkontakte Groups.
Google Circles.
Instagram Followers.
Twitter Followers.
Twitter Tweets.
Twitter Retweets.
Twitter Favorites.
YouTube Views.
YouTube Subscribe.
YouTube Likes.
YouTube Favorites.
Pinterest Followers.
Pinterest Repins.
Pinterest Likes.
Reverbnation Fans.
SoundCloud Follow.
SoundCloud.
StumbleUpon.
Website Hits .

My blogger Tricks (MBT) Template Free Download

noreply@blogger.com (Anonymous) — Fri, 07 Mar 2014 11:16:00 +0000

Benefits of this template:

Clean and simple looks
Elegant menu
Best for all sites
Top Customizable Sticky Bar
Best for Adsense
Ads Ready
Back to top button
Fast loading
Elegant menu
SEO Optimized

Live Demo Download

Helper Blogger Template Free Download

noreply@blogger.com (Anonymous) — Fri, 07 Mar 2014 10:56:00 +0000

Helper blogger template is best template for blogger.

Benefits of this template

Fast loading
Clean and simple looks
Superb sub menu
Right Sidebar
Magazine typ
Custom fonts
Adsense optimise
SEO
Tabbed widget
Wordpress like
3 Column footer
Custom fonts
Tabbed widget
Round corners

Live Demo Download

How To Add Author Info Box At the bottom of every Blog Post

noreply@blogger.com (Anonymous) — Thu, 06 Mar 2014 04:34:00 +0000

Hi friends Today I will share with you 3 beautiful Author box widget below every blogger posts. it will show at the bottom of every post.We know that a author box contain small information about the site owner/Author

Go to your Blogger
Template > Edit HTML
Now Find this code ]]></b:skin> (ctrl+f)
Paste the below code Before/above ]]></b:skin> and Save the templates.

]]></b:skin>

Author Box 1

/* Author Box by www.Thetrickslab.blogspot.com */
.admin-bs{display:block; width:auto; background:#F5F5F5; border:3px solid #C0C0C0; box-shadow:0 1px 3px #000; -moz-box-shadow:0 1px 3px #000; -webkit-box-shadow:0 1px 3px #000; padding:0; margin:30px 0 10px 0; font:normal 12px Arial,Sans-Serif; color:#222}
.admin-bs .kontainer{padding:5px}
.admin-bs h1{background:#C0C0C0; border:none; border-bottom:1px solid #C0C0C0; color:#fff; text-transform:normal; text-shadow:0 1px 0 rgba(0,0,0,0.4); font:bold 12px Arial,Sans-Serif; padding:5px 10px; margin:0 0 0 0; display:block}
.admin-bs h1 a{color:#FEEA83}
.admin-bs img{width:70px; height:70px; margin:0 10px 0 0; float:left; border:0px solid #E6E6FA; padding:2px; background:#E6E6FAbox-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none}

Author Box 2

/* Author Box by www.thetrickslab.blogspot.com */
.admin-bs{display:block; width:auto; background:#F5F5F5; border:3px solid #C0C0C0; box-shadow:0 1px 3px #000; -moz-box-shadow:0 1px 3px #000; -webkit-box-shadow:0 1px 3px #000; padding:0; margin:30px 0 10px 0; font:normal 12px Arial,Sans-Serif; color:#222}
.admin-bs .kontainer{padding:5px}
.admin-bs h1{background:#C0C0C0; border:none; border-bottom:1px solid #C0C0C0; color:#fff; text-transform:normal; text-shadow:0 1px 0 rgba(0,0,0,0.4); font:bold 12px Arial,Sans-Serif; padding:5px 10px; margin:0 0 0 0; display:block}
.admin-bs h1 a{color:#FEEA83}
.admin-bs img{width:70px; height:70px; margin:0 10px 0 0; float:left; border:0px solid #E6E6FA; padding:2px; background:#E6E6FAbox-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none}

Author Box 3

/* Author Box by www.thetrickslab.blogspot.com */
.admin-bs {display:block; width:auto; background:#FED9BF; border:5px solid #B24700; box-shadow:0 1px 3px #000; -moz-box-shadow:0 1px 3px #000; -webkit-box-shadow:0 1px 3px #000; padding:0; margin:30px 0 10px 0; font:normal 12px Arial,Sans-Serif; color:#222}
.admin-bs .kontainer{padding:5px}
.admin-bs h1{background:#00477D; border:none; border-bottom:1px solid #C0C0C0; color:#fff; text-transform:normal; text-shadow:0 1px 0 rgba(0,0,0,0.4); font:bold 12px Arial,Sans-Serif; padding:5px 10px; margin:0 0 0 0; display:block}
.admin-bs h1 a{color:#FEEA83}
.admin-bs img{width:70px; height:70px; margin:0 10px 0 0; float:left; border:0px solid #E6E6FA; padding:2px; background:#E6E6FAbox-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none}

Part now you have to go for HTML coding.

Template -> Edit HTML

Now find <data:post.body/>
by pressing Ctrl + F

You will find 3/4 time this code go for second one.

Now Copy the below code and Paste it before /above code

<div class="admin-bs">
<h1>Founded by : <a href="https://plus.google.com/u/0/117382748404876103459/posts">Asad tariq</a> - Written 50+ Awesome Articles </h1>
<div class="kontainer">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitMjWFcOrpCT-Lc0SiBYBpccARuJTQ4GxjkcjJGSCGH_-KYZxkuS-bgNJuMRR3cC9q1KyZcEb-9ER-GacSIUCgWEysag9-NhpwAn2RL4rlES1x6h043fZlFqVbsYVu6ExFh17IqFLbAKxG/s320/Untitled-1.jpg
" width="80" height="85"></img>
I love to blogging and sharing tips and tricks with my readers. I am a Part time blogger. Design Blogger template, Web Developing and Designing. If you think that this article help you little bit then please do not forget to subscribe by entering your email in column Get Updates Via Email.
<p><span style='float:left;text-align:left;'>
Join Me On: <a href='http://www.facebook.com/asadtariq786' rel='nofollow'>Facebook</a> | <a href='http://www.twitter.com/asadtariq78' rel='nofollow'>Twitter</a> | <a href='https://plus.google.com/117382748404876103459/' rel='nofollow'>Google Plus</a></span>
<span style="float:right;font:italic 10px Arial, Sans-Serif;"><a href="http://thetricklab.blogspot.com/2014/03/How-To-Add-Author-Info-Box-At-the-bottom-of-every-Blog-Post.htmll" target="_blank">:: Thank you for visiting ! ::</a></span></p>
<div style="clear:both;"></div>

And save template.

Change this link https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvFwKljQN1po51vHpk78GyzSlh_CmAHJzjU26540AdpY6ZFthTTg6kHGN2v_SxJAv7yka7tTVepKEXeGaxjG_y1zDAOgM0NEooJJ1z7PvZiPrrQRzen7HAHfwEGaiWHatcAvEZeDSflJbX/s1600/as.jpg with your image link.

Change Asadtariq786 Asadtariq78 with your Twitter and Facebook ID

Change 117382748404876103459 with your Google Plus ID

How To Unblock Websites (Youtube) Using Zenmate

noreply@blogger.com (Anonymous) — Wed, 05 Mar 2014 05:05:00 +0000

Hi friends Today i am share zenmate (plugin) for Google chrome. zen mate specially used for unblock any web site u know YouTube block in Pakistan. Its a free extension for Google Chrome Browser. It on you can browse the YouTube Videos without any ads

You can turn on the Zen Mate when you want to surf the YouTube and otherwise you can turn it off by using the given On off buttons.

Zen mate For Google Chrome

Video Tutorials

How to use jingling traffic Bot Software With Video Tutorial

noreply@blogger.com (Anonymous) — Tue, 04 Mar 2014 08:01:00 +0000

Today i am going to share jingling software . Jingling software send unlimited traffic on your blog or website

Description of Functions

URL Id
Web Address
Status: (GREEN) working, (RED) there is a problem
Option: (LEFT) pause/restart, (RIGHT) delete link
Option: (LEFT) timed browsing, (RIGHT) traffic origin (see below)
Optimization (see below)
Add new Web Address
Add existing URL Id (optional)

Timed Browsing

Time line: 0 to 23 hours
Flow rate: 0% to 100%
Option: (Save), (Reset), (Default), (Cancel)

Traffic Origin

1. Option: (1) All traffic, (2) China traffic, (3) Mainland China traffic, (4) All except China traffic (5) Custom

2. Option: (1) Save, (2) Reset, (3) Default, (4) Cancel

Download Jingling Software

Datafilehost

Uppit

Mediafire

Video tutorials

Floating Social Media Slide out Widget For Blogger , Website And wordpress

noreply@blogger.com (Anonymous) — Tue, 04 Mar 2014 05:03:00 +0000

Floating social media slide out stick to right site of your blogger. When you mouse over then you will see a slide out option. This widget has created completely with CSS and when you scroll down then the widget will also scroll down up to edge of your footer bar.

Go to Blogger
Select your Layout.
Click on "Add a Gadget" then select "HTML/JavaScript"
Now Copy the below code and Paste it in "HTML/JavaScript" Gadget.

<style type='text/css'>
.ThetricklabFSS a, .slider-tooltip p{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.slideshow-chunk>div{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.thetricklabFSS {height:150px;left:50%;position:fixed;top:200px;width:18px;z-index:5;margin-left:495px}
.thetricklabFSS a{display:block;margin-left:133px;width:19px;height:20px;position:absolute;top:0;right:0;color:#fff!important;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:700;line-height:20px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiltJGFhofcdUErvOA9RYqCgYELl0BTXD37OvTyiTdGfyEMelKscLZdstKH6EUVDM6h0CzEZ8Fm1wgxNcV108bFUU3pZMH2ZWCoY_u_ofTVeVH8IvuXNnuy5RuvYZKzAa968lmhRf71cNSG/s320/BS+FSS.png) no-repeat;overflow:hidden}
.thetricklabFSS a span{min-width: 152px;padding: 2px;display:block;visibility:hidden;min-width:152px}
.thetricklabFSS a:hover{min-width:133px;padding-left:25px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.thetricklabFSS a:hover span{visibility:visible;position:absolute;top:0;left:25px}
.thetricklabFSS a.BSfacebook{background-position:3px -15px;top:20px;background-color:#526ca5}
.thetricklabFSS a.BStwitter{background-position:3px -36px;top:40px;background-color:#75ddfe}
.thetricklabFSS a.BSrss{background-position:3px -55px;top:60px;background-color:#f6a858}
.thetricklabFSS a.BSmail{background-position:3px -75px;top:80px;background-color:#c1c1c2}
.thetricklabFSS a.BSfacebook:hover{background-color:#526ca5;background-position:5px -15px}
.thetricklabFSS a.BStwitter:hover{background-color:#75ddfe;background-position:5px -36px}
.thetricklabFSS a.BSmail:hover{background-color:#c1c1c2;background-position:5px -75px}
.thetricklabFSS a.BSrss:hover{background-color:#f6a858;background-position:5px -55px}
.FloatingSocialMediaSlideoutWidgetForBloggerFSS a.BSfacebook:active{background-color:#294a90}
.FloatingSocialMediaSlideoutWidgetForBloggerFSS a.BStwitter:active{background-color:#40b5fe}
.FloatingSocialMediaSlideoutWidgetForBloggerFSS a.BSmail:active{background-color:#909090}.FloatingSocialMediaSlideoutWidgetForBloggerFSS a.BSrss:active{background-color:#f37526} /*widget by www.thetricklab.blogspot.com */
</style>
<div class='thetricklabFSS'> <a class='BSfacebook' href='https://www.facebook.com/asadtariq786' onclick='dcsSetVar('WT.z_iLinks','Facebook','WT.z_iLinks_actionoffer','exnav-soc','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='Facebook'><span>Join Us on Facebook</span></a> <a class='BStwitter' href='https://twitter.com/asadtariq78' onclick='dcsSetVar('WT.z_iLinks','Twitter','WT.z_iLinks_actionoffer','exnav-soc','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='Twitter'><span>Tweet Us On Twitter</span></a> <a class='BSrss' href='/feeds/posts/default' onclick='dcsSetVar('WT.z_iLinks','RSS','WT.z_iLinks_actionoffer','invite-follow','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='RSS Feed'><span>Visit Our rss feed</span></a> <a class='BSmail' href='mailto:asadtariq77@gmail.com' onclick='dcsSetVar('WT.z_iLinks','Email','WT.z_iLinks_actionoffer','invite-email','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='Email'><span>Newsletter</span></a></div>

Replace asadtariq786 with your Facebook name.
Replace asadtariq78 with your twitter name.
Replace asadtariq77@gmail.com with your email address.

Complete List Of Facebook Shortcuts

noreply@blogger.com (Anonymous) — Tue, 04 Mar 2014 03:49:00 +0000

Today i am going to tell you some tips and tricks about Facebook which made it more interesting. Some shortcuts and tips are posted below

Alt + m Or Shift + Alt + m New Message

Alt + 0 Or Shift + Alt + 0 Help Center

Alt + 1 Or Shift + Alt + 1 Home Page

Alt + 2 Or Shift + Alt + 2 Profile Page

Alt + 3 Or Shift + Alt + 3 Manage Friend List

Alt + 4 Or Shift + Alt + 4 Message List

Alt + 5 Or Shift + Alt + 5 Notification Page

Alt + 6 Or Shift + Alt + 6 Account Settings

Alt + 7 Or Shift + Alt + 7 Privacy Settings

Alt + 8 Or Shift + Alt + 8 Facebook Fan Page

Alt + 9 Or Shift + Alt + 9 Facebook Terms

Alt + ? Or Shift + Alt + ? Search Box

Add YouTube Subscribe Widget On Your Blog And website

noreply@blogger.com (Anonymous) — Sat, 01 Mar 2014 09:23:00 +0000

I am going to post about YouTube subscribe widget on your blog and website. If you will use this widget then you can increase your YouTube subscriber easily.

Add YouTube Subscribe Widget

    Go To Your Blogger Dashboard
    Select Layouts
    Add A Gadget
    Select HTML/JAVASCRIPT And Paste The Following Code In It.

<center><iframe src=http://www.youtube.com/subscribe_widget?p=thetrickslab style="overflow: hidden; height: 130px; width: 260px; border: 0;" scrolling="no" frameborder="0"></iframe></center>

Replace Thetrickslab with your YouTube channel name.
All Done save widget and enjoy :)

How to Make VPN Connection on Windows 7 And 8 Free

Add A Horizontal Ribbon Menu With Hover Effect

noreply@blogger.com (Anonymous) — Sat, 01 Mar 2014 07:50:00 +0000

Hello Friends. Today we are going to publish about a horizontal ribbon menu with hover effect.
Horizontal menu are the most necessary part of our blog.Now a days every bloggers are wanting to make his blog looks professional and for those bloggers this menu is better. This horizontal ribbon menu is created by fully CSS3 without using JavaScript and no any images uses so this menu is not effecting in your blog speed.It's hover effect is cool.

Add It On Your Blog

    Log In To Blogger.com
    Select To Layout And Add A Gadget
    Select HTML/JavaScript And Paste It Inside The Box.

Live Demo

<style>

.thetricklab-ribmenu span {
    background:#A81B6A;
    display:inline-block;
    font-family:verdana;

    line-height:3em;
    padding:0 1em;
    margin-top:0.5em;
    position:relative;
      -webkit-transition: background-color 0.2s, margin-top 0.2s; /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.2s, margin-top 0.2s; /* FF4+ */
    -ms-transition: background-color 0.2s, margin-top 0.2s; /* IE10 */
    -o-transition: background-color 0.2s, margin-top 0.2s; /* Opera 10.5+ */
    transition: background-color 0.2s, margin-top 0.2s;
}
.thetricklab-ribmenu a:hover span {
    background:#FFD204;
    margin-top:0;

}
.TechBlogGuide-ribmenu span:before {
    content: "";
    position:absolute;
    top:3em;
    left:0;
    border-right:0.5em solid #9B8651;
    border-bottom:0.5em solid #fff;
}

.thetricklab-ribmenu span:after {
    content: "";
    position:absolute;
    top:3em;
    right:0;
    border-left:0.5em solid #9B8651;
    border-bottom:0.5em solid #fff;
}
.thetricklab-ribmenu a:link, .thetricklab-ribmenu a:visited {
    color:#000;
    text-decoration:none;
    float:left;
    height:3.5em;
    overflow:hidden;
}
.thetricklab-ribmenu:after, .thetricklab-ribmenu:before {
    margin-top:0.5em;
    content: "";
    float:left;
   border: 1.5em solid #A81B6A;
}
.thetricklab-ribmenu:after {
    border-right-color:transparent;
}

.thetricklab-ribmenu:before {
    border-left-color:transparent;
}
</style>

<div class='thetricklab-ribmenu'>
    <a href='#'><span>Home</span></a>
    <a href='#'><span>thetricklab</span></a>
    <a href='#'><span>Tricks</span></a>
    <a href='#'><span>jQuery</span></a>
    <a href='#'><span>CSS</span></a>

</div>

Replace All The "#" With Your Own Blog Link.
Now Save It And Enjoy

How To Add Flipper Sharing Widget Below Every Post In Blogger

noreply@blogger.com (Anonymous) — Sat, 01 Mar 2014 07:35:00 +0000

Today i am going to share about how to add flipper sharing widget below every post in your blogger and website. This widget make your backlinks for sites and increase your traffic free

How To Add Flipper Sharing Widget Below Every Post In Blogger

Go To Blogger
Design > Edit Html

Find <data:post.body/> Using CTRL+F

Copy the code below and paste it just after <data:post.body/> tag.

<style>

        /*--------Thetricklab Flipper Sharing Widget ------*/

        .flipper a {

        display:block;

        height:48px;

        width:48px;

        padding:0 4px;

        float:left;

        background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ZKkPqQkSy6fgqSKz2cm3VJcQUfa7fYc5A7XznIpq7oqXkq4nFP1TMjuTIOGOjKRgPig5uFvrOQlFdcYdrbkz_wDG2in3XfamdU03iGtx7ErkK7ri00FJ2fms_OvFC4QWvntOQgxtEyI/s1600/tricklab.png) no-repeat;

        -webkit-transition: ease-in 0.15s all;

        -moz-transition: ease-in 0.15s all;

        -o-transition: ease-in 0.15s all;

        -ms-transition: ease-in 0.15s all;

        transition: ease-in 0.15s all;

        cursor:pointer;

        }

        .flipper a.googleplus {

        background-position: 0px -348px;

        }

        .flipper a.googleplus:hover {

        background-position: 0px -406px;

        }

        .flipper a.pinterest {

        background-position: 0px -464px;

        }

        .flipper a.pinterest:hover {

        background-position: 0px -522px;

        }

        .flipper a.delicious {

        background-position: 0px 0px;

        }

        .flipper a.delicious:hover {

        background-position: 0px -58px;

        }

        .flipper a.digg {

        background-position: 0px -116px;

        }

        .flipper a.digg:hover {

        background-position: 0px -174px;

        }

        .flipper a.stumbleupon {

        background-position: 0px -812px;

        }

        .flipper a.stumbleupon:hover {

        background-position: 0px -870px;

        }

        .flipper a.technorati {

        background-position: 0px -928px;

        }

        .flipper a.technorati:hover {

        background-position: 0px -406px;

        }

        .flipper a.twitter {

        background-position: 0px -928px;

        }

        .flipper a.twitter:hover {

        background-position: 0px -986px;

        }

        .flipper a.facebook {

        background-position: 0px -232px;

        }

        .flipper a.facebook:hover {

        background-position: 0px -290px;

        }

        .flipper a.reddit {

        background-position: 0px -580px;

        }

        .flipper a.reddit:hover {

        background-position: 0px -638px;

        }

        .flipper a.rss {

        background-position: 0px -696px;

        }

        .flipper a.rss:hover {

        background-position: 0px -754px;

        }

        .Pleaseshare{

        margin:10px 0px;

        color:#333333;

        font-weight:bold;

        font-size:20px;

        font-family:sans-serif;

        }

        </style>

        <div class='flipper'>

        <b:if cond='data:blog.pageType == "item"'>

        <div class="Pleaseshare">

        Please Share it! :) </div>

        

        <a class='googleplus' expr:href='"http://plus.google.com/share?url=" + data:post.url' rel='external nofollow' target='_blank' title='+1 it :>'/>

        

        <a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :>'/>

        

        <a class='twitter' expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :>'/>

        

        <a class='pinterest' href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :>'/>

        

        <a class='delicious' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :>'/>

        

        <a class='digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank' title='Digg this :>'/>

        

        <a class='stumbleupon' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :>'/>

        

        <a class='reddit' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :>'/>

        

        <a class='rss' expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Bookmark plz :>'/>

        </b:if></div>

        <div style="clear:both"/>

Then save your template and enjoy :)

How To Add Animated Google Plus Follower Box Widget In Blogger And website

noreply@blogger.com (Anonymous) — Fri, 28 Feb 2014 11:58:00 +0000

Google Plus follower box is essential to increase your Googleebook fan bo fan like Facx. However Google has already introduced this widget for blogger. So I just modified the original traditional widget with little spice.

So let's start

Go to Blogger

Selecet Layout

Click on "Add a Gadget" then
select "HTML/JavaScript" Gadget.

Now Copy the below code and Paste it in "HTML/JavaScript" Gadget.

Live Demo

<style>
.bloggerspiceGplus{
    margin: 10px auto;
    background-color: #FEFEFE;
    width: 260px;
    padding: 10px 0 10px 10px;
    height: 255px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: 10px solid #E50913;
}
.bloggerspiceGplus:hover {
    border: 10px solid #A0060E;
    background-color: #E50913;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
// Google Plus Widget by www.thetricklab.blogspot.com //
</style>
<div class="bloggerspiceGplus">
<div class="g-plus" data-action="followers" data-height="290" data-href="https://plus.google.com/117382748404876103459" data-source="blogger:blog:followers" data-width="280"></div>
</div>

Alter 117382748404876103459 with your Google Plus ID