Tuesday, March 26, 2019

How to add Latest Adsense Popup box in blogger/blogspot


Hello friends now add special adsense popup box in blogger by this trick.

Follow simple and easy step to adding this special Adsense popup box in blogger :--->>>

* 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>

<style>
#topbar {
height:30px;
width:auto;
background: #FE9980 url('http://lh3.ggpht.com/_beEpWOXwLJE/TIb57Lu4fwI/AAAAAAAABE0/q7niFVRbyNE/top-toolbar.jpg');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 336px;
background:#fff;
border-bottom:2px #FE9980solid;
border-right:2px #FE9980solid;
border-left:2px #FE9980 solid;
text-align:Center;
padding:4px;
}


#headline{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:170px;
border-bottom:1px #FE9980 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headline").style.display = 'none';
}
</script>

* Now click to save your Blogger Template.

* Again go to your blogger Dashboard and click in Design tab.

* Now you are here --->>>> 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.
<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" />
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Ads by Google</span>

<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/AVvXsEiaJ0tU6CQsPfsal4RnY5lPSBiO6z0qkqacnDkt5sX0eQHWj9ebLjtv0z2pI6NUuQPeM_K0rrC3b0R-A7oz_wCtMlX9vMn8Bvaflp2ipo1kNGfN_zChUYA9EQtuaN2S_WN52jYOFhIgl14z/s1600/close.png" /></target="_blank"></span>
</div>
<div id="adsground">
<h3><a href="http://www.blogger9.com/2011/07/how-to-add-latest-adsense-popup-box-in.html">Get This Pop-up Window </a></h3>
<p align="left"><h3></h3></p>
ADD HERE YOUR ADSENSE CODE
 width 336 and hieght 280<p>

<br/></p></div></div>
</div>
<div class='clear'></div>

NOTE:- Remove Highlighted text in above code with your Google Adsense code with width-336 and hieght-280 ok.

* Now click to save your HTML/javascript code and now you are done.

Artikel Terkait


EmoticonEmoticon

MUSIC OF THE WEEK