Wednesday, February 20, 2013

sample skip ad code and try it


sample skip ad code just copy and publish post

                                                    Select skip ad html code start

<div style="background-image: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDuaxV0BAAdl4B5h6bKO7MILO3BKIdLE7nAfBpvMDjwa0_3v_hQ8DaSJ6rA8tqR8LI6nci3F3ZtxpYRZz2Gjmf4aU92Q1b9jJ4NNshBhqxG-2pRdEKiKWBmRXmwRflXyyKvLtmj10ANyg/s1600/ad+bar.JPG&quot;); color: black; font-size: 18px; height: 82px; width: 1142px;">
                          <table border="0" style="height: 82px; width: 1141px;">
                                     <tbody>
                                                <tr height="60">
                                                         <td><span style="color: white; font-size: medium;"> Please fill the Form
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
(OR)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

Please wait 15/sec
                                                                    </span>
                                                            </td>

                                                             <td><div align="right" style="height: 50px; width: 150px;">
                                                                     <marquee behavior="slide" direction="left">
                                                                     <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhImTdUFCt2zs4pD5J-FtUEcINIrBVUZSStNK5RqpWciQhwU44CxlEwsVNTGaVuiyoyYUJBW4UbZDBNmnVsu7lqcxPme3wKOdHeP6wbSrF9IUHqAyyhwN8Cfw6OQCdHAZTNmt01QY7H5fEt/s1600/skip+ad+empt+1-15.JPG" />

<a href="http://www.ziddu.com/download/21088185/Sirvacharu.rar.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfmLKkcl3fsGNvwvRJnUVGn5sZk9s9vHkpztd2qKnVKGO3h9D6QpfhhaR9C98jFznMLN8bZgDOT3f6Apvdra2UfixJTW6timhXXpHD7PFzjZ8KnKJGbVchnDCsK_Ao2AG6s66M5lO2zJLL/s1600/New+Image.JPG" /></a>

                                                                        </marquee>
                                                                        </div>
                                                                </td>
                                              </tr>
                                 </tbody>
                      </table>
</div>

Select skip ad  html code end



how to write simple html code


try just simple html code

just open note pad

copy and paste below html code notpad and select all files in  save as type sample.html and save it

<html>
     <head>
                 <h1>hai try it </h1>
    </head>
    <body>
                  it is body html code
    </body>
</html>


Tuesday, February 19, 2013

design bottom fixed show hide ad display html code


go to your blogger dashboard and then select loyout tab and then  click gadget
and then choose html /javascript gadget
and then copy and past below  code


Select show/hide html code start
 
<script language="javascript">
    function showOrHide()
    {
        var div = document.getElementById("showOrHideDiv");
        if (div.style.display == "block")
        {
            div.style.display = "none";
        }
        else
        {
            div.style.display = "block";
        }
    }
</script>

<div style='position:fixed;left:300px; bottom:0px;'>  
         <a href="javascript:showOrHide();">
              <font size="2" style="BACKGROUND-COLOR: black" color="yellow">
                  <b>
                             Show/Hide <-- show hide title code
                  </b>
              </font>
         </a>
    <div id="showOrHideDiv" >
        <div style="background-color:white;position:relative;width:728px;height:90px;border:1px solid blue;">
                           google or chitika ad code here
        </div>
    </div>
</div>

 
Select show/hide html code End


html ad code conver parse code converter

google or any cod publish in body must should convert to parse code
this parse code available here

Parse Code : Click Hire

how design advertise here ad code in html


go to your blogger dashboard and then select loyout tab and then  click gadget
and then choose html /javascript gadget
and then copy and past below  code

Select advertise ad  code start
<div style="position:relative;width:300px;height:250px;border:1px solid blue;">

your chitika or adsense ad code here

<div style ="position:absolute;bottom:1px;right:0px;  width:80px; height:16px;">
<a href="your site post link " ><b>
<font style="BACKGROUND-COLOR: yellow" color="blue">

Your Ad Here title

</font></b></a>

</div>
</div>
 
Select advertise ad code  End


how design adbrite ad in html code

go to your blogger dashboard and then select loyout tab and then  click gadget
and then choose html /javascript gadget
and then copy and past below  code

Select adbrite type code start

<table border="0" hight="280" width="308"><tr><td>
<div style="width:300px;height:250px;border:1px solid blue;">

google / chitika Ad Code here

</div>
</td></tr>

<tr><td>
<div align="right">
<a href="your site code link " ><b>
<font style="BACKGROUND-COLOR: yellow" color="blue">

Your Ad Here title

</font></b></a>
</div>

</td></tr></table>
 
Select adbrite type code End






blogger body post ads below ad and post above ad

in blogger blogspot d
goto template
and then goto edit html
and then  Expand Widget Templates tick mark


and the find <data:post.body/>

past your ad code in to above
or below

and ad above code adjustment
imp *** change into your ad code to  parse code

<div style='float:left; margin-left:2px;'>

ad code here

</div>


and this ad look like here see below image