ব্লগারে পপআপ ডাউনলোড টাইমার | Blogger Pop-up Download Timer HTML Code

ব্লগারে পপআপ ডাউনলোড টাইমার বোতাম যুক্ত করার নিয়ম | Countdown Timer for Blogger

আজকের আর্টিকেলে আমি দেখাব কীভাবে আপনি আপনার ব্লগার ওয়েবসাইটে একটি চমৎকার কাউন্টডাউন টাইমার সহ পপআপ ডাউনলোড বোতাম যুক্ত করতে পারেন। এই ফিচারটি আপনার সাইটের বাউন্স রেট কমাতে এবং ভিজিটরদের বেশি সময় সাইটে ধরে রাখতে সাহায্য করবে, যা এসইও (SEO) এবং অ্যাডসেন্স ইনকামের জন্য খুবই কার্যকর।

পপআপ ডাউনলোড টাইমারের সুবিধা:

• ভিজিটর যখন ডাউনলোড বোতামে ক্লিক করবে, তখন একটি পপআপ উইন্ডো ওপেন হবে।
• সেখানে ২০ সেকেন্ডের একটি কাউন্টডাউন টাইমার চলবে।
• আপনি পপআপের ভেতরে অ্যাডসেন্স বিজ্ঞাপন দেখাতে পারবেন, যা আপনার ক্লিক রেট (CTR) বাড়াবে।

কিভাবে সেটআপ করবেন (ধাপসমূহ):

ধাপ ১: পোস্টের ভেতরে HTML কোড বসানো
আপনার ব্লগার ড্যাশবোর্ড থেকে যেকোনো পোস্ট ওপেন করুন এবং HTML View-তে গিয়ে নিচের কোডটি যেখানে ডাউনলোড বোতাম দেখাতে চান সেখানে পেস্ট করুন। অবশ্যই আপনার অ্যাডসেন্স আইডি এবং অ্যাড স্লট কোডটি পরিবর্তন করে নেবেন।

<p style="text-align: center;"><a class="button" href="#PopupDownload" id="get-download"><i class='icon download'></i>Download Now</a></p>

<div data-ml-modal="" id="PopupDownload">
    <div class="Popup_container"></div>
    <div class="modal-dialog">
        <div class="Popup_content center">
          <div class="adpop-top">
            <h2 style="margin: 0px;">Your File is Ready</h2>
            <div class="ad-pop__close" onclick="document.getElementById('PopupDownload').style.display='none'"><svg style="height: 25px; width: 25px; fill: black;" viewBox="0 0 512 512"><path d="M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z"></path></svg></div>
          </div>
          <br />
          <div style="width: 100%; max-width: 600px;">
            <!-- এখানে আপনার অ্যাডসেন্স কোড বসান -->
            <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-xxxxxxxxxxxx" data-ad-slot="xxxxxxxxxxx" data-ad-format="auto" data-full-width-responsive="true"></ins>
            <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
          </div>
          <br />
          <a class="button" href="আপনার_ডাউনলোড_লিঙ্ক" id="Popup_Download_btn"><i class="icon download"></i>Download File</a>
        </div>
    </div>
</div>

ধাপ ২: CSS এবং Javascript কোড যোগ করা
এবার আপনার থিমের Edit HTML অপশনে যান এবং </body> ট্যাগের ঠিক উপরে নিচের কোডগুলো পেস্ট করে দিন।

পরামর্শ: এই কোডটি শুধুমাত্র পোস্ট পেজে কাজ করবে। আপনি যদি পেজগুলোতেও এটি ব্যবহার করতে চান, তবে কোড থেকে <b:if cond='data:view.isPost'> অংশটি সরিয়ে দিতে পারেন।

সফলভাবে কাজ শেষ!

কোডগুলো সেভ করার পর আপনার পপআপ টাইমারটি লাইভ হয়ে যাবে। এটি দেখতে যেমন প্রফেশনাল, তেমনি ইউজারদের জন্য বিরক্তির কারণ হবে না।

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