বঙ্গাব্দ
© Mehrab360

ব্লগার ওয়েবসাইটে পোস্ট প্রিন্ট করার জন্য কোড

© Mehrab360

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





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


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


ধরে নিন আপনি এই ওয়েবসাইটের একজন পাঠক আপনি কি এই পোস্টটি প্রিন্ট করতে চাচ্ছেন। তাহলে আপনাকে নিচের বাটনে ক্লিক করে পোস্ট প্রিন্ট করতে পারবেন। বাটনটি ক্লিক করে দেখুন —




এই পোস্ট প্রিন্ট বাটন সেট করতে আপনাকে নিচের কোডটি ব্যবহার করতে হবে...


<br/><button class="download-btn">প্রিন্ট</button>

<script>

const downloadBtn = document.querySelector(".download-btn");

downloadBtn.addEventListener("click", () => {

  print();

});

</script>

<style>

.download-btn {

  padding: 12px 24px;

  font-size: 18px;

  font-weight: normal;

  border: none;

  background: #0056b3;

  color: #ffffff;

  cursor: pointer;

}

@media print {

 #.comments-box, .download-btn, .sidebar{

 display: none;

      }

}

</style>{codeBox}


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

{fullWidth}
© Mehrab360