Facebook Popup Similar Box Widget For Your Website Fashionable Pattern For Blogger

Facebook Popup similar box widget volition appear inwards the popup window. when somebody visits your website for the start time. the popup similar Box is created amongst Jquery hence it volition non accept hence much fourth dimension inwards loading. to become far to a greater extent than fashionable nosotros likewise used CSS. inwards the next screenshot yous tin encounter how it looks.

Facebook Popup similar Box is actually useful it helps yous to larn to a greater extent than likes on your facebook fan page. if yous are thinking of using a fashionable facebook like Box together with then this shipping service helps you. because this shipping service is most how to add together Facebook Popup similar box widget inwards your blogger.

Add Facebook Popup Like Box widget inwards Blogger

1. go to the blogger together with log inwards your google account. 
2. from your weblog dashboard click on template link together with from the adjacent page click on edit HTML button. 
   
3.  click anywhere on the code together with press ctrl+F blogger search box volition appear.   
   
4. search </body> together with glue next code only earlier the </body>. 
5. visit your weblog to encounter how it looks.

 <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 enterprise #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: vii });
});
</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://www.facebook.com/pages/92tricks-580765418758066&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>
</div>

inwards blogger, yous tin likewise demo facebook Popup similar box widget on the home page only. to demo it on the homepage exclusively only occupation the next Blogger B: IF condition.

<b:if cond='data:page.type == "index"'>paste facebook Popup similar Box widget code here</b:if>

add together Facebook Popup Like Box widget without editing your template

Facebook Popup similar box gadget is likewise usable equally a uncomplicated javascript/HTML widget. 

1. from your weblog dashboard click on the layout link.
2. the layout page volition appear hither yous volition encounter add together gadget link click on the add gadget link. 
   
3. a new window volition travel shown from this window click on javascript/HTML. 
   
4. Paste the inwards a higher identify code inwards the text box together with click on salve button. 
   

that's it the facebook Popup similar Box is successfully added to your blogger blog.
cheers for reading my shipping service decease along visiting for to a greater extent than useful posts. if this shipping service was useful for yous together with then drib your comments below.

Read More

Popup Electronic Mail Subscription Box Widget For Blogger

Recently I shared a Facebook Popup Like box widget for blogger blog. I promise It was useful for you. Today I am going to plow over y'all electronic mail subscription box widget for blogger. An electronic mail subscription box widget is a fashionable widget. The user volition run into this box when he/she volition take in your weblog for the outset time.
It is created amongst Jquery together with CSS3. To know how to add together an electronic mail subscription box widget on your blogger blog. Just follow our below steps.

 Email subscription box widget for blogger blog.

1. Go to the blogger.com together with log into your account.
2. Select your weblog where y'all are going to add together the Email subscription box widget.
3. From your weblog dashboard, click on the layout option.
4. Now from the sidebar, click on the add together gadget link.
5. It volition opened upwards a novel window. From this window, choose the HTML/Javascript widget.
6. On the adjacent page larn out the championship empty. And glue the next code into the text box.
7. Press the salve button. And done.

Note: if your template already has a enquiry javascript. Then withdraw the Jquery script from the code. I marked the jquery script amongst ruddy color.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <style type="text/css">
#box-background{display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}#box-close{width:100%;height:100%;}#box-display{background:#fff;border:2px company #eee;width:400px;height:300px;position:absolute;top:32%;left:25%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#box-button{float:right;cursor:pointer;position:absolute;right:0;top:0}#box-button:before{content:"X";padding:5px 8px;background:#000;color:#fff;font-weight:700;font-size:10px;font-family:Tahoma}#box-link,#box-link a.visited,#box-link a,#box-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:5px}
.hob-title{text-align:center;}
.hob-email{text-align:center;}
.hob-email input[type='text']{height:
35px;width:290px}
.hob-email input[type='Submit']{height:40px;background:#000;color:#fff}
</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_box') != 'yes'){
$('#box-background').delay(5000).fadeIn('medium');
$('#box-button, #box-close').click(function(){
$('#box-background').stop().fadeOut('medium');
});
}
$.cookie('popup_box', 'yes', { path: '/', expires: vii });
});
</script>
<div id='box-background'>
<div id='box-close'>
</div>
<div id='box-display'>
<div id='box-button'>
</div>
<h4 class='-hob-title'>Subscribe to our newsletter</h4>
<div class='hob-email'>
<p>Receive the latest tutorials to your inbox past times submitting your electronic mail address</p>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("https://feedburner.google.com/fb/a/mailverify?uri=Your weblog feedburner address", "popupwindow", "scrollbars=yes,width=550,height=520"); provide true' target='popupwindow'>
<input gtbfieldid='3' name='email' onblur='if (this.value == "") {this.value = "Enter your electronic mail address...";}' onfocus='if (this.value == "Enter your electronic mail address...") {this.value = "";}' type='text' value='Enter your electronic mail address...'/>
<input name='uri' type='hidden' value='Your weblog feedburner address'/><input name='loc' type='hidden' value='en_US'/>
<input type='Submit' value='Subscribe'/>
</form>
</div></div></div>

In fellowship to arrive work. In the to a higher house Code, You accept to brand to a greater extent than or less changes. Don't worry, I am non going to tell well-nigh doing to a greater extent than or less form of coding. You simply involve to supervene upon your weblog Feedburner address amongst your weblog Feedburner address. To arrive tardily for y'all I marked the replacing expanse amongst the ruddy color. That's it the Popup electronic mail subscription box widget is added to your blogger blog. To run into how is it working take in your blog. With the CSS knowledge, y'all tin arrive to a greater extent than stylish. If y'all larn whatever fault y'all tin inquire me past times dropping your comment below.

Read More

How To Add Together Facebook Similar Push To Blogger Sidebar

Facebooks similar push allow your visitors to similar your Facebook page from your blog. anyone tin subscribe your Facebook page past times simply pressing similar push that is displayed on your blog. in addition to the subscriber volition teach your updates on his facebook account. this plugin also shows the confront of peoples who already likes your page. if are non using facebook similar push to blogger. thus add together it right away in addition to teach to a greater extent than likes on your Facebook Page.

adding facebook similar push to blogger sidebar is likewise easy. you lot tin add together this push from your spider web log layout. fifty-fifty you lot don't involve to edit your template. so let's start.  Also, read this: How to job a spider web log alongside blogger.

job a Facebook similar push plugin.

1. visit this link https://developers.facebook.com/docs/plugins/page-plugin.
2. click on Get the code push a novel popup volition appear.
3. from this popup click on Iframe tab. Iframe code volition hold upward displayed on the popup. 
4. select your desired page past times clicking on your page get upward that is shown inwards the selecting box.
5. like push is created right away re-create Iframe code of your selected page.
 

add together facebook similar push to blogger sidebar

1. after creating your Facebook similar push goes to the blogger.
2. click on your spider web log inwards that spider web log you lot are going to add together this plugin.
3. click on the layout link. from the layout click on add together gadget push that is shown inwards the correct sidebar.
   
4. a novel window volition hold upward displayed from this window click on the HTML/javascript. 
   
5. paste Facebook similar push Iframe code inwards the text box in addition to click on salve button. 
   
6. Facebook similar push plugin is added to your spider web log sidebar. 

watch your spider web log you lot volition run across Facebook similar push inwards the sidebar. right away when somebody wants to teach your updates he/she tin similar your Facebook Fan page from your blog.

Read More