Breaking News:

latest

Facebook Popup Like Box For Blogger

Hello and Welcome to GetWebInfo. Here on this Post you will found the simple and easy method that Facebook Popup Like Box For Blogger .  Fac...

Hello and Welcome to GetWebInfo. Here on this Post you will found the simple and easy method that Facebook Popup Like Box For Blogger .  Facebook Popup like box for Blogger is a basically effective Blogger widget to boost your Facebook likes. In my opinion it is the best way to promote your Facebook business page. By using this popup like box, you will be able to bring your Faceook Fan page in from of your audience right after landing on your blog. For this reason, you will have 1000 times better result in the case of getting Facebook likes, social activity Social engagement. Follow and the overall social exposure.



The Importance of Facebook Popup Like Box in Blogger Site

Only creating good content is not enough for being a successful blogger. Social community, activity, promotion and fans are a major part of bogging success. As a matter of fact, we can consider Facebook as the king of social medias. Therefore, we must think to utilize this massive media with more than 1.3 billions users. Usually smart blogger add a facebook like box widget to their blog's sidebar. A huge reader attention means more Facebook Likes. More Facebook like means huge social exposure, followers and targeted traffic. IF you analyze any popular blog, you will find a big amount traffic they receive from Facebook. So you should also be smart and use this lightweight Facebook popup like box in your blogger.


How to Add Facebook Popup Like Box In Blogger?

Step 01: Log in to your Blogger Account and go to the Dashboard > Layout Section

Step 02: Click on the "Add a Gadget" link in the footer or sidebar section. Remember, the recommended area to add this widget is the footer.

Step 03: After Clicking on the "Add a Gadget" link a popup window will appear. Just select from this box "HTML/JavaScript" gadget from the list and click on it.



Step 04: When HTML Box appear just copy the below code and past it to your HTML code box after pasting just click on Save button and you can all don.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>
<style>
#popupFbLikeBox {display:none;position:fixed;background:rgba(0,0,0,0.7);height:100%;width:100%;left:0;top:0;z-index:99999;}
#popupArea {position:absolute;background:white;height:270px;width:auto;left:63%;top:58%;border-radius: 5px;margin:-220px 0 0 -375px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#popupClose{text-align:center;padding:10px;position:relative;cursor:pointer;background: linear-gradient(#eee, #fff);border-top-left-radius: 5px;border-top-right-radius: 5px;color:#000;}
#popupClose:hover{color:red;}
.fbLikeboxArea {margin:0 auto;width:366px;height:1px;margin-top:16px;margin-left:20px;position:relative;}
@media only screen and (max-width: 500px) {
#popupArea{left:63%;top:58%;margin:-220px 0 0 -250px;}
.fb-like-box,.fb-like-box span,.fb-like-box span iframe[style]{width: 100% !important;}}
</style>
<script>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// 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() : '',
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));}
//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>
jQuery(document).ready(function($){
if($.cookie('logedin_user') != 'yes'){
$('#popupFbLikeBox').delay(2000).fadeIn('medium');
$('#popupClose').click(function(){
$('#popupFbLikeBox').stop().fadeOut('medium');
});
}
$.cookie('logedin_user', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='popupFbLikeBox'>
<div id='popupArea'>
<div id='popupClose'>CLOSE
</div>
<div class='fbLikeboxArea'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/getwebinfo&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>
</div>
</div>




Step 05: You must replace the https://www.facebook.com/getwebinfo with your own Facebook Page URL.

Note: If you can't be able to find out your Facebook Popup page then please clear your browser history and refresh your website page then you can be able to see your facebook page.

I Hope this article is really helpful for you if you like this article so please share this article to your social media account thanks......

No comments