How To Add Floating Ad Box In Blogger || TBB2B

TBB2B       Blogger Theme    3 comments   

नमस्कार दोस्तो ! स्वागत है आपका TBB2B ब्लॉग में।तो आज हमने इस TBB2B Blog में एक नया कैटेगरी बनाया है जिसका नाम है Widgets जी हाँ आपने एकदम सही सुना।मैं आपको बता दूँ की आपको तो ऐसे इस ब्लॉग में ब्लॉगिंग से संबंधित अर्टिकल्स और साथ ही अपडेट और ट्रिक्स की भी अर्टिकल्स मिल जाते है।तो इस Widgets वाले कैटेगरी में मैं ब्लॉगर से संबंधित Widgets के बारे में बताऊंगा।तो आज के इस ब्लॉग पोस्ट में हम बात करने वाले है Floating Ad Box Widget In Blogger के बारे में।की यह Widget क्या है।इसके क्या लाभ है।क्या हमें इसे अपने ब्लॉग में इस्तेमाल करना चाहिए।और कैसे हम इसे अपने ब्लॉगर के ब्लॉग में इम्प्लीमेंट कर सकते है।तो बने रहिये इस आर्टिकल में ओर जानिए इस Blogger Widget के बारे में हिंदी में विस्तार पूर्वक से।तो चलिए जानते है।

● Floating Ad Box Widget क्या है !

अगर आप ब्लॉगिंग करते है।और आपका ब्लॉग ब्लॉगर पर होस्ट है।और साथ ही आपका ब्लॉग मोनेटाइज है एडसेंस से।तो यह आर्टिकल आपके लिए है।आपके ब्लॉग में तो एडसेंस के Ad Header में साइडबार में और फुटर में लगे है।पर अभी हम Floating Ad Widget के बारे में बात करने वाले है।यह Widget जब आपका पेज लोड होता है तो डिस्प्ले के निचले भाग में एक बॉक्स में Ad शो हित है।और वहाँ पर एक Close का बटन होता है।अगर आप इस Close पर क्लिक करते है तो यह Ad Box हट जाएगा।इस Floating Ad Widget से High CPC और क्लिक के चांसेज बढ़ जाते है।जिससे कि आपकी रेवेन्यु में बढ़ोतरी होगी।तो अभी हम नीचे इस Widget को कैसे इम्प्लीमेंट करेंगे अपने ब्लॉग में इसके बारे में जानेंगे।

◆ Floating Ad Box Widget Implement Process

Step 1-सबसे पहले आपको अपने ब्लॉगर के डैशबोर्ड में लॉगिन कर लेना है।

Step 2-अब आपको नीचे में एक HTML Code मिलेगा।इस कोड को कॉपी कर लेना है।

  Download this code click me >>  

<script type='text/javascript'>

$(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').hide(90);});});

</script>

<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>

<div>

<a id='close-fixedban' onclick='document.getElementById("fixedban").style.display = "none";' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_xuT7mNLdntGr19GbPcBYfNPBiq4-b-plK4nfHxuNpiUlT-ozILyu5G8dLH3uSNSW__lAy_df2SbmQ5OjEMCGiWsxf_jZyLPKnmcC8d8WsyaJ5MVEujttsmEaFzXyi2biTBQI_E51bcCq/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>

<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>

Paste your AdSense AD Code here

</div>

</div>

Step 3-अब आपको ब्लॉगर के डैशबोर्ड में जाकर थीम वाले ऑप्शन पर क्लिक करके Edit HTML क्लिक करना है।

Step 4-अब आपको इस HTML में </body> Tag सर्च करना है।

Step 5-अब आपको कॉपी किये गए कोड में Paste Your Adsense Code Here के जगह आपको एडसेंस का Ad Code को यहाँ पेस्ट करना है।

Also Read- Add Syntax Highlighter in Blogger

Step 6-अब आपको इस इस Adsense Code के साथ कोड को </body> Tag के ऊपर पेस्ट कर देना है।और सेव करना है।अब आप अपने ब्लॉग को ओपन करिए और डिस्प्ले के नीचे एक Ad बॉक्स देखने को मिलेगा।