Header Ads

Facebook Pop Out Page Like Button For Your Blog!!

 Facebook Pop Out Page Like Button For Your Blog!!

Pop Out Like Box attract your visitor to click it and get more fans.
there is a a X button if they want it to close.
This is very easy to install just fallow the instruction..

How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.

4.) Click "Add A Gadget" Where You Want To Add It.

5.) Now Scroll To "HTML-JAVASCRIPT"

6.) Click "+" Icon To Add It.

7.) Now Copy The Below Code And Paste It To There.

Find EDIT the fallowing RED  Word..

Receive all updates via Facebook. Just Click the Like Button Below 
and replace the page name

8.) Leave The Title Empty.

9.) Click Save, Now You Are Done.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type="text/css" />
<script type="text/javascript">
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"});
<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>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBlogmytuts&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;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://blogmytuts.blogspot.com/">Blogmytuts</a></p>

No comments

blogmytuts. Powered by Blogger.