লেখক: 
হ্যালো বন্ধুরা, সবাই কেমন আছ। আসলে পরীক্ষার জন্য অনেক দিন যাবৎ ব্লগে লিখা হয়নি। হয়ত আরও কিছু দিন আমাকে ব্লগে লেখা-লেখি থেকে বিরত থাকতে হবে। পরীক্ষা শেষ হওয়ার পর নিয়মিতভাবে ব্লগে লিখব।
আজ আমি আরেকটি গুরত্বপূর্ণ ব্লগার Widget আপনাদের সাথে শেয়ার করব। যারা ব্লগে Google AdSense সহ বিভিন্ন ধরনের বিজ্ঞাপন ব্যবহার করেন, তারা এই Popup Box টি ব্যবহার করে অনেক লাভবান হতে পারবেন। কারণ কেউ যখন আপনার ব্লগে ভিজিট করবে তখন এই Popup Box টি ব্লগের মধ্যখানে শো করবে, যা সবার দৃষ্টিগোচর হবে। ফলে দেখা যাবে আপনার ব্লগে বিজ্ঞাপন ক্লিক বেড়ে যাবে। আর আপনি নিশ্চয় জানেন যে, বিজ্ঞাপন ক্লিক বেড়ে যাওয়া মানেই হচ্ছে আপনার ব্লগের আয় বাড়া।
অনলাইনে টাকা উপার্জনের যত উপায় আছে তার মধ্যে Google Adsense হচ্ছে সবচেয়ে জনপ্রিয়। Google Adsense হতে নিঃসন্দেহে দীর্ঘ দিন যাবৎ অনলাইন হতে ভালমানের টাকা উপার্জন করতে পারবেন। শুধুমাত্র আপনার ইচ্ছা এবং কিছু পরিশ্রম থাকতে হবে। আসলে আমাদের আজকের বিষয় Google Adsense হতে টাকা আয় করা নিয়ে নয়। আমি আজ দেখাবে কিভাবে ব্লগে Google AdSense বিজ্ঞাপনের Popup Box যুক্ত করবেন। এটি Widget ফরমেটে হওয়া ব্লগে যুক্ত করার জন্য কোন প্রকার বাড়তি ঝামেলা পোহাতে হবে না। নিচের ছোট ট্রিকসটি ফলো করলেই এটি আপনার ব্লগে খুব সহজে যুক্ত হয়ে যাবে। লাইভ ডেমো দেখুন - Live Demo
কিভাবে যুক্ত করবেন?
- প্রথমে আপনার ব্লগে লগইন করুন।
- ব্লগার ড্যাশবোর্ড হতে Layout এ ক্লিক করুন।
- এখন ডান পাশের লেআউট হতে Add Gadget এ ক্লিক করুন। নিচের চিত্রে দেখুন -
- তারপর 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 বিজ্ঞাপন কোড নেবেন।
