Showing posts with label blogger tricks. Show all posts

How To Show AdSense in Pop Up Box In Blogger

Posted by Amimul islam rafi
Tags : blogger tricks, google AdSense

How to put your google adsense in pop up windows to get more CTR.I am sharing the tricks how to do this and its very easy

Discaimer:Do not do this because google do not permit this kinds of activity.sometimes visitors get irritated by pop up ads.You may loose visitors.So this is just for learn

Login to blogger then go to dashboard > design >page elements

Then click on add a widget button at any position and paste the following code including adsense in it.I recommend large rectangle of 325*280 ad

<style> #topbar { height:30px; width:auto; background: #FFFFFF url(''); background-repeat:repeat-x; text-align:left; padding-top:4px; } #adsground { height:auto; margin:0 auto; width: 500px; background:#FFF; border-bottom:2px #ffffff solid; border-right:2px #ffffff solid; border-left:2px #ffffff solid; text-align:Center; padding:4px; } #headlineatas { opacity:1.0; height:auto; width:auto; position:fixed; top:65px; left:170px; border-bottom:1px #ffffff solid; border-bottom:0px blue solid; color:#333; padding:0px; z-index:1001; font-size:13px;} </style><br /> <script type="text/javascript"> function getValue() { document.getElementById("headlineatas").style.display = 'none'; } </script><br /> <div id="headlineatas"><div id="topbar"><img align="left" style="padding-left:2px;" src="" /><br /> <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span><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/AVvXsEjsJ42D1hi1uQzfldUFOsRg6Oh2_Eu_Evh51oXXvI3Xp6OFkGmJQxFxCwCSiiLyrUWEOr67KGoIk3-dK5DPt3t61fbMClNoSLAJ9h24J5kQZFxYM6NrttVUC_mG41HGLklQi9O3z5HubjI/s1600/window-close-3.png" /></target="_blank"></span><br /> </div><div id="adsground"><span style="font-size: x-small;">Get This Pop-Up Window at:</span> <b><a href="http://gj37765.blogspot.com/2011/07/new-pop-up-window-for-google-adsense.html">Making Different</a></b><br /> <p align="left"><h3></h3></p><table align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfWIY2et6AaT4vRz2C0Fl-LTXYIvwpWNZsi-nhAZFenzbbzEFMwANyDN2LVHbD9rfc9yv63zKbqUbvvXX60goNGLDTG5u3whxJw0tDJ3TozlLmeBwXi2x1_DjGFYGs1HU4UyzxVFtslYzo/s1600/adsense+background+image%2528gj37765.blogspot.com.jpg.png" border="0" height="300" style="width: 505px;"><tbody> <tr><td height="350" width="505"><br /> <div align="right">your adsense code<br /> </div></td></tr></tbody></table></div></div>

You may also like this stndstill pop up window ad

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;}   .gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; padding:10px; } </style><br /> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script><br /> <br /> <br /> <div id="gb"><br /> <br /> <div class="gbtab" onclick="showHideGB()"></div><br /> <br /> <div class="gbcontent"><br /> <br /> <div style="text-align:right"><a href="javascript:showHideGB()"><br /> .:[Click 2 times to close this ad]:.</a><br /> </div><center><br /> your adsense code<br /> <br /> </center><br /> <br />

Insert your adsense code in the place of YOUR ADSENSE CODE if you getting problem please comment here

Read MoreAdd Your Opinion 0 Opinions

Protect Your Blogger Site From Copy-Paste

Posted by Amimul islam rafi
Tags : blogger tricks

This is very annoying when you find someone is copying your writings.Now question arise how to protect your blogger website from stealing your writings.now i share a tricks how can you save your blogger site from being copy paste.i mentioned a HTML code it will protect your only blogger site from copy paste

Go dashboard > design tab

Click edit HTML

Press CTRL+F then find the code

<head>

Just easily paste the following code just before < / head >

<!-- Disable Copy and Paste-->
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function (&quot;return false&quot;)
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

Now save the template congratulation now your blogger site is completely copy paste protected.Remember this code is secure and it does not harm your SEO

Read MoreAdd Your Opinion 0 Opinions

Remove Navbar From Blogger Theme

Posted by Amimul islam rafi
Tags : blogger tricks

In your default blogger template you see a navbar like the following image.Many of us dont like it.If you really want to remove it a little coding can help you remove the navbar and its very easy simply follow the instructions given below

EDU technology remove navbar from blogger

First login to your blogger blog and go to dashboard then click on the design tab and click edit HTML

press CTRL+F and find the code

 <body>

Now paste the following code above it then save your template you will see a confirmation of deleting your navbar from template.just click to remove it

<!--<body>-->

education and technology remove your navbar from blogger

Advantages of this Method

