Tricks For Blogger :blog templates,blog hack, tricks: Popup Window

Friend in my last popup box post i told you how you can add like box but some blogger has problem with this so i decide to post new like box this is advance featured popup box
let we see

1. Login to Blogger Dashboard and navigate to Layout > Edit Html

2. Don’t click the checkbox which says ‘Expand Widget Templates’

3. Now find

<body>

and replace it with

<script type='text/javascript'>//<![CDATA[KNFBFansPRO='Become a newtricksforblogger fan'//]]></script><style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}#fblikepop #closeable{float:right;margin:7px 15px 0 0;}#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:14px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}#fblikepop #actionHolder{height:30px;overflow:hidden;}#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style><script src='http://yourjavascript.com/19111310151/jquery.js' type='text/javascript'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><script src='http://yourjavascript.com/01411121377/facebooklike.txt.js ' type='text/javascript'/><script language='javascript'>//<![CDATA[$(document).ready(function(){$().KNFBFansPRO({timeout: 10,wait: 0,url: 'http://www.facebook.com/ newtricksforblogger ',closeable: true });});//]]></script><div id='fbtpdiv'/>

Note : As you can see,there are some customizable parameters in this code

Title - Become a fan
Time You Need To Auto Close - 10
Facebook Page Url - http://www.
facebook.com/newtricksforblogger

4. Now You Are Done. Refresh Your Blog And Enjoy!!!

00:05 / 0 comments / Read more

How add Facebook like box in pop up window

In my last pots i published versions of Facebook Likebox Jquery popups and today i am sharing another version with much more control options. This one includes a time counter and instead of likebox it displays a like button that links to your Fan Page

Lets we aAdd Facebook LikeBox Popup To Blogger

This popup contains a likebutton instead
Just follow below setup

Go To Blogger > Design > Edit HTML
Backup your template
Paste the following code just above </body>

<script type='text/javascript'>
//<![CDATA[
    KNFBFansPRO='BloggerTricks'
//]]>
</script>
<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}
#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}
.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
#fblikepop #actionHolder{height:30px;overflow:hidden;}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}
#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>
<script src='http://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://mybloggertricks.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
    $(document).ready(function(){
        $().KNFBFansPRO({
           timeout: 30,
            wait: 0,
            url: 'http://www.facebook.com/BloggerTricks',
            closeable: true        });
    });
//]]>
</script>
<div id='fbtpdiv'/>

Make these important changes:

Replace this BloggerTricks with your Facebook username.
The timer is set to 30 seconds to change it simply edit timeout: 30
The widget appears immediately after a visiter eneters. If you want it to appear after one minute or more then edit wait: 0

Change Facebook FanPage Background Image:
The above code displays the following image:

To use the following images, simply replace http://mybloggertricks.googlecode.com/files/mbtlikebox2.js with anyone of the given links

http://mybloggertricks.googlecode.com/files/mbtlikebox3.js

http://mybloggertricks.googlecode.com/files/mbtlikebox.js

07:42 / 2 comments / Read more

some time you find in website they show pop up ads when you go to any web page because this is very possible time to high impression and click point of view.now this time to use this window in your blog

* First go to your blogger Dashboard.
* Now click in design tab and edit HTML.
* Click in small box to expand your blogger Template.
* Now find this code </head> by CTRL+F key easily.
* Copy below code and paste before </head>

Now save your Blogger Template.

Now Go to Page element.

Click In Add Gadget which is in your blogger sidebar.

When open new window click in HTML/javascript from list.

When open new blank box copy below code and paste in blank box.

n open new blank box copy below code and paste in blank box.<br /> <br /> <div id="headline"><div id="topbar"><img align="left" style="padding-left:2px;" src="http://icons.iconarchive.com/icons/deleket/folder/24/Mozilla-Thunderbird-icon.png" /><br /> <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Ads by Google</span><br /> <br /> <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"> <target="_blank" onclick="getValue()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyFV7OC-xOlaZn8Hh7kxazD_RJcaSwtUc9rRPBl3oj_UN8UGeE0VlCeUkDF-MSeNpxt4qEymu29MSXPlD76pIutj-RPWCggTiIjq5AFocpAXpyMH6J_EWbMJ2GfPGPZv32TPqtkXpXuPVk/s1600/close.png" /></target="_blank"></span><br /> </div><div id="adsground"><h3><a href="http://myblogtricks.blogspot.in/2012/02/add-pop-up-ads-window-in-blog-or.html">Get This Pop-up Window </a></h3><p align="left"><h3></h3></p>ADD HERE YOUR ADSENSE CODE<br />  width 336 and hieght 280<p><br /> <br/></p></div></div></div><div class='clear'></div>

Don't forget to replace ADD HERE YOUR ADSENSE CODE with your adsense code

If You like our article please leave comment

00:16 / 0 comments / Read more

Lets we aAdd Facebook LikeBox Popup To Blogger

POSTS