How to Add Adsense Responsive Sticky Ad in Footer, Left and Right on Blogger

How to Add Adsense  Responsive Sticky Ad in Footer, Left and Right on Blogger

Blogger Site Me Responsive Sticky Ad Kaise Lagaye?
Blogger Site Me Responsive Sticky Ad Kaise Lagaye?


Blogger Site Me Responsive Sticky Ad Kaise Lagaye?

Hello Friends! स्वागत है akHelpPoint.in ब्लॉग में । दोस्तों अगर आप एक ब्लॉगर हैं और अपने ब्लॉग में Adsense या किसी अन्य Ad Network का Ad लगा के रखा है तो आप जरूर चाहेंगे की आपकी Earning Increase हो। इस पोस्ट में आपलोग को अपनी ब्लॉग से Earning बढ़ाने का एक और तरीका है जो है अपने ब्लॉग में Sticky Ad लगाना। तो आज इस पोस्ट में जानेंगे की Sticky Ad क्या होता है? अपने Blog में Sticky Ad लगाने से क्या फायदा है? और आप अपने Blog में Sticky Ad को कैसे Add कर सकतें हैं? तो चलिए शुरू करते हैं।


Sticky Ad क्या होता है? और इससे क्या फायदा है?

दोस्तों Sticky Ad आपके मोबाइल या कंप्यूटर में खोले गए किसी Website के Header या Footer या Left, Right में Show होता है, Sticky Ad Open हुए Web Page को Scroll करने पर भी Show होता है जिससे Visiters को Sticky ad पर ज्यादा ध्यान पड़ता है और ad पर Click  होने की Chances बढ़ जाती है और इससे आपका Earning भी बढ़ जाएगी। Sticky ad तभी हटता है जब इसके Close वाले छोटे Icon पर click किया जाता है।  अब आपलोग समझ गए होंगे की Sticky Ad क्या होता है ? और Sticky ad लगाने से क्या फायदा है? अब चलिए जानते हैं Blogger site में Sticky ad कैसे लगाते हैं।



Blogger के Left, Right में Sticky Ad लगाने से क्या फायदा हैं?

बहुत सारे Blog  और Website में आप देखें होंगे की उसके left Side और Right Side में Ad show जो Scrolling के बाद भी दिखता है , ये ad ज्यादा आपको बड़े बड़े blog या Website पर देखने को मिलता है जैसे News Site. अगर आपके Blogger Template के साइड में Space रहता है तो आप अपने blogger Site के Left, Right में Sticky Ad लगा सकते हैं इससे आपकी template अच्छी दिखेगी और आपकी Earning भी Increase होगी।


Blogger के Left, Right Side में Sticky Ad कैसे लगाएँ?

अगर आप अपने ब्लॉगर ब्लॉग के Left और Right Side मे Sticky Ad को लगाना चाहते हैं तो नीचे बताए गए Step को Follow कीजिये । 

Step.1

  • Blogger.Com मे Login कीजिये। 
  • Theme पर Click करके Edit Html को Open करे। 
  • अब नीचे दिये गए CSS Code को Copy करके </Head> को ढूँढ कर इसके पहले Paste कर करके Save दें ।


<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> 

Step.2


अब नीचे दिये गए Code Copy कीजये और Layout मे जाकर कहीं भी Add a Gadget पर Click करके HTML/JavaScrip पर Click करके Code Box मे Paste करना है।


<!-- www.akhelppoint.in -->
<div class="fixed-leftSd">
<div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
<b>Close</b>
</div>
<----Enter Ads Code----> Display Ads Responsive Verticle
</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;">
<b>Close</b>
</div>
<----Enter Ads Code----> Display Ads Responsive Verticle
</div> 

<-------- Enter Ads Code -------> Display Ads Responsive Verticle दोनों को Remove करके आपको यहा पर अपने Adsense का Display Ads Responsive Verticle Ad के Code को Copy करके Paste कर देना है और Save कर देना है 



अब आप अपने साइट को Open कर के देख सकते हैं आपके Blog के Left और Right Side में Sticky Ad Show होने लगेगा । 




यह भी पढ़िये :



Blogger के Footer में Sticky Responsive Ad कैसे लगातें हैं?


दोस्तों Blogger के साइट के Footer में Sticky Ad को लगाना बहुत ही आसान है बस आपको नीचे दिये गए कुछ Steps को Follow करना है । अगर आपको और अच्छी तरह से समझना है तो आप नीचे दिये गए विडियो को देख सकते हैं । 

Step.1


  • Blogger.Com मे Login कीजिये। 
  • Theme पर Click करके Edit Html को Open करे। 
  • अब नीचे दिये गए CSS Code को Copy करके </Head> को ढूँढ कर इसके पहले Paste कर करके Save दें ।



<!-- Footer Sticky Ad by akHelpPoint.in -->
<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>

Step.2

अब नीचे दिये गए Code को Edit Html मे </body> के पहले Paste कीजिये

<div class='AT-ads jhfdiuh0' id='AT-ads'>
<div class='AT-ads-close' onclick='document.getElementById(&quot;AT-ads&quot;).style.display=&quot;none&quot;'><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>
  

 अब ऊपर  Code मे जो ca-pub-xxxxxxxxxxx और xxxxxxxxxxx को Color किया गया है वहाँ पर अपने Adsense Account के किसी Display ads के Number  से Replace कर दीजिये । उसके बाद Save कर दीजिये। 

अब अपना Blogger Site को Reload या Open कर के देखिये । 
आपके Blogger Site में Responsive Sticky Ads Footer मे Show होने लगेगा । 

अधिक जानकारी के लिए आप इस विडियो को देख सकते हैं और Blog से जुड़ी जानकारी पाने के लिए हमारे Channel को Subscribe भी करे सकते हैं । 

How to add Responsive Sticky Ad in Botton/Footer on Blogger





यह भी पढ़िये :


Conclusion :

इस पोस्ट मे आपने जाना की आप अपने Blogger में Responsive Sticy Ad Left and Right Side मे कैसे लगा सकते हैं और Blogger में Responsive Sticy Ad Footer मे कैसे लगा सकते हैं अगर अभी भी आपको अपने Blogger Site में Sticky Ad Add करने मे परेशानी का सामना करना पद रह हो तो आप विडियो को देख लीजिये या फिर नीचे comment box मे comment कीजिये आपके कमेंट का जल्द से जल्द Reply करने की कोशिश करूंगा । और अगर आपको ये पोस्ट अछि लगी तो Share जरूर कीजिएगा । Thank You.