ব্লগস্পট ব্লগে Google AdSense বিজ্ঞাপনের Popup Box যুক্ত করুন

ব্লগস্পট ব্লগে Google AdSense বিজ্ঞাপনের Popup Box যুক্ত করুন

3:24 PM , ,

হ্যালো বন্ধুরা, সবাই কেমন আছ। আসলে পরীক্ষার জন্য অনেক দিন যাবৎ ব্লগে লিখা হয়নি। হয়ত আরও কিছু দিন আমাকে ব্লগে লেখা-লেখি থেকে বিরত থাকতে হবে। পরীক্ষা শেষ হওয়ার পর নিয়মিতভাবে ব্লগে লিখব।

আজ আমি আরেকটি গুরত্বপূর্ণ ব্লগার Widget আপনাদের সাথে শেয়ার করব। যারা ব্লগে Google AdSense সহ বিভিন্ন ধরনের বিজ্ঞাপন ব্যবহার করেন, তারা এই Popup Box টি ব্যবহার করে অনেক লাভবান হতে পারবেন। কারণ কেউ যখন আপনার ব্লগে ভিজিট করবে তখন এই Popup Box টি ব্লগের মধ্যখানে শো করবে, যা সবার দৃষ্টিগোচর হবে। ফলে দেখা যাবে আপনার ব্লগে বিজ্ঞাপন ক্লিক বেড়ে যাবে। আর আপনি নিশ্চয় জানেন যে, বিজ্ঞাপন ক্লিক বেড়ে যাওয়া মানেই হচ্ছে আপনার ব্লগের আয় বাড়া।
ইতিপূর্বে আমরা আপনাদের সাথে Scrolling Facebook Popup Like Box Widget সংক্রান্ত একটি পোষ্ট শেয়ার করেছিলাম। ইচ্ছে করলে আপনি ঐ উইজেটটি দেখে আসতে পারেন।

অনলাইনে টাকা উপার্জনের যত উপায় আছে তার মধ্যে Google Adsense হচ্ছে সবচেয়ে জনপ্রিয়। Google Adsense হতে নিঃসন্দেহে দীর্ঘ দিন যাবৎ অনলাইন হতে ভালমানের টাকা উপার্জন করতে পারবেন। শুধুমাত্র আপনার ইচ্ছা এবং কিছু পরিশ্রম থাকতে হবে। আসলে আমাদের আজকের বিষয় Google Adsense হতে টাকা আয় করা নিয়ে নয়। আমি আজ দেখাবে কিভাবে ব্লগে Google AdSense বিজ্ঞাপনের Popup Box যুক্ত করবেন। এটি Widget ফরমেটে হওয়া ব্লগে যুক্ত করার জন্য কোন প্রকার বাড়তি ঝামেলা পোহাতে হবে না। নিচের ছোট ট্রিকসটি ফলো করলেই এটি আপনার ব্লগে খুব সহজে যুক্ত হয়ে যাবে। লাইভ ডেমো দেখুন -  Live Demo

 কিভাবে যুক্ত করবেনঃ

  • প্রথমে আপনার ব্লগে লগইন করুন।
  • ব্লগার ড্যাশবোর্ড হতে Layout এ ক্লিক করুন।
  • এখন ডান পাশের লেআউট হতে Add Gadget এ ক্লিক করুন। নিচের চিত্রে দেখুন -
ব্লগস্পট ব্লগে Google AdSense বিজ্ঞাপনের Popup Box যুক্ত করুন
  • তারপর HTML/JavaScript এ ক্লিক করুন।
  • এবার নিচের কোডগুলি কপি করে HTML/JavaScript এর ঘরে পেষ্ট করুন।
<style type="text/css">
#ad-popup {background:#000; color:#000; border:0px solid #000; position:fixed; top:40%; left:40%;width:300px; height:250px; z-index:50000}
#ad-popup a {background:#cdcccc; color:#00a6bf; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none; top:0px; float:right; position:absolute; z-index:1000; padding :0px 10px}
#ad-popup a:hover {background:#565555; color:#fff}
</style>

<div id="pro-adsense">
<div id="ad-popup">
<a href="javascript:;" onclick="document.getElementById('ad-popup').style.display='none'">X</a>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="xxxxxxxxxxxxxxxxxxxx" data-ad-slot="xxxxxxxxxx" data-language="en-us"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
</div>
  • সবশেষে Gadget টি Save করুন। That's all. 

 পরিবর্তনঃ

  • উপরের লাল চিহ্নিত xxxxxxxxxxxxx এর জায়গায় আপনার AdSense বিজ্ঞাপনের কোড বসাতে হবে।
  • বিজ্ঞাপনের চার পাশে Border দিতে চাইলে উপরের নীল কালারের border:0px solid #000এর জায়গায় border:1px solid #000 দেন।
  • পিংক কালারের Width ও Height এর সাথে মিল রেখে আপনার AdSense বিজ্ঞাপন কোড নেবেন।
সতর্কতাঃ যেহেতু Google AdSense বিজ্ঞাপনের Popup Box ব্যবহার করা AdSense Policy এর পরিপন্থি সেহেতু এর ফলে আপনার ব্লগের কোন ক্ষতি হলে সে দায়িত্ব আপনার নিজেরই। তবে বর্তমান সময়ে অনেক ভালমানের ব্লগ/ওয়েবসাইটে এ ধরনের AdSense Popup Box ব্যবহার করতে দেখা যাচ্ছে। তবে এ ধরনের AdSense Popup Box ব্যবহারের ফলে আপনার ব্লগের আয় বাড়বে এটা নিশ্চিত করে বলা যায়।