After my recent Adsense Popup widget. Now I decided to present some
fresh for what comes with a nice jQuery Popup Box to Facebook as. This
is an excellent widget to enhance taste. You can see most of the sites
or blogs that are used to increase pop unpaid, fans and supporters. This
popup jQuery cute for Facebook As the box is a great blogger widget. As
soon as the new visitors coming to your blog will display the pop
visitors, which can help increase the size and get more traffic to my
next tutorials Facebook.In I'll try to make it more interactive with
links to social media profiles and a complete version with all its
contents, which can need.Check out show down and I will show you how to
add jQuery Popup cute for Facebook as the box to Blogger or WordPress?
So, let's see how to install this cool widget in your blog..
1. Sign into Blogger dashboard
In old layout: Go to Dashboard - Design - Edit HTML - Expand Widget
Templates.
In new layout: Go to Dashboard - Template - Edit Template HTML - Expand
Widget Templates.
Search for the tag*</head>*( using ctrl+f)
Copy n paste below code just above/before*</head>*tag.
<script
src='*http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js*'/>
<a href="http://emsbd.blogspot.com" target="_blank" title="Blogger
Widgets"><img
src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png"
border="0" alt="Blogger Widgets" style="position:absolute; top: 0px;
right: 0px;" /></a><script
src='http://24work.ucoz.com/24work-blogspot/facebook/-24work.blogspot.com-jquery.colorbox-min.js'/>
<link
href='http://24work.ucoz.com/24work-blogspot/facebook/-24work.blogspot.com-fbpopup.css'
rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=flase') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#mdfb"});
}
});
</script>
And now click*Save*
*Now add the*_*HTML code*_*to blogger*
it's simple
1. Sign into Blogger dashboard
old Blogger interface: Go to Dashboard - Design - Page Elements - Add a
Gadget.If you're using the new Blogger interface: Go to Dashboard -
Layout - Add a Gadget.Select 'HTML/Javascript' and add the one of code
given below.Just copy and paste this code..
<a href="http://emsbd.blogspot.com" target="_blank" title="EMSBD"><img
src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png"
border="0" alt="Blogger Widgets" style="position:absolute; top: 0px;
right: 0px;" /></a><div style='display:none'>
<div id='mdfb' style='padding:10px; background:#fff;'>
<h3 class="mdbox-title">Receive all updates via Facebook. Just Click the
Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
<center>
<iframe
src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F*pages%2FBlogspot-tutorial%2F220888831260608*&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258"
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:300px; height:258px;" allowtransparency="true"></iframe></center>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By
<a style=" font-size:9px; color:#3B78CD; text-decoration:none;"
href="http://emsbd.blogspot.com">EMSBD</a></p>
</div>
</div>
And now click*Save*
Note:- Replace*pages%2FBlogspot-tutorial%2F220888831260608*With your
Facebook User name
Now you have done !!!
