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?

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

<!-- 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 कर देना है 

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

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

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