ব্লগারে পপআপ সাবস্ক্রাইব বাটন অ্যাড করার ফুল টিউটরিয়াল।

পপআপ সাবস্ক্রাইব বাটন

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

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

পপআপ সাবস্ক্রাইব বাটন এর উপকারিতা কি?

একটি পপআপ সাবস্ক্রাইব বাটন আপনার ওয়েবসাইট এ অ্যাড করলে আপনার ওয়েবসাইটের ভিজিটর আপনার ইউটিউব চ্যানেল সাবস্ক্রাইব করার সম্ভাবনা বেড়ে যায়।আপনি চাইলে এই স্ক্রিপ্টটি ইউজ করে সেটি ইউটিউব চ্যানেল এর সাবস্ক্রাইব অপশন না দিয়ে তার পরিবর্তে Visit/… বাটন অ্যাড করতে পারেন,এবং ইউটিউব চ্যানেল এর লিংক এর পরিবর্তে কোনো ওয়েবসাইট/ওয়েবপেজের লিংক দিতে পারেন।

কিভাবে পপআপ ইউটিউব সাবস্ক্রাইব বাটন অ্যাড করবো?

আপনার ব্লগার সাইটের জন্য পপআপ ইউটিউব সাবস্ক্রাইব বাটন অ্যাড করতে নিচের স্টেপ গুলো ফলো করুন।

1. প্রথমে যাবেন ব্লগার ড্যাশবোর্ড এ।
2. তারপর যাবেন Themes এ।
3. এখন ড্রপডাউন মেনু থেকে Edit HTML মোড এ ক্লিক করুন।

   
   

4. তারপর body closing ট্যাগ এর মাঝে যেকোনো জায়গায় নিচের কোডটি পেস্ট করে দিন এবং আপনার ইউটিউব চ্যানেল এর লিংক দিবেন(কোডগুলোর শেষের দিকে) আর চাইলে পিকচার টিও চেঞ্জ করে আপনার ইউটিউব চ্যানেল এর পিকচার দিতে পারেন।

<style>
  /* Popup Subscribe Button Designed By BlogrTool.com */
  .YT-subscribe {position: fixed;left: 35px;bottom: 20px;background-color: #ececec;padding: 12px 12px 12px 12px;border-radius: 10px 10px 0px 0px;display: flex;align-items: center;max-width: 320px;
  min-width: 280px;height: auto;color: #000000;overflow: hidden;z-index: 100;border-bottom: 4px solid #ff3b00;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
  .YT-subscribe .YT-subscribe-close { position: absolute; top: 4px; right: 8px; } 
  .YT-subscribe .YT-subscribe-close svg { width: 22px; height: 22px; fill: #000; } 
  .YT-subscribe .YT-subscribe-img { width: 70px; height: 50px; } 
  .YT-subscribe .YT-subscribe-img img { display: flex; align-items: center; justify-content: center; width: 50px; } 
  .YT-subscribe .YT-subscribe-content { width: calc(100% - 70px); padding-left: 1px; } 
  .YT-subscribe .YT-subscribe-content a { display: block; color: inherit; } 
  .Subscribe_btn {font-weight: 600;font-size: 12px;display: flex;align-items: center;justify-content: center;width: 120px;height: 30px;padding: 5px 6px;background-color: #e4393c;border-radius: 4px;
   color: #fff;margin-top: 12px;bottom: 0;right: 0;flex-wrap: wrap;flex-direction: row;align-content: center;}
  .YT-subscribe .YT-subscribe-content .YT-title { display: block; font-weight: 700; font-size: 13px; text-align: left; padding-left: 12px }
  .YT-subscribe .Subscribe_btn a { display: block; color: inherit; color:#fff; } 
  .YT-subscribe .YT-subscribe-content .YT-desc { display: block; font-size: 10px; margin-top: 5px; color: #000; text-align: left;padding-left: 12px; line-height: normal; font-weight: 500; }
  .YT-btn-text{margin-left:9px}
  </style>
  
  <div class='YT-subscribe' id='YT-btn'>
  <div class='YT-subscribe-close' onclick='document.getElementById(&quot;YT-btn&quot;).style.display=&quot;none&quot;'><svg 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'/></svg></div>
  <div class='YT-subscribe-img'><img alt='Youtube Channel Image' src='https://www.pngarts.com/files/9/Vector-YouTube-Logo-PNG-Free-Download.png'/>
  </div>
  <div class='YT-subscribe-content'>
  <span class='YT-title'>BlogrTool</span>
  <span class='YT-desc'>Subscribe To watch more Blogging Tutorials</span>
  </div>
    <div class='Subscribe_btn'>
    <a href='https://youtube.com/channel/UCu1phoG_NcMiDbff7_a8UVw?sub_confirmation=true' target='_blank'>
    <span class='YT-btn-text'>Subscribe</span></a>
  </div></div>

• এখন Save করে দিন এবং আপনার ওয়েবসাইট ভিজিট করে দেখুন পপআপ ইউটিউব সাবস্ক্রাইব বাটন শো করতেছে।

কোডগুলো কপি করতে সমস্যা হলে ডাউনলোড করে নিন।

---

আরো পড়ুন :

মোবাইল রিভিউ ওয়েবসাইটের টেবিল কোড।

দ্রুত অ্যাডসেন্স এপ্রুভাল পাওয়ার টিপস।

ওয়েবসাইটে দ্রুত রেঙ্ক করানোর টিপস।

The post ব্লগারে পপআপ সাবস্ক্রাইব বাটন অ্যাড করার ফুল টিউটরিয়াল। appeared first on Trickbd.com.

from Trickbd.com https://ift.tt/rUtEwzS
via IFTTT