এখন Ad Blocker চালু রেখে কেউ আপনার ব্লগ ভিজিট করতে পারবে না!



আপনারা যারা ব্লগে লেখালেখি করেন বা নিজেদের ওয়েবসাইট আছে, তারা নিশ্চয়ই Ad Blocker বা Ads এর সাথে পরিচিত। আমরা অনেকেই নিজেদের ব্লগে বিভিন্ন অ্যাড নেটওয়ার্ক থেকে নিজেদের ব্লগে অ্যাড পাবলিশ করি। ভিজিটররা যখন ব্লগে ঢুকে সেসব অ্যাড দেখে, তখন আমাদের কিছু পরিমাণ টাকা আয় হয়।

তবে বর্তমানে বেশিরভাগ মানুষই ব্রাউজারের Ad Blocker অপশনটি চালু রেখে ইন্টারনেট ব্রাউজ করেন। এতে সুবিধা হলো, বিভিন্ন অদরকারী বা বিরক্তিকর বিজ্ঞাপন থেকে দূরে থাকা যায়। তবে এক্ষেত্রে সমস্যায় পড়ি আপনার আমার মতো ব্লগারেরা। কারণ, অ্যাড ব্লকার ব্যবহারের ফলে আমাদের সাইটের অ্যাডগুলো তারা দেখে না। তাই আমাদের কষ্ট করে লেখা কন্টেন্টগুলোর মূল্যও আমরা পাই না।

তাই বর্তমানে বিভিন্ন ওয়েবসাইটে একটি সিস্টেম ব্যবহার করা হয়, যার মাধ্যমে অ্যাড ব্লকার ব্যবহার করে ঢোকা ভিজিটরদের সামনে একটি পপ আপ বক্স ওপেন হয় এবং অ্যাড ব্লকার বন্ধ না করা পর্যন্ত তারা ওয়েবসাইট সার্ফিং করতে পারে না। এটি একটি কার্যকরী মাধ্যম। আপনারা যারা Ads Blocker ব্যবহার করেন, তারা মাঝেমধ্যেই এমন পপ আপ উইন্ডো দেখে থাকবেন।


ওয়ার্ডপ্রেসে অ্যাড ব্লকার ডিসেবল করার প্লাগিন রয়েছে। কিন্তু ব্লগারের ক্ষেত্রে সেই সুযোগ নেই। তাই আজ আমি দেখাবো কীভাবে ব্লগারে Ads Blocker Disable সিস্টেম চালু করতে হয়। এটি একদম প্রফেশনাল এবং কোনো ওয়াটারমার্ক নেই। তাই আরামসে ব্যবহার করতে পারেন।

 প্রথমে আপনার ব্লগে লগইন করুন।
➤ এবার ড্যাশবোর্ডের ডান পাশে " Themes " এ গিয়ে " Edit HTML " এ ক্লিক করুন।
➤ নিচের কোডটি কপি করে <head> ট্যাগের নিচে পেস্ট করে দিন।

<style type='text/css'>
/* Animation */
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
/* Say Hi to Adblock */
#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#arlinablock .header{margin:0 0 15px 0}
#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}
#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}
#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#arlinablock .fixblock div{display:none}
#arlinablock .fixblock div.active{display:block}
#arlinablock ol{margin-left:20px}
@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}
</style>

➤ এবার নিচের কোডটি কপি করুন। স্ক্রল করে একদম নিচে গিয়ে </body> ট্যাগের উপরে কোডগুলো পেস্ট করে দিন। এবং Theme টি সেইভ করুন।

<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.rawgit.com/Arlina-Design/quasar/23207858/arlinablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

আপনার কাজ শেষ। এখন কেউ অ্যাডব্লকার অন করে সাইটে ভিজিট করলে ডিসেবল অ্যাড ব্লকার নোটিফিকেশন দেখাবে। চাইলে আপনিও আপনার সাইটে ঢুকে দেখুন এটি ঠিকমতো কাজ করছে কী না।

Post a Comment

0 Comments