You will be completely removing the navbar and not hiding it. The navbar iframe codes wont be present in your blog’s HTML source and so the blog would be more SEO Friendly and your blog will have a more valid XHTML code

Disadvantages of this Method

You will no longer see the quick edit pencil image or wrench links quick-edit-wrench-blogger on your blog even if you are logged in. This is not a a big deal.You can edit the widgets from the layout > page elements page.You wont see the comment Delete icon near your comments even if you are logged in.But you can definitely manage the comments from the blogger comment Tab.It would also be a good idea to completely remove the quick edit and Wrench links from blogger

How to get back the navbar?

If you followed this method to remove the nav bar and now want to get it back, then delete the extra code that you added and save your template

Read MoreAdd Your Opinion 0 Opinions

Add Floating Share Button On Your Blog

Posted by Amimul islam rafi
Tags : blogger tricks, blogspot tutorial

social networking can create a massive traffic to your blog.i will share now how to add a splendid floating facebook like button,google+,twitter counter on your blogspot blog.here i go.First go to blogger > design Choose HTML/JavaScript Widget
And Paste the following code inside it

<style>
/*-------MBT Floating Counters------------*/
#floatdiv {
    position:absolute;
    width:94px;
    height:229px;
    top:0;
    left:0;
        z-index:100
}

#mbtsidebar {
        border:1px solid #ddd;
        padding-left:5px;
    position:relative;
    height:220px;
    width:55px;
    margin:0 0 0 5px;
}
</style><br />
<br />
<br />
<div id="floatdiv"><div id="mbtsidebar"><table cellpadding="1px" cellspacing="0"><tr>     <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;"><br />
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like><br />
</td>     </tr>
<tr>     <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;"><br />
<g:plusone size="Tall" expr:href="data:post.url"><br />
</g:plusone></td>     </tr>
<tr>     <td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;"><br />
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="bestrafi">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><br />
</td>     </tr>
<tr>     <td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;"><br />
<p style=" font-size:10px; text-align:center; color:#ddd;"><a style="color:#ddd;" href="http://www.MyBloggerTricks.com" target="_blank">Widgets</a></p></td>     </tr>
</table></div></div><script type="text/javascript">
// JavaScript Document

   <!--
/* Script by: www.jtricks.com
* Version: 20071017
* Latest version:
* www.jtricks.com/javascript/navigation/floating.html
*/
var floatingMenuId = 'floatdiv';
var floatingMenu =
{
    targetX: 0,
    targetY: 300,
    hasInner: typeof(window.innerWidth) == 'number',
    hasElement: typeof(document.documentElement) == 'object'
        && typeof(document.documentElement.clientWidth) == 'number',
    menu:
        document.getElementById
        ? document.getElementById(floatingMenuId)
        : document.all
          ? document.all[floatingMenuId]
          : document.layers[floatingMenuId]
};
floatingMenu.move = function ()
{
    floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
    floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
}
floatingMenu.computeShifts = function ()
{
    var de = document.documentElement;
    floatingMenu.shiftX = 
        floatingMenu.hasInner 
        ? pageXOffset 
        : floatingMenu.hasElement 
          ? de.scrollLeft 
          : document.body.scrollLeft; 
    if (floatingMenu.targetX < 0)
    {
        floatingMenu.shiftX +=
            floatingMenu.hasElement
            ? de.clientWidth
            : document.body.clientWidth;
    }
    floatingMenu.shiftY =
        floatingMenu.hasInner
        ? pageYOffset
        : floatingMenu.hasElement
          ? de.scrollTop
          : document.body.scrollTop;
    if (floatingMenu.targetY < 0)
    {
        if (floatingMenu.hasElement && floatingMenu.hasInner)
        {
            // Handle Opera 8 problems
            floatingMenu.shiftY +=
                de.clientHeight > window.innerHeight
                ? window.innerHeight
                : de.clientHeight
        }
        else
        {
            floatingMenu.shiftY +=
                floatingMenu.hasElement
                ? de.clientHeight
                : document.body.clientHeight;
        }
    }
}
floatingMenu.calculateCornerX = function()
{
    if (floatingMenu.targetX != 'center')
        return floatingMenu.shiftX + floatingMenu.targetX;
    var width = parseInt(floatingMenu.menu.offsetWidth);
    var cornerX =
        floatingMenu.hasElement
        ? (floatingMenu.hasInner
           ? pageXOffset
           : document.documentElement.scrollLeft) +
          (document.documentElement.clientWidth - width)/2
        : document.body.scrollLeft +
          (document.body.clientWidth - width)/2;
    return cornerX;
};
floatingMenu.calculateCornerY = function()
{
    if (floatingMenu.targetY != 'center')
        return floatingMenu.shiftY + floatingMenu.targetY;
    var height = parseInt(floatingMenu.menu.offsetHeight);
    // Handle Opera 8 problems
    var clientHeight =
        floatingMenu.hasElement && floatingMenu.hasInner
        && document.documentElement.clientHeight
            > window.innerHeight
        ? window.innerHeight
        : document.documentElement.clientHeight
    var cornerY =
        floatingMenu.hasElement
        ? (floatingMenu.hasInner 
           ? pageYOffset
           : document.documentElement.scrollTop) +
          (clientHeight - height)/2
        : document.body.scrollTop +
          (document.body.clientHeight - height)/2;
    return cornerY;
};
floatingMenu.doFloat = function()
{
    // Check if reference to menu was lost due
    // to ajax manipuations
    if (!floatingMenu.menu)
    {
        menu = document.getElementById
            ? document.getElementById(floatingMenuId)
            : document.all
              ? document.all[floatingMenuId]
              : document.layers[floatingMenuId];
        initSecondary();
    }
    var stepX, stepY;
    floatingMenu.computeShifts();
    var cornerX = floatingMenu.calculateCornerX();
    var stepX = (cornerX - floatingMenu.nextX) * .07;
    if (Math.abs(stepX) < .5)
    {
        stepX = cornerX - floatingMenu.nextX;
    }
    var cornerY = floatingMenu.calculateCornerY();
    var stepY = (cornerY - floatingMenu.nextY) * .07;
    if (Math.abs(stepY) < .5)
    {
        stepY = cornerY - floatingMenu.nextY;
    }
    if (Math.abs(stepX) > 0 ||
        Math.abs(stepY) > 0)
    {
        floatingMenu.nextX += stepX;
        floatingMenu.nextY += stepY;
        floatingMenu.move();
    }
    setTimeout('floatingMenu.doFloat()', 20);
};
// addEvent designed by Aaron Moore
floatingMenu.addEvent = function(element, listener, handler)
{
    if(typeof element[listener] != 'function' ||
       typeof element[listener + '_num'] == 'undefined')
    {
        element[listener + '_num'] = 0;
        if (typeof element[listener] == 'function')
        {
            element[listener + 0] = element[listener];
            element[listener + '_num']++;
        }
        element[listener] = function(e)
        {
            var r = true;
            e = (e) ? e : window.event;
            for(var i = element[listener + '_num'] -1; i >= 0; i--)
            {
                if(element[listener + i](e) == false)
                    r = false;
            }
            return r;
        }
    }
    //if handler is not already stored, assign it
    for(var i = 0; i < element[listener + '_num']; i++)
        if(element[listener + i] == handler)
            return;
    element[listener + element[listener + '_num']] = handler;
    element[listener + '_num']++;
};
floatingMenu.init = function()
{
    floatingMenu.initSecondary();
    floatingMenu.doFloat();
};
// Some browsers init scrollbars only after
// full document load.
floatingMenu.initSecondary = function()
{
    floatingMenu.computeShifts();
    floatingMenu.nextX = floatingMenu.calculateCornerX();
    floatingMenu.nextY = floatingMenu.calculateCornerY();
    floatingMenu.move();
}
if (document.layers)
    floatingMenu.addEvent(window, 'onload', floatingMenu.init);
else
{
    floatingMenu.init();
    floatingMenu.addEvent(window, 'onload',
        floatingMenu.initSecondary);
}
//-->
</script>

Replace bestrafi with your twitter username and save your widget now for your google +1 button go design > edit html and press CTRL+F and find the code < /head >
and paste the following code just above it and you are done

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>

See your floating share button like this

Read MoreAdd Your Opinion 0 Opinions

Technology And Educational Blog

How To Show AdSense in Pop Up Box In Blogger

If you enjoyed this post please subscribe to me for free updates!

Follow Us!

Do you Like this Article?

Get Subscribe to Free Email Updates!!

Protect Your Blogger Site From Copy-Paste

If you enjoyed this post please subscribe to me for free updates!

Follow Us!

Do you Like this Article?

Get Subscribe to Free Email Updates!!

Related Posts With Thumbnail On Blogger

If you enjoyed this post please subscribe to me for free updates!

Follow Us!

Do you Like this Article?

Get Subscribe to Free Email Updates!!

Remove Navbar From Blogger Theme

If you enjoyed this post please subscribe to me for free updates!

Follow Us!

Do you Like this Article?

Get Subscribe to Free Email Updates!!

Add Floating Share Button On Your Blog

If you enjoyed this post please subscribe to me for free updates!

Follow Us!

Do you Like this Article?

Get Subscribe to Free Email Updates!!

Search

RANDOM POSTS

Subscribe

Labels

About Author

Blog Categories

Popular Posts

Random Posts

Recent Posts

Technology And Educational Blog