ব্লগার ওয়েবসাইটে কিভাবে পুুপাপ ডাউনলোড টাইমিং কাউন্টার যুক্ত করবেন | How to Set Popup Download timer Button in Blogger Post

ব্লগার ওয়েবসাইটে কিভাবে পুুপাপ ডাউনলোড টাইমিং কাউন্টার যুক্ত করবেন | How to Set Popup Download timer Button in Blogger Post

ব্লগার ওয়েবসাইটে পূপ-আপ ডাউনলোড টাইমার বাটন যুক্ত করার জন্য আপনাদেরকে যে সমস্ত কাজগুলি করতে হবে সেগুলি নিয়েই আজকের এই আর্টিকেলে আপনাদের সঙ্গে আলোচনা করব আপনারা যদি একজন ব্লগার হয়ে থাকেন তবে আপনার গুগল এডসেন্স থেকে উপার্জন ক্ষমতা বাড়ানোর জন্য এই পদ্ধতিটি অবলম্বন করতে পারেন। 

 

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

 

How to Set Popup Download Button In Blogger Post | ব্লগার পোস্ট এর ভেতর কূপ আপ ডাউনলোড বাটন যুক্ত করুন

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

এর জন্য আপনি প্রথমে চলে যাবেন আপনার ব্লগার ওয়েবসাইটে ড্যাশবোর্ডে সেখানে গিয়ে আপনারা থিমস অপশনটি দেখতে পারবেন। এখানে ক্লিক করলে আপনাদের সামনে কাস্টমাইজেশন একটি অপশন থাকবে সেখানে ক্লিক করতে পারে এডিট html দেখতে পারবেন সেখানে ক্লিক করলে সমস্ত কোড আপনার সামনে চলে আসবে। এবার আপনি একদম নিচের দিকে আসবেন </body> এর ঠিক উপরের অংশে নিচে দেওয়া কোডটিকে বসিয়ে দেবেন এবং থিমটিকে সেভ করে দেবেন । 

<b:if cond='data:view.isPost'>
        <script>
//<![CDATA[
var downloadButton = document.getElementById("Popup_Download_btn"); var counter = 20; var newElement = document.createElement("span"); newElement.innerHTML = "Please Wait 20 sec"; var id; downloadButton.parentNode.replaceChild(newElement, downloadButton); function startDownload() { this.style.display = 'none'; id = setInterval(function () { counter--; if (counter < 0) { newElement.parentNode.replaceChild(downloadButton, newElement); clearInterval(id); } else { newElement.innerHTML = "Please Wait" + " " + counter.toString() + " " + " sec.... "; } }, 1000); }; var clickbtn = document.getElementById("get-download"); clickbtn.onclick = startDownload;
//]]>
</script>
</b:if>

<b:if cond='data:view.isPost'>
  <style>
#Popup_Download_btn{display:inline-flex;display:-webkit-inline-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;align-items:center;-webkit-align-items:center;margin-bottom:10px;padding:9px 20px;border-radius:10px;font-size:.8rem;line-height:1.3rem;background-color:#303e9f;color:#ffffff; font-weight: bold;}
.adpop-top{height:40px;width:100%;border-bottom:1px #E5E5E5 solid}
.btn-at{display:block;height:50px;color:#fff!important;font-size:18px;text-transform:uppercase;background:#f3a;text-align:center;line-height:50px;width:200px;margin:12px auto;transition:all 0.4s ease-in}
[data-ml-modal]{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:999;width:0;height:0;opacity:0}
[data-ml-modal]:target{width:auto;height:auto;opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}
[data-ml-modal]:target .Popup_container{position:fixed;top:0;bottom:0;left:0;right:0;cursor:pointer;background-color:#000;background-color:rgba(0,0,0,0.7);z-index:1}
[data-ml-modal] .modal-dialog{border-radius:6px;box-shadow:0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12);position:relative;width:90%;max-width:660px;max-height:70%;margin:10% auto;overflow-x:hidden;overflow-y:auto;z-index:2}
[data-ml-modal] .Popup_content{background:#fff;padding:23px 27px}
@media (max-width:767px){[data-ml-modal] .modal-dialog{margin:20% auto}}
.ad-pop__close{position:absolute;right:1em;top:1em;width:1.1em;height:1.1em;cursor:pointer}
.icon {display: inline-block;vertical-align: middle;margin-right: 10px;width: 18px;height: 18px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.button .icon.download {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><path d='M3 17v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3'/><polyline points='8 12 12 16 16 12'/><line x1='12' x2='12' y1='2' y2='16'/></svg>");
}
</style>
  </b:if>

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

<p style="text-align: center;"><a class="button" href="#PopupDownload" id="get-download"><i class="icon download"></i>Download</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;">Download Your file</h2>
            <div class="ad-pop__close" onclick="document.getElementById(&quot;PopupDownload&quot;).style.display=&quot;none&quot;"><svg style="fill: black; height: 25px; width: 25px;" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><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: 660px;">
	<!--Change data adslot & Adclient code here-->
         <ins class="adsbygoogle" data-ad-client="ca-pub-xxxxxxxxxxxx" data-ad-format="auto" data-ad-slot="xxxxxxxxxxx" data-full-width-responsive="true" style="display: block;"></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>

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