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

Html Coding for Blinking Text in Blog

 Sure! Here's a simple way to make text blink in an HTML blog using CSS (since the old <blink> tag is deprecated and not support...