আজকে আমি আলোচনা করব খুবই উপকারি একটি বিষয় নিয়ে। এটা আশা করি যারা ব্লগিং করেন তাদের অনেক উপকারে আসবে।
আমি নিজেও একজন ছোটখাট ব্লগার আর সে কারণেই এই পোষ্টটার গুরুত্ব সম্পর্কে আমি বুঝতে পারছি। অবশ্য বিষয়টা অনেকেরই জানা থাকতে পারে, তবে আমি লিখছি যারা জানেন না তাদের জন্য।
হ্যা আমি আজকে আপনাদেরকে দেখাব কিভাবে আপনি আপনার ব্লগে/ওয়েবসাইটে অ্যাড ব্লকারকে বন্ধ রাখবেন। আমরা যারা ব্লগিং করি সবারই উদ্দেশ্য থাকে ব্ললগিং করে কিছু বাড়তি টাকা রোজগার করে নিজে স্বাবলম্বী হবার। সে কারণেই আমরা আমাদের ফ্রী সময়টুকু শেষ করি কম্পিউওটারের সামনে।
আর আপনারা সবাই-ই জানেন ব্লগ থেকে টাকা রোজগারের জন্য আমারা বিভিন্ন কোম্পানির অ্যাড আমাদের ব্লগে দেখাই। সেখানথেকেই আসে কিছু বাড়তি টাকা। কিন্তু বর্তমানে আপনার/আমার ব্লগের এই অ্যাড কে ব্লক করবার জন্য বেশ কিছু সফটওয়্যার বা ইন্টারনেট ব্রাওজার এর এড-অন বের হয়েছে। যেগুলো ব্যাবহারের মাধ্যমে ব্যাবহারকারী পাবে মুক্তি ইন্টারনেটের সকল প্রকার (popup,pop under,banner,text etc.) অ্যাড থেকে। আমি নিজেও বিসশ্বাস করি কিছু কিছু অ্যাড সত্যই খুব বিরক্তিকর। কিন্তু যারা শুধুমাত্র কিছু standard অ্যাড ইউজ করেন তাদের জন্য নিশ্চয় অ্যাড ব্লকার সাজে না।
দেখেন আমরা এতঁ কষ্ট করে সময় এবং পরিশ্রম দিয়ে কত অজানা তথ্য জানাই আমাদের ব্লগ/সাইট ইউজারদের। কিন্তু তারা যদি অ্যাড ব্লকার ইউজ করে তাহলে কি হবে বিষয়টা?
বিষয়টা হবে এরকম ইউজার ঠিকই তার প্রয়োজনীয় কন্টেন্ট/তথ্য আপনার ব্লগ থেকে নিয়ে যাবে কিন্তু আপনার আর দুটো পয়সার মুখ দেখা হবে না 
শুধু পরিশ্রমই সাড় হয়ে দাঁড়াবে।
শুধু পরিশ্রমই সাড় হয়ে দাঁড়াবে।
কিন্তু আপনি কি জানেন এই পরিস্থিতি থেকেও বেরহয়ে আসার একটা উপায় আছে আর সেটা হচ্ছে adblock detector । হ্যা এটির মাধমে আপনার সাইটে যখনি কোন ইউজার প্রবেশ করবে যে কিনা অ্যাড ব্লকার ইউজ করছে তাকে আপনার ব্লগ/সাইট অটোভাবে একটা রিকোয়েস্ট করবে অ্যাড ব্লকার বন্ধ করবার অথবা আপনার সাইটটি হোয়াইট লিস্টে রাখবার জন্য।
এক্ষেত্রে সে যতক্ষন না অ্যাড ব্লকার বন্ধ করবে বা আপনার সাইটকে হোয়াইট লিস্টে রাখবে সে আপনার ব্লগের কোন কন্টেট দেখতে পারবে না।
এখানে একটা বিষয় হতে পারে আপনার ব্লগের ভিসিটর আপনার ব্লগ ত্যাগ ও করতে পারে। কিন্তূ হ্যা আপনার ব্লগের কন্টেন্ট যদি সত্যই গুরুত্বপূর্ণ হয় তাহলে চিন্তার কিছু নেই সে অ্যাড ব্লকার বন্ধ করতে বাধ্য।
এখন আমি দেখাব কিভাবে আপনি এই adblock detection plugin টি আপনার blogger ব্লগ এ ব্যাবহার করবেন।
১। প্রথমে আপনার ব্লগার অ্যাকাউন্ট এ লগিন করুন সেখান থেকে Template সিলেক্ট করে Edit HTML এ ক্লিক করুন।
বিদ্রঃ আপনার ব্লগের template এডিট করবার পূর্বে সবসময় একটা ব্যাকাপ কপি নিয়ে রাখুন। কিভাবে এখানে দেখুন।
২। এবার আপনার ব্লগের HTML কোডের ভিতর থেকে Ctrl+F চেপে <body> ট্যাগটি খুজে বের করুন।
৩। এবার বোডি ( <body> ) ট্যাগের ঠিক নিচে নিচের কোডটি সম্পূর্ন কপি করে পেস্ট করুন।
<style>
/*Copyright @BlogspotYard*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
#cc-blockad {display:none;width:100%;height:100%;position:fixed;z-index:999999; background-image: url(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmgks_tTl3MaPpymkVwmR_ATLNrWLYBh_mJRFTDSDqXx4sdmds9nJAna4hurfTPv5cxn-HUusxogk_jEodoMHbz_nfmKmlIiCvqw7KUiUpVY-Q4AD0epIOSHm-FikJmHMiwEhzohhSKoRU/s1600/opacity.png’);}
.blockad-inner {text-align:justify;font-family: ‘Open Sans Condensed’, sans-serif;width:550px;height:auto;background:#fafafa;margin:auto;margin-top:130px;font-size:22px;color:#555;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:2px solid #999;border-bottom:5px solid #999;}
.blockad-inner h3 {font-size:24px;margin:20px;}
.blockad-inner img {position:relative;top:4px;right:10px;}
#adblock-get {text-align:right;height:20px;font-size:8px;color:#777;font-family:Verdana, Geneva, sans-serif;}
#adblock-get a{color:#777;text-decoration:none;margin-right:20px;line-height:20px;}
#adblock-get a:hover{text-decoration:underline;}
.h2-header {border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ccc));background:-moz-linear-gradient(top, #ffffff 5%, #ccc 100%);background:-webkit-linear-gradient(top, #ffffff 5%, #ccc 100%);background:-o-linear-gradient(top, #ffffff 5%, #ccc 100%);background:-ms-linear-gradient(top, #ffffff 5%, #ccc 100%);background:linear-gradient(to bottom, #ffffff 5%, #ccc 100%);border-bottom:1px solid #999;}
.h2-header h2{color:#333;margin:0;padding:10px;text-transform:uppercase;font-size:30px;}
</style>
<!–Adblock detector for blogger by blogspotyard.com–>
<div id=’cc-blockad’>
<div class=’blockad-inner’>
<div class=’h2-header’>
<center><h2><img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8jdFy3nkuRy0GQ6A4x3GZnTjD-OImxPmlTqkT-GATHMX7V4Q6dtdxdzrXI2-8aZUvPLouJQtaIFN2C-5F_8e1rPCjmRis3bpP547M83fqwE22n124eCvglqLTMb4QznfC2x1gNLq5IjFL/s1600/Alert-Icon-.png’/>Adblock is enabled</h2></center>
</div>
<div style=’margin:20px;’>
We have detected that you are using adblock on your web browser. Please disable adblock or simply disable your ad blocker only on ‘BlogspotYard.Com’ and reload this page to hide this.<br/>
Thanks.
</div>
<center><h3>No popup. We promise!</h3></center>
<!–Don’t mess with this–>
<div id=’adblock-get’>
<a href=’http://www.blogspotyard.com/2015/03/adblock-detector-for-blogger-and-wordpress.html’ rel=’dofollow’ target=’_blank’>Install This Detector</a>
</div>
</div><!–2–>
</div><!–1–>
<script type=’text/javascript’>
var adblock = true;
</script>
<script src=’http://codingcrazy.com/demo/adframe.js’ type=’text/javascript’/>
<script type=’text/javascript’>
if(adblock) {
document.getElementById(‘cc-blockad’).style.display=’block';
}
</script>
<!–All ends here–>
৪। এবার জাস্ট Save Template এ ক্লিক করুন। ব্যাস আপনার কাজ শেষ।
এই প্লাগইনটি আপনার wordpress ব্লগের জন্যেও কাজ করবে।
Post a Comment
0 comments
Dear readers, after reading the Content please ask for advice and to provide constructive feedback Please Write Relevant Comment with Polite Language.Your comments inspired me to continue blogging. Your opinion much more valuable to me. Thank you.
Click to see the code!
To insert emoticon you must added at least one space before the code.