Hello Guys and welcome to Sanve Design Our Tutorial today is about How to add Force pop up ads widget in blogger
Sticky Ads: If you use this sticky ad on your blog, it will display in a floating style and be visible whenever the blog page is refreshed.
Responsive: This sticky ad has a responsive design that adapts to mobile and desktop platforms. It also contains a Close button that allows the ad to be closed.
Many Clicks: This sticky ad is displayed directly in the middle of the site and almost completely fills the blog's appearance, making visitors view the display of your ad to be clicked on. If you use this sticky ad on your blog, it's possible that you will receive a greater number of clicks.
How to add Force pop up ads widget in blogger :-
Okay, will now talk about creating a stylish and functional sticky ad for Blogger.
HTML Code by widget
You can start by copying the HTML code below and pasting it into the <body> section.
<b:section class='snvyAdP' id='snvyAdP' showaddelement='false'>
<!--[ Delete "or data:blog.isMobileRequest" if you want it to appear on desktop and mobile ]-->
<b:widget cond='data:view.isLayoutMode or data:blog.isMobileRequest' id='HTML0533' locked='true' title='Adpop placement(mobile only)' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><ins class='adsbygoogle' data-ad-client='ca-pub-000000000000000' data-ad-format='auto' data-ad-slot='000000000' data-full-width-responsive='true' style='display:block'></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});
</script></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!--[ Popad by Sanve Design ]-->
<div class='snvyAdR' id='snvyAdR'>
<div class='snvyAdR_cnt'>
<b:if cond='data:content != ""'>
<data:content/>
</b:if>
<label onclick='document.getElementById("snvyAdR").style.display="none"'>
<span class=''>Close</span>
</label>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
Information: The sticky ad is displayed using the HTML code above, and data-ad-format='auto' is used with AdSense.
HTML Code non widget
Please insert the HTML code below under the code body> if an error happens when installing HTML code that supports layout mode.
<div class='snvyAdP'>
<div class='snvyAdR' id='snvyAdR'>
<div class='snvyAdR_cnt'>
<ins class='adsbygoogle' data-ad-client='ca-pub-000000000000000' data-ad-format='auto' data-ad-slot='000000000' data-full-width-responsive='true' style='display:block'>
</ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<label onclick='document.getElementById("snvyAdR").style.display="none"'>
<span class=''>Close</span>
</label>
</div>
</div>
</div>
Javascript code
The next thing you may do is paste and save the javascript code directly above the code </body>.
<script>/*<![CDATA[*/ const snvyCAd = "#de3535"; /*]]>*/</script> <script src='https://cdn.sanvedesign.com/blogger/navy-pop.js' type='text/javascript'/>
Conclusion
In this post, I have talked about How to add Force pop up ads widget in blogger . Tell us What You Say About The Post by Making a Comment and if you have any questions Contact Us at the Contact Us page. Hope You Enjoy In Our Website.
Refrence:
https://www.sanvedesign.com/2023/07/how-to-add-force-pop-up-ads-widget-in.html