Tips and Tricks: 08/16/16

Tuesday, 16 August 2016

How To Control Android Device From Your PC and Laptop ?

Guys, We Already Know that Android Smartphone usage is Increasing Day by Day and Many of user use Data Cables to Transfer Data Between their Computers and Android Smartphones. But This is Irritating to Connect Data Cables and Set options to Show your Memory Card on your Computer Even Sometimes in Windows XP your Memory Card not Show. So Guys We have a Cool Way to Control Android Device From Your PC Easily with a Small Android App. With AirDroid App You can Also Share Files Between Your Android Phone and Computers. There is no Need to Install any Software Package on Computers. AirDroid is Connect to your Computer Very Easily. You need to Follow Below Simple Steps.

Related : How to Control Your PC from Your Android Phone ?

AirDroid - Control Your Android Phone From Computer

Why Choose AirDroid :

AirDroid is the Top Rated Android Apps that Help Users To Control Android Device From Your PC or Laptop Easily. You can Fully Control your Android Phone from Computer. You can Check Messages, Calls, Files, Contacts and Move Files from Phone to Computer and Vice Versa. There are many of Users Who use AirDroid to Control android Device from Computers

How To Control Android Device From Your PC :

Go To Google Play Store and Search “AirDroid App” & Install on your Android Device.
After Installing Open AirDroid and You can see a IP Address with Port Number.
Open Your Browser in Computer and Type that IP Address with Port Number and Hit Enter. (Your Computer & Android Device is Connected to Same Wi-Fi).
When You Hit that IP on your Browser you Receive a Confirmation on your Android Device Just Click “Accept” and Your Android Device Interface is Show on your Computer Screen Via AirDroid.
When you Hit that Accept Button Your Android Phone Emulate on your Computer Screen and You can Make Change in Your Android Phone from Your Computers. For Example You can Check Messages, Calls, Move Files etc. You can see the AirDroid Interface for your Android Phone Like Below Picture.
Enjoy AirDroid, Transfer Files, Images and Videos from Your Computer to Android Device & Device to Computer Easily without any Wires and Data Cables.

From Editor’s Desk :

There are many Apps Available on Google Play Store to Transfer Files Between your Computer & Android Device. But in AirDroid you can Fully Control Android Device From Your PC or Laptop. You can Check your Messages, Move Files, Transfer Between Computer and Android Device etc. There is no Extra Setup Just Install AirDroid App and Connect with your Computers.

How to Control your PC with your Android Phone ?

In My Previous Post, I Discuss About ‘How to Control Android hone from Your PC ?’ Now Today am gonna Show you How you Control your Computer from your Android Phone. It is pretty Cool that you can Now Manage your all Computer Screen from your Android Device. In that Time Everybody have their Own Android Device and Computer that you use in your Daily Life. Sometimes some Tricks are very useful that can reduce your life Efforts and make your Work Smarter. Make a Good Use of Resource is said to be Smart Work. So Now am gonna show your When you are Far away from your Computer and you can easily Operate your Whole Computer and Do anything from your Android Device also Perform in your Computer Like You play a Song from your Device Interface and it can Play on your Computer Immediately.

Control your PC with your Android Phone :

First You Need to Install Google Chrome Extension called “Chrome Remote Desktop” and Installed in your Chrome Browser.
You also Need to Install “Remote Desktop” App in your Android Phone. Now Its Turn to Connect with each Other.
You need to Connect Both Devices to a Common Wi-Fi Router / Modem to make Connection Between your Android Device and Computer.
Now Come to your Computer and Run that Extension from App Manager and You See Screen Like this.
Click on Get Started and they Authorize your from your Google Account. Once your Conform that Now you see the Green “Share” Button.
When your Click on Green “Share Button” a Google Host Controller automatically Start download Just install it on your Computer.
Now Again Click on “Share” Button and You generate a 12 Digit Pin Code. Note Down or Copy that code.
Now in Below Block of “My Computer” section Click ‘Get Started’ and they show you the Authorize Box Click “Continue”.
You show a Screen to Create your own PIN for Security purpose.
Now It Enables the Connection in your Computer and Your Computers are shown in My Computers Section.
Now Click on “Access” and Enter the 12 Digits Code in it and Hit Enter. (That Code automatically Generated by System).
Open Your “Remote Desktop” app in your Phone and you can see the Computers Click on it and you can see your Full Computer Screen is on your Android Phone.
Now You Now Easily Connect with your Computer anytime in your Home or any Specific Area Where you share a Common Wi-Fi Connection.

From Editor’s Desk :

