ব্লগপোস্টে Show/ Hide বোতাম লাগিয়ে টেক্সট ঢেকে রাখুন

যদি এমন হতো যে কোন লেখার কোন লাইন বা একটা প্যারাগ্রাফ বা কিছু অংশকে একটু লুকিয়ে বা ঢেকে রাখলাম আর একটি বোতাম থাকল, যেটাতে ক্লিক করে পাঠক লেখাটি পড়ে নিতে পারবে। বোঝাতে পারলাম না? আচ্ছা নিচের Show/ Hide বোতামটিতে একবার ক্লিক করে দেখুন। নিজেই বুঝতে পারবেন।

আপনার মূল লেখার ভূমিকা বা সারাংশ এখানে থাকবে।

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

আচ্ছা, এবার তাহলে বলেই ফেলি এই মজার এবং কাজের কাজীকে কিভাবে কাজে লাগানো যায়, তাইনা? ও হো, বলতে ভুলে গেছি। এই টুলটিকে আপনি ব্লগের Read More... হিসেবেও ব্যবহার করতে পারেন। কথা থাক, এবার কাজের কথায় আসি।

ব্লগারের পোস্ট এডিটরে গিয়ে ডানপাশে থাকা Edit Html ট্যাবে ক্লিক করুন। এবার নিচের কোডটি কপি করে পোস্ট এডিটরের প্রয়োজনীয় জায়গায় পেস্ট করুন। পোস্টটি PUBLISH করুন। ব্রাউজারে ব্লগ ভিজিট করুন। কোডটিকে নিজেই সক্রিয় দেখতে পারবেন।
Today we will know how to add a show/hide button on blogpost. I think it is a very dramatic tips.

মূল লেখার ভূমিকা বা সারাংশ অংশ এখানে লিখুন।
<div id="spoiler" style="display:none">
লেখার বাকী অংশ বা সম্পূর্ণ লেখার মূল অংশ এখানে লিখুন।
</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/ Hide</button>

আপনি ইচ্চে করলে লাল রঙের Show/ Hide লেখাটি পরিবর্তন করে যে কোন শব্দ লিখে দিতে পারবেন।
বেশ মজার জিনিস, তাইনা? আর শুধু কি মজার? কোন কাজে কি লাগবে না? আপনি কি বলেন?