How to Add Floating Ads in Blogger Sidebar

Photo of author
Rohit Baidya

नमस्कार दोस्तो! स्वागत है आपका Techly360 ब्लॉग में।तो आज के इस आर्टिकल में हम बात करने वाले है How to Add Floating Ads in Blogger Sidebar के बारे में। and ये क्या है & इन्हें हम कैसे Use कर सकते है। तो इन सभी बातों को हम इस Article में जानेंगे। तो बने रहिये इस Article में और जानिए पूरे Details में।

What is Floating Ads?

So दोस्तों अगर आप एक ब्लॉगर है तो आप Ads के बारे में भली भांति जानते होंगे| चाहे वो ➤ Adsense Ads हो या किसी और Platform लो Ads हो| तो आपने अगर अपना ब्लॉग बनाके अपने ब्लॉग में Ads लगाये है तो मैं आपको बता दूँ की Ads हम ब्लॉगर के लेआउट में जाकर लगते है|

लेकिन कई बार आपने कैसे दुसरे साईट में देखा होगा की Ads Float होती है यानि डिस्प्ले पर तैरती रहती है| जबकि पूरा पेज स्क्रॉल भी होता है| इसी तैरते हुए ads को हम Floating Ads के नाम से जानते है|

Floating Ads in Blogger Sidebar

तो मैं आपको बताऊँ की ये Floating Ads कई प्रकार के होते है| जैसे की कुछ Floating Ads निचे की और होते है| लेकिन जो Floating Ads डिस्प्ले के दोनों साइड में Float होते है| उसे हम Floating Ads in Blogger Sidebar के नाम से भी जानते है|

➤ Meta Tag Generator Tool For Blogger

➤ Free Privacy Policy Generator Tool For Adsense

How to Add Floating Ads in Blogger Sidebar

So दोस्तों अभी हम जानेंगे की कैसे हम अपने Blogger Blog के Sidebar में Floating Ads Implimentetion कर सकते है| तो निचे मैंने सभी Steps विस्तारपूर्वक बताये है| ध्यान से पढ़े और अप्लाई करे|

Step 1 – सबसे पहले अपको Blogger के डैशबोर्ड में लॉग इन करना है|

Step 2 – अब आपको निचे Box में HTML Code मिलेगा इसे कॉपी कर ले|

<style scoped='' type='text/css'>
.fixed-leftSd,.fixed-rightSd{position:fixed;top:60px;width:160px;height:600px;z-index:9999;transform:translateZ(0)}
.fixed-leftSd{left:0}
.fixed-rightSd{right:0}
.close-fixedSd{position:absolute;width:160px;height:15px;line-height:15px;font-size:11px;font-weight:400;top:-15px;left:0;text-align:center;background:#e0e0e0;color:#666;padding:5px 0;cursor:pointer}
@media screen and (max-width:800px){.fixed-leftSd,.fixed-rightSd{display:none;visibility:hidden;}}
</style>
<div class="fixed-leftSd">
<div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
CLOSE ADS
</div>
----Enter Ads Code----
</div>
<div class="fixed-rightSd">
<div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
CLOSE ADS
</div>
----Enter Ads Code----
</div>

Step 3 – अब कॉपी किये गये कोड में आपको Enter Ad Code के जगह अपना Ad Code पेस्ट करना है|

Step 4 – Go to Dashboard➤Layout➤Add a Gadget➤HTML/JavaScript

Step 5 – अब आपको अपने कॉपी किये गये कोड को HTML/JavaScript में पेस्ट करके सेव कर दे|

अब आपका Floating Ads आपके Blogger Blog के Sidebar में सफलतापूर्वक Save हो चुका है|

निष्कर्ष – आपको यह Add Floating Ads in Blogger Sidebar का आर्टिकल कैसा लगा।आप नीचे कमेंट बॉक्स में कमेंट करके जरूर बताएं।या किसी प्रकार का Suggestion देना भी चाहते है तो आप नीचे Comment Box में अपनी राय हमारे साथ Share कर सकते है।

Comments are closed.