Above Tutorial is to Control your Computer or Laptop with Your Android Smartphone or any Android Device. We can Show this Tutorial Because Sometimes It is very useful and Make a Wireless Environment in your Home or Office. It can Serve Like Wireless Mouse and Keyboard Even Like Fully Computer is Mirror in your Phone. It is Pretty Amazing that technology is Changing Day by Day so we Need to update all the Time. Don’t Do the Hard Work Until your Don’t Know what is Smart Work. So, Guys if You have any Problem Related to above Steps Just Comment it Below.

Add Recent Comments Widget in Blogger Blog

Now that Time Blog Commenting is also a Top way to Increase Your Post Visibility in Search Engine Results Because there are Many of Users Discuss about that Post in Comment and Share Their Problems and these Problems are Definitely Search in Search Engines So This is a Reason that Visitor come to your Blog. In This Way Blog Commenting is the Main Role in SEO. Many of People Don’t Think about that But You need to interact with Your Visitor and Solve their Problems in Comment. On the Other Hand, Text Ratio is Increase on your Webpage that Sound Good.

Add Recent Comments Widget in Blogger Blog

Let’s Digg This Thing with an Example : If You have Article and You have Lot of Comments related to your Post So, It means Your Post i going up in Search Engine Results Definitely. You Just Need to Concentrate on your Visitors Comment and Solve Their Problems as Soon as Possible. It also help you to Grow your Return Visitors.

Related : Facebook Popup Like Box Widget for Blogger.

So It is very Important to Add Recent Comments Widget to your Blogger Blog to Gain some Organic Traffic from Search Engines and thats Means More Organic Comment = More Search Engine Visibility. There are many Blogger Widget we sharing in Our Previous Post that Help you to Customize your Blogger Blog and help you to Attract Ne and Unique Visitors. Below is the Best Recent Comments Widget for Blogger that also Show Avatar’s of Visitors Profiles.

How to Add Recent Comments Widget to Blogger :

Step 1.) : Go to Your Blogger Dashboard >> Select your Blog in Which you want to Add Recent Comments Widget >> Go to Layout.

Step 2.) : Then Click on Add a Widget and a Popup Box will come Up Where you Choose “HTML/JavaScript” and Paste the Below Script.

<style type=”text/css”>

ul.helploggercomments{list-style: none;margin: 0;padding: 0;}

.helploggercomments li {background: none !important;margin: 0 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;}

.helploggercomments li .avatarImage {padding: 3px;

background: #fefefe;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float: left;margin: 0 6px 0 0;position: relative;overflow: hidden;}

.avatarRound {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}

.helploggercomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}

.helploggercomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}

</style>

<script type=“text/javascript”>

//<![CDATA[

    // Recent Comments Settings

    var

numComments  = 5,

showAvatar  = true,

avatarSize  = 60,

roundAvatar = true,

characters  = 40,

showMorelink = false,

moreLinktext = “More »”,

defaultAvatar  = “https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb-MvPs4a6KBkDgWk2-WATODrEIhsEiY6VS2UTxYOnoK2OqJp-G4f22zdO0FEtvRBZr3IkYqMqC6eLIsd2TDuDOig5CgmoUgaX7PxMKqe7jw_TXrCLdxSy-lrJ5SFQssWVxAkMmAf6nb-C/s1600/default-avatar.jpg”,

hideCredits = true;

//]]>

</script>

<script type=“text/javascript” src=“http://helplogger.googlecode.com/svn/trunk/helplogger/[helplogger.blogspot.com]recent-comments.js”></script>

<script type=“text/javascript” src=“/feeds/comments/default?alt=json&callback=helploggercomments&max-results=5”></script>

Replace the number of Comments 5 to your Desired Number.
If any one not add their Avatar So By Default this Image is Show “https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb-MvPs4a6KBkDgWk2-WATODrEIhsEiY6VS2UTxYOnoK2OqJp-G4f22zdO0FEtvRBZr3IkYqMqC6eLIsd2TDuDOig5CgmoUgaX7PxMKqe7jw_TXrCLdxSy-lrJ5SFQssWVxAkMmAf6nb-C/s1600/default-avatar.jpg” You can also change it with your Own Custom Image.
Change your Avatar Size from 60 to any Size you want.

Step 3.) : Now Click on Save Button and your Widget is Saved Successfully.
Above Widget is Originally developed by Help Blogger – helplogger.blogspot.com

From Editor’s Desk :

Guys, It is very Simple and Easy Tutorial to Add Recent Comments in Blogger Blog and It can very helpful to Increase your Website Traffic and Improve your Search Engine Ranking. Now that Time Blog Commenting is also a Main Reason to gain more Organic Visits on your Website or Blog. When People Interact with your Article So, Search Engine start Crawling your Site and Lift your URL at the Top of Search Engine Results.

how to make different blogger widget for free 2016?

Add Multi Colored Popular Post Widget for Blogger | 2016

Add Multi Colored Popular Post Widget 2016 – Blogger is a one of the mostly used blogging platform by noobs and bloggers who do event blogging like experiments. Blogger has some of limitations that’s why the name of blogger come after WordPress (Self Hosted). But if you are new in blogging you can learn many more things from blogger like layouts, widgets, HTML/Java Scripts and more. Blogger allow users to add third party html/java script to to add in their blogs so there a large numbers of blogger widgets available on internet that make your blog very attractive and some of gadgets also optimize your blog speed and improve your SEO.

Related : Add Ultimate SEO Friendly Meta Tags in Blogger

Now Today we are come to add multi colored popular post widget to blogger blog that make your blog more attractive and eager visitors to check your post. The color of the multi colored popular post widget is very eye catching so, visitor who surf your site also see in your sidebar and crawl more web page of your site it can help you to decrease your bounce rate. It is just made of simple CSS and combination of javascript code that you can add by following simple steps discussed below.

Add Multi Colored Popular Post Widget for Blogger-min

Steps To Add Multi Colored Popular Post Widget :

First of fall, go to your Blogger dashboard >> Layout >> Add an Element.

Then you see all widgets that is offered by blogger just choose “Popular Post Widget” from it.
Before saving it just unselect the option of thumbnail.
Now the real work is started here. Go to Template Tab >> Edit HTML.
Now You need to find ]]></b:skin> by pressing CTRL+F and paste this red code in it and hit enter.
After searching the code ]]></b:skin> you just need to paste the below code above the ]]></b:skin> code.

#PopularPosts1 ul li a:hover{
color:#fff;
text-decoration:none
}
#PopularPosts1 ul li a {
-webkit-text-size-adjust: auto;
-webkit-text-stroke-width: 0px; color: #333333;
display: block;
font-family: Georgia, ‘Times New Roman’, Times, serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 18px;
margin: 0px 40px 0px 0px;
min-height: 30px; orphans: 2;
padding: 0px;
text-align: -webkit-auto;
text-decoration: bolt !important;
text-indent: 0px;
text-transform: none;
white-space: normal; widows: 2;
word-spacing: 0px;
}
#PopularPosts1 ul li .item-thumbnail{
float:left;
border:0;
margin-right:10px;
background:transparent;
padding:0;
width:51px;
height:51px
}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{
position:absolute;
top:10px;right:5px;
border-radius:50%;
border:2px solid #ccc;
background:#353535;
-webkit-box-shadow:0px 0px 5px #000;
-moz-box-shadow: 0px 0px 5px #000;
width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:”8″}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:”9″}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:”10″}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:”6″}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:”7″}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:”5″}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:”4″}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:”3″}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:”2″}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:”1″}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{
position:relative;
margin:6px 0;
border-radius:25px 0px 25px 0px;
border:2px solid #f7f7f7;
-webkit-box-shadow:3px 3px 3px #000;
-moz-box-shadow: 3px 3px 3px #000;
padding:10px
}

After Pasting the code click on “Save template” and view your blog and see whats changes you made by add multi colored popular post widget. there are many more widgets that help your blog to look more attractive and improve your Blogger SEO. If you face any problem regarding this post just leave a comment below.

How To Add Colorful Scroll Bar in Blogger Blog ?

Add Colorful Scroll Bar in Blogger – Its very Latest CSS Style in Blogger To Change Your Scroll Bar Into Colorful Scroll Bar. Now Today am Sharing with You “How To Add Colorful Scroll Bar in Blogger/Blogspot”. Add Colorful Scroll Bar is very Easy in Blogger. Everybody Wants that his Blog is Looking Better than Others So they Edited their Blog Default into very Attractive and Eye Catching Blog. So Guys Lets Start and Make Your Blog Looking Better. There are lot of Things that you customize in blogger platform manually so guys if you are interested in more stuffs check here.

Why You Do This ?

Its Simple that Default Scroll Bar is Very Dull and very Old that is Not Eye Catching, But when Fill Colors in Scroll Bar so Think when Visitor Come On Your Website and Scroll Bar Attract the Visitor Eye and Visitor Said “Humm Nice Customization” So that is Reason You Change Your Default Scroll Bar.

Related – How to Remove “Powered by Blogger” Attribute in blogger ?

Steps To Add Colorful Scroll Bar in Blogger :

Go To Blogger and Login Your Account.
Click On Template > Edit HTML.
Now Starts Real Work Press CTRL+F and Find This Code ]]></b:skin> and Paste the Below Code Above This ]]></b:skin> Code & Click on Save Template.

/* Colorful Scroll Bar In Blogger Blog */::-webkit-scrollbar {background:#ffffff;width:12px;}::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);background-image: -webkit-linear-gradient(top, #FF0000 6%, #FF0000 29%);}::-webkit-scrollbar-track {}/* Colorful Scroll Bar In Blogger Blog*/

What You Can Do with This Code ?

You can Edit This Code (top, #FF0000 6%, #FF0000 29%) and Change Scroll Bar into Desired Color Red, Green with HTML Color Picker Tool.

You can Also Change Width of Scroll Bar by Edit this Code {background:#ffffff;width:12px;} For Example : (12px, 10px, 8px). and Change Scroll Bar Background Body Color By Replacing #ffffff with your Desired HTML Color Code.

So Guys Its Really Easy To Do This So If You have any doubts in this post and Mistake made by me So Please Tell Me or Comment Below To Feedback.

Please Leave Comment Below Post For Feedback Purpose.

How To Add Related Post Widget in Blogger ?

Here Guys, Today We Show that “How To Add Related Post Widget in Blogger” in Simple Steps. You can Increase your Traffic by using this Blogger widget. LinkWithin is a type of Widget that is used to show Related Posts with Thumbnails and Widely used by Bloggers. Now Linkwithin widget become very common need for every blogger. Because By LinkWithin you can Increase your Blog Traffic by 30%. When visitor comes to your website or blog and see below related post. Sometimes Visitor interested in it and they gonna check it and increase your page views. So Here we Demonstrate a Simple way to Add Related Post Widget in Blogger. It can make your Blog more attractive and looking like filled Content that User can Caught More content on a Single Webpage.

Linkwith provide very simple use and installation in your website or blog. Today am show how to add linkwithin widget in your website step by step instruction.

Steps to Add Related Post Widget in Blogger :

Go To Linkwithin and you will see screen like this.
After this Fill Your Email, Blog URL & Blogging Platform and show stories You can choose 3 or 4 in this screenshot i will choose 5 because it can make your related post more Attractive and get more Visitors Notice your posts.
If Your blog has in black colour or any other dark colour so check the “My Blog Has Light text on a dark background” Option and Click On Get Widget.
After Fill the simple form and click on “Get Widget” Button You see Windows Like this.
Click On “Install Widget” after this a new tab is open and show screen like this below :
In this image Select your blog in which you can install Linkwithin Widget. You also add this code in your blog alternatively. Click on edit content and copy code and add in your HTML/Javascript section.

Conclusion:

LinkWithin Widget is very Essential Blogger Widget now that Time because every Blogger want to Place more Content on One Page So, LinkWithin is a Very Useful to Show Related Post to Get more Traffic. It can Improve Internal linking of your Site. In other word you can say It is Recommended Widget for Every Blogger around the Globe.

Add Facebook Popup Like Box Widget in Blogger

Every Blogger Need Cool Widgets to Make his Blog Classy and Good Looking. Today We Gonna Show you a New Facebook Popup Like Box Widget for Blogger. It can Increase your Facebook Like that Help You to Grow Your Website Via Facebook Traffic. In Today’s Time Socialize your Website with Facebook is Very Important because It can Improve your Search Engine Ranking. There are Millions of Active Users on Facebook Who Crawl Site’s Link. You Only Need to Target your Interest Based Audience. Most of People Search on Internet About How to Increase Facebook Likes So, This is the Elite Way to Get Organic and Interest Based Facebook Likes that help You in Future.

This Facebook Popup Like Box Widget is very helpful to Attract People to Like Their Page that Come up When they Load your Website. In Many Way this is Also a Best Strategy to Share your Website Content on Social Media. Now These Day At Least People Login Their Facebook Dashboard and Check their New Feeds Daily So, It is best for Those who have Interest Based Facebook Likes.

Related : Top 5 EPIC Way to Get More Organic Traffic to Your Site.

How Facebook Popup Like Box Widget Work ?

When User Land on your Webpage and Start Scrolling and Reading your Content and Then a White Facebook Like Popup and Visitor Like your Page because it has Delay Between the Time When the Visitor come to your site and This can help you to Get More Facebook Likes.

Facebook Popup Like Box Widget for Blogger

Facebook Improve their Features and Algorithm Day by Day to Prevent Fake Facebook Likes So You need to use Elite Way to Get More and Target Based Facebook Like Because When you Share any content on your Facebook Page Only those People Click on your Content Who Really Interested in Others Scroll your Post.

Steps to Add Facebook Popup Like Box Widget in Blogger :

Login in Your Blogger Account and Select your Blog that You want to Add this Blogger Widget in it.
Go to Layout and Click on HTML/JavaScript Widget from the List and Pop up Dialog Box Come up Where you Need to Add the Below Code.

<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/AVvXsEhj_qtKIOJkZepT6CEH6fCY7lYRS-7x05XjpLmuDrtZteGr1NLUu7cl3ycIADcs4xKkdUB5p-4dNCKGUj4PzaFLQLS9tOl9ss6c1V-ISHLBdtScACjYcxAfsDCLUxotY4HzK0X3rO-dAF88/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;
}
</style>


<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(1000).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/HowTricksWorks&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'

style='border:
 none; overflow: hidden; margin-top: -19px; width: 402px; height: 
230px;'></iframe>
</div>
</div>

100

101

102

103

104

105

106

107

108

109

110

<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(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj_qtKIOJkZepT6CEH6fCY7lYRS-7x05XjpLmuDrtZteGr1NLUu7cl3ycIADcs4xKkdUB5p-4dNCKGUj4PzaFLQLS9tOl9ss6c1V-ISHLBdtScACjYcxAfsDCLUxotY4HzK0X3rO-dAF88/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;

}

</style>

//<![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>

jQuery(document).ready(function($){

if($.cookie('popup_user_login') != 'yes'){

$('#fanback').delay(1000).fadeIn('medium');

$('#fanclose, #fan-exit').click(function(){

$('#fanback').stop().fadeOut('medium');

});

}

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

});

</script>

href=http://www.facebook.com/HowTricksWorks&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>

</div></div>

Now Click on Save Button and Its Done.
Test Your Facebook Popup Like Box Widget. Just Open your Website Page and check it.

Basic Customization Before Adding this Script :

Replace http://www.facebook.com/HowTricksWorks with your Facebook Page URL that you want to show in Popup.
Customize your Delay Time .delay(1000) You can Increase and Decrease Delay time 1000 show Popup Box.
Remove $.cookie(‘popup_user_login’, ‘yes’, { path: ‘/’, expires: 7 }); from Above Code to show this Pop up to Visitor Every time When they Load your Website. By Default Above Code Popup Only One Time when user Visit your Page.

From Editor’s Desk :

Above are the Very Basic and Awesome Facebook Popup Like Box Widget fro Blogger that Help you to Get More Facebook Likes in 2015 Because Facebook is Improve their Algorithm to Filter the Organic Facebook Likes. In Future You need to use Organic way to Get Facebook Likes So Why Not Start Today. Just Integrate this Facebook Popup Like Box Widget in Blogger and See the Results.

If You Face any type of Problem with This Article and the Above Code Just Leave your Problem in Below Comment We Fix as Soon as Possible. Keep Supporting !

Guys Today I can give you the easiest method that “How to Remove Powered By Blogger Attribution Widget from Blogger/Blogspot ?”. This is not a Difficult Stuff that How to Remove Powered by Blogger Attribution widget from Blogspot. I seen many bloggers who irritated from this because it can show the Blogger label that cause blog not Looking Professional So, Thats why They want to Remove it. One More thing, In Blogger Layout the “remove” option is disable by default in all blogger templates. But now in Templates you can Remove this Widget by your Self. Straight to the point guys : >

How to Remove Powered By Blogger attribution from Blogger ? Blogger tips & Tricks

How to Remove “Powered By Blogger” Attribution Widget :

Firstly Open you Blogger Account and Choose that Blog you want to Remove the Attribute Widget.
Now Go to Template >> HTML In this Section you see “Jump to Widget” Option Click on it and Choose “Attribution1” Widget and it will automatically Point to that Line.
Now Press CTRL+F and Search for this Below Line
<b:widget id=’Attribution1′ locked=’true’ title=” type=’Attribution’>
Now Time to remove This. Just Replace ‘true’ with ‘false’ Like we Demonstrate in Above Screenshot.
After this Your Code is Looking Like : <b:widget id=’Attribution1′ locked=’false’ title=” type=’Attribution’>
Save Your Template and Go To Blogger Dashboard >> Layout.
See the Attribute Widget in Layout and Click Edit and Now Remove Option is Appear in Attribute Widget. Simply Click On Remove Button and remove Your “Powered By Blogger” Attribution Widget.

Now Click on View and Preview your Blog. Now you notice that “Powered by Blogger” Attribution is Remove. It is mainly set by Blogger in Default and Disable Remove Permission for this Widget. If this Article is Helpful for you So Please share you Experience Below in Comments.