কিভাবে ব্লগ পোস্টে কোড বক্স যুক্ত করে কোড দেখাবেন

আজকে দেখাবো কিভাবে ব্লগারে কোড বক্স যুক্ত করতে হয়? খুব দরকারি একটি পোস্ট ৷ যারা নিয়মিত ব্লগারে পোস্ট লিখেন তারা এটির ব্যবহার করে কোড দেখাতে পারবেন৷ 

আপনার ব্লগ পোস্টে কোড বক্স যুক্ত করে কোড দেখাতে চাইলে প্রথমে টেমপ্লেটে কোড বক্স যুক্ত করে নিতে হবে৷ এজন্য নিচের কোড কপি করে নিয়ে আপনার থিমের css অপশনে পেস্ট করে দিন৷ এজন্য  আপনি আপনার ব্লগে এ লগ ইন করে Dashboard এ যান ৷
* Dashboard থেকে Theme এ ক্লিক করুন ।
* তারপর Edit HTML লেখায় এ ক্লিক করুন ৷
* এবার নিচের ট্যাগটি খুজুন ৷

   ]]></b:skin> 

 

খুজে পেলে ঠিক তার উপরে নিচের কোডগুলো পেস্ট করে দিন ৷ তারপর Save এ ক্লিক করেন ৷ ব্যাস আপনার কাজ কমপ্লিট ৷  

 

.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; } 

তারপর যখন কোড দেখাবেন শুধু এভাবে লিখবেন 

 <div class ="code">
আপনার কোড
</div>

তাহলে যেকোন কোড প্রদর্শন করানো যাবে।