» » » Facebook Like Widget Popup for BLogger
, Edit

Facebook Like Widget Popup for BLogger

Today i am writing about the Facebook Like Widget Popup for Blogger as you know that last time i published a post about the Top coolest Recent Posts Widget Free, some of my website viewers comment about to make a guide about Facebook Like Widget Popup for Blogger. So i make a simple and easy post about in which i explain you all about Facebook like box popup for blogger .

Facebook Like Widget Popup for Blogger

Face book is biggest social media in the world . Every one have I D in Facebook . If you want to Promote your post or Website .Then we can help you we are carrying a code for Facebook like box here you can get free and Beautiful design face book popup like box widget for blogger.
OK
The procedure of the Face book Popup widget for or How to install the Facebook like box widget in your blogger .
Just a few steps.
Facebook Like Widget Popup for BLogger



first of all log in to your Blogger Dash board and Go > layout '' when you click on layout anew page will open now select '' + Add widget '' and click it .
Facebook Like Widget Popup

Again a new page will open click here ''HTML JAVA SCRIPT'' after that copy the below code and paste below the ''content '' and copy or type your face book page Link and replace it on it.After doing that save the HTML Java Script ''
Facebook Like Widget Popup for BLogger
Facebook Like Widget Popup for BLogger

Facebook Like Widget Popup for BLogger
And view you blog .

Select text below
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
#fbox-background{display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}#fbox-close{width:100%;height:100%}#fbox-display{background:#eaeaea;border:5px solid #828282;width:340px;height:230px;position:absolute;top:32%;left:37%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#fbox-button{float:right;cursor:pointer;position:absolute;right:0;top:0}#fbox-button:before{content:"CLOSE";padding:5px 8px;background:#828282;color:#eaeaea;font-weight:700;font-size:10px;font-family:Tahoma}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:5px}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie=function(a,b,c){if(arguments.length>1&&"[object Object]"!==String(b)){if(c=jQuery.extend({},c),null!==b&&void 0!==b||(c.expires=-1),"number"==typeof c.expires){var d=c.expires,e=c.expires=new Date;e.setDate(e.getDate()+d)}return b=String(b),document.cookie=[encodeURIComponent(a),"=",c.raw?b:encodeURIComponent(b),c.expires?"; expires="+c.expires.toUTCString():"",c.path?"; path="+c.path:"",c.domain?"; domain="+c.domain:"",c.secure?"; secure":""].join("")}c=b||{};var f,g=c.raw?function(a){return a}:decodeURIComponent;return(f=new RegExp("(?:^|; )"+encodeURIComponent(a)+"=([^;]*)").exec(document.cookie))?g(f[1]):null};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://web.facebook.com/bloggertipssandtricks/&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://helplogger.blogspot.com/2014/12/facebook-popup-like-box-blogger-widget.html" rel="nofollow">Helplogger</a></div>
</div>
</div>                         
End of the Text

How to Do changing in Facebook Like Widget Popup for BLogger


After adding the HTML or Code replace the address in Red highlight (https://web.facebook.com/bloggertipssandtricks/) with your Facebook page Links.
This widget will appear 6 second after the finishes loading .If you want to change delay time. Then you can change the number 500 to lesser or greater number in this parts.
      Selectable text is below

delay(5000)

Code End.

By default the like box popup shows up the first time the user visits your page. If you want like the face book like box to popup every time after the page load then remove this tag or line from the code.

Selectable text is below

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

Code End.

If you want to display only when the users visits your homepage. ‘’Go> Template’’ and Click on the ‘’Edit HTML ‘’ and click in Code area on press Ctrl + F ‘’ and find the <head> tag.

Selectable text is below

</body>

Code End.

After finding the tag copy the below code face book like box and past below the head any where and ‘’Save the Template’’
Selectable text is below

<b:if cond='data:page.type == "index"'>ADD THE FACEBOOK WIDGET CODE HERE </b:if>

Code End.

After saving this widget you can test it out by returning to one of your old page or post which should bring up a litter popup widget asking if you did like to join the site face book page.
If you didn’t see the face book Like Box on the post or page. you may need to remove or delete you cookies or check out ‘’Customization’’ section above in orders to display the widgets every time a visitor visit your website.One this widget is added to you site .After that you hard working is complete Now your web traffic will increase and automatically social promoting will start of your site.

Related Posts
Download SEO Friendly and Responsive Template

    Thank you for watching this post Facebook Like Widget Popup for Blogger if you face any problem related with your blog then contact us or comment us.We will replay as soon as soon is possible.

                                                                       Go to Home

    Click To Go To Our Help Center

    Related Posts :

    0 Response to "Facebook Like Widget Popup for BLogger"

    Posting Komentar

    Langganan: Posting Komentar (Atom)