Responsive Footer Sticky গুগল অ্যাড কোড | How To Add Responsive Footer Sticky Ads in Your Website

ব্লগারে রেসপনসিভ ফুটার স্টিকি অ্যাডস (Sticky Ads) যুক্ত করার নিয়ম

আসসালামু ওয়ালাইকুম প্রিয়জনেরা! আজ আমি আপনাদের সাথে শেয়ার করবো কীভাবে আপনার সাইটে Responsive Footer Sticky কোড ব্যবহার করে গুগল অ্যাডস শো করাবেন। এই কোডটি ব্যবহার করলে আপনার সাইটের নিচে একটি স্থায়ী বিজ্ঞাপনের বক্স দেখা যাবে যা ভিজিটর চাইলে ক্লোজও করতে পারবে।

Footer Sticky Ads কোডটির বৈশিষ্ট্যসমূহ:

• ✅ রেসপনসিভ: মোবাইল, ট্যাবলেট ও ডেক্সটপ সব ডিভাইসেই সুন্দরভাবে দেখাবে।
• ✅ অ্যাডসেন্স সেফ: এটি ১০০% অ্যাডসেন্স ফ্রেন্ডলি এবং পলিসি মেনে তৈরি।
• ✅ ক্লোজ বাটন: ভিজিটর চাইলে সহজেই বিজ্ঞাপনটি বন্ধ করে দিতে পারবে।
• ✅ সব প্ল্যাটফর্মে কার্যকর: এটি ব্লগার, ওয়ার্ডপ্রেস বা যেকোনো পিএইচপি সাইটে ব্যবহার করা সম্ভব।

কিভাবে সেটাআপ করবেন (Setup Instruction)

এই কোডটি কার্যকর করার জন্য নিচের ধাপগুলো অনুসরণ করুন:

1. প্রথমে আপনার ব্লগার ড্যাশবোর্ডের Layout অপশনে যান।
2. একটি HTML/JavaScript গ্যাজেট নিন।
3. নিচের কোডটি কপি করে সেখানে পেস্ট করুন।
4. কোডের ভেতরে থাকা <!-- Ads Code Goes to here --> লেখার জায়গায় আপনার অ্যাডসেন্স কোডটি বসিয়ে দিন।

প্রয়োজনীয় HTML ও Javascript কোড:

<!-- Footer Sticky Ads By TechSohag -->
<script type='text/javascript'>
$(document).ready(function() {
  $('img#closed').click(function(){
    $('#fixedbox').hide(90);
  });
});
</script>

<div id='fixedbox' style='width:100%;margin:0;text-align:center;position:fixed;bottom:0;z-index:999;left:0;right:0;-webkit-transform:translateZ(0);'>
    <div>
        <a id='close-fixedbox' onclick='document.getElementById("fixedbox").style.display = "none";' style='cursor:pointer;'>
            <img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPiETq3aEWxXq9IUcZj0IcRQYr-aEljnwAAzB-uo3tqHaoaGVGwetq-Bn5Vvka2sk_R_tfGmZDFGCcf1QluKYH6oz7ZFO-p_RksZ-naxsrh9cqM5h75yShogcQfFT4FS9aoLBqtvpPNxAH/s1600/btn_close.gif' style='vertical-align:middle;' title='close button'/>
        </a>
    </div>
    <div style='text-align:center;display:block;max-width:100%;height:auto;overflow:hidden;margin:0;background:white;box-shadow: 0 -2px 5px rgba(0,0,0,0.1);'>
        
        <!-- আপনার অ্যাড কোডটি এখানে বসান -->
        <!-- Ads Code Goes to here -->
        
    </div>
</div>

সতর্কতা: আপনার থিমে যদি jQuery ইনস্টল করা না থাকে, তবে ক্লোজ বাটনটি কাজ নাও করতে পারে। তাই নিশ্চিত করুন আপনার থিমে jQuery লাইব্রেরি যুক্ত আছে।

আরও পড়ুন:

👉 বেসিক এইচটিএমএল (HTML) সম্পর্কে বিস্তারিত ধারণা

প্রযুক্তি ও ব্লগিং সংক্রান্ত নিয়মিত আপডেট পেতে ভিজিট করুন আমাদের ওয়েবসাইট TechSohag.Com। আপনার কোনো প্রশ্ন থাকলে কমেন্টে জানাতে পারেন। ধন্যবাদ!