How To Add Responsive Bottom Floating Sticky Ads In Blogger In Hindi

How To Add Responsive Sticky Bottom Floating Ads In Blogger Blog In Hindi

क्या आप अपने Blog की Earning बढ़ाना चाहते हैं ? यदि हाँ तो इस Post को अंत तक जरूर पढ़ें । आज इस Post में हम जानेंगे कि How To Add Bottom Floating Ads In Blogger Footer. आपको अपने Blog की Earning बढ़ाने के लिए Footer में Responsive Sticky Bottom Floating Ads जरूर लगाना चाहिए । 

तो आज मैं आपको इस Post में आपको बताऊँगा कि आप Blogger Blog में Wordpress जैसे Bottom Floating Ads कैसे लगा सकते हैं How To Add Bottom Floating Sticky Ads In Blogger Footer

Sticky Ads क्या होते हैं ?

दोस्तों Sticky Ads Post के Header व Footer में या Right व Left Side में Show होने वाले Ads होते हैं । ये Ads आसानी से Visitor को दिख जाते हैं और Ads पर Click होने के Chances बढ़ जाते हैं इसलिए Adsense Earning को बढ़ाने के लिए सबसे पहले आपको अपने Blog में Sticky Ads जरूर Add करना चाहिए ।

Sticky Ads पर Click आने के Chances तब और भी ज्यादा हो जाते हैं जब आपकी Website पर Traffic अधिक मात्रा में आता हो । 

• Blog पर Traffic कैसे बढ़ाएं ? 20 नए तरीके

चलिये अब जानते हैं How To Add Responsive Sticky Bottom Floating Ads in Blogger in Hindi

How To Add Responsive Sticky Bottom Floating Ads In Blogger

Bottom Floating Sticky Ads लगाने के लिए आपको अपने Blog में कुछ Codes Add करने हैं जो बहुत ही Simple है तो चलिए Steps देखिए 

Step 1. सबसे पहले नीचे दिए Codes Copy करें ।

<!-- Footer Sticky Ad by Hindicraze.com -->
<style>.AT-ads{position:fixed;bottom:0;left:0;width:100%;min-height:70px;max-height:200px;padding:5px 0;box-shadow:0 -6px 18px 0 rgba(9,32,76,.1);-webkit-transition:all .1s ease-in;transition:all .1s ease-in;display:flex;align-items:center;justify-content:center;background-color:#fefefe;z-index:20}
.AT-ads-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:12px 0 0;position:absolute;right:0;top:-30px;background-color:#fefefe;box-shadow:0 -6px 18px 0 rgba(9,32,76,.08)}
.AT-ads .AT-ads-close svg{width:22px;height:22px;fill:#000}
.AT-ads .AT-ads-content{overflow:hidden;display:block;position:relative;height:70px;width:100%;margin-right:10px;margin-left:10px}
</style>{codeBox}

Step 2. अब अपने Blogger Dashboard में जाएं और Theme>Edit HTML पर Click करें और Ctrl+F दबाकर </head> Search करें और इसके Just ऊपर Copy किये गए CSS Codes Paste कर दें ।

Step 3. अब फिर से नीचे दिए Codes Copy करें और Edit HTML में जाकर </body> के Just ऊपर Paste कर दें ।

<!-- Footer Sticky Ads by Hindicraze.com --> <div class='AT-ads jhfdiuh0' id='AT-ads'> <div class='AT-ads-close' onclick='document.getElementById("AT-ads").style.display="none"'><svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div> <div class='AT-ads-content'> <ins class="adsbygoogle" style="display:inline-block;height:70px;width:100%;line-height:70px;" data-ad-client="ca-pub-xxxxxxxxxxx" data-ad-slot="xxxxxxxxxxx"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div>

अब ऊपर दिए CSS Codes में Ca Pub: xxxxx व xxxxx की जगह आपके Adsense Account के Display Ad के Number Paste कर दीजिए और Save कर दें ।

तो दोस्तों अब अपने Blog को Open करके देखें आपके ब्लॉग में Sticky Ad Show होने लगेगा ।

Conclusion

मैं उम्मीद करता हूँ कि आपने अपने Blog में Sticky Ads लगा लिए होंगे । आपको हमारी ये Post How To Add Bottom Floating Ads In Blogger Footer. 

अगर Footer में Codes Add करने में  आपको किसी तरह की परेशानी आती है तो नीचे Comment करके जरूर बताये ।