Saturday, January 11, 2025

BLOGGER YOUTUBE AD HTML CODE:

 <div class="videoWrapper">

    <!-- Copy & Pasted from YouTube -->

    <iframe width="560" height="349" src="PASTE YOUTUBE EMBEDDED CODE URL" frameborder="0" allowfullscreen></iframe>

</div>

<style>

.videoWrapper {

position: relative;

padding-bottom: 56.25%; /* 16:9 */

padding-top: 25px;

height: 0;

}

.videoWrapper iframe {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

</style>

BLOGGER IMAGE AD HTML CODE:


<a href="OUTGOING URL TO YOUR LANDING PAGE" target="_blank">

    <img src="IMAGE URL FROM BLOGGER" alt="Ad Image" style="width: 100%; height: auto;">

</a>

COPY ALL THE BELOW GIVEN CODING:

 <div class="videoWrapper">

    <!-- Copy & Pasted from YouTube -->

    <iframe width="560" height="349" src="PASTE YOUTUBE EMBEDDED CODE URL" frameborder="0" allowfullscreen></iframe>

</div>

<style>

.videoWrapper {

position: relative;

padding-bottom: 56.25%; /* 16:9 */

padding-top: 25px;

height: 0;

}

.videoWrapper iframe {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

</style>



PASTE ALL THE CODING IN THE BELOW MENTIONED PLACE:



No comments:

Post a Comment

How to give coding at the end of the post in blog

  Add Code Automatically at End of Every Post (Template Edit) If you want a code block to appear in every post , do this: Go to Blogger ...