How to add code box in blogger post 2021

How to add code box in blogger post 2021

আপনার যদি কোন blogger ওয়েবসাইট থাকে তাহলে হয়তো কখনো Code Box এর প্রয়োজন হতে পারে ! তাই আজকে আমরা জানবো how to add code box in blogger post ব্লগার পোস্টের মধ্যে কিভাবে কোড বক্স ব্যবহার করবেন !

Blogger সাইট তৈরি সম্পূর্ণ html, css, javascript দিয়ে এখানে আমরা যদি পোস্টের মধ্যে কোন html, css কোড দিতে চায় !তাহলে সেই কোড আমাদের পোস্টের সাথে মিশে যাবে আর ভিজিটররা সেটা বুঝতে পারবে না ! WordPress এ কোড বক্স ব্যবহারের জন্য অনেক ফ্রী প্লাগইন রয়ছে ! কিন্তু ব্লগে Code Box যুক্ত করার জন্য সামান্য হলেও কোডিং বিষয় ধারণা থাকার প্রয়োজন রয়ছে !

ব্লগারে অনেক সময় আমাদের HTML , CSS Code শেয়ার করতে হয় যদি আমরা এই কোড সরাসরি HTML থেকে শেয়ার করি তাহলে কোড SHOW করবেনা ! আবার যদি পোস্টের মধ্যে শেয়ার করি তাহলে সম্পূর্ণ কোড আসেনা ! এছাড়াও একিরকম code সকলেই ব্যবহার করে তাই যদি আমরা code box না ব্যবহার করি তাহলে copyright সমস্যা হতে পারে !

Also Read : how to redirect blogger 404 error to home page

Also Read : how to add blogger post description box

How to add code box in blogger post

ব্লগার পোস্টে code box যুক্ত করার দুটো নিয়ম আমরা এখানে জানবো একটা Simple code box কোন সমস্যা ছাড়ায় এটা ব্লগের যেকোন পোস্টে বসাতে পারেন ! আর একটা Style code box এটা দেখতেও যেমন সুন্দর তেমনি যেকোন থিমের সাথে ম্যাচ খায় !

Method 1 : Blogger ব্লগে simple code box যুক্ত করার নিয়ম 

১। প্রথমে blogger সাইটে লগইন করুণ !

২। এবার যেই পোস্টে text box বা code box দেখাতে চান পোস্টটা edit করুণ !

৩। পেন্সিল আইকনে ক্লিক করে Html view সিলেক্ট করুণ।  

৪. এবার যেখানে code box দেখাবেন নিচে থেকে কোডটা কপি করে বসিয়ে দিন ! Enter your code এর জায়গায় আপনার কোড দেবেন যেই কোডটা পোস্ট করতে চান !

৫। পোস্ট লেখা হওয়ে গেলে update / publish করতে ভুলবেন না। 

<textarea cols="70" readonly="" rows="10"> Enter Your Code </textarea>
how to add simple code box in blogger post
simple code box

Method 2 : Style html code box for Blogger post

১। প্রথমে blogger.com ওয়েবসাইটে লগইন করুণ।

২। Theme থেকে Edit HTML ক্লিক করুণ।

Blogger Theme Edit HTML
Edit HTML

৩। CTRL + F ক্লিক করলে একটা Search Box পাবেন এখানে সার্চ করুণ ]]></b:skin>

৪। এর ঠিক ওপরে Enter দিয়ে নিচে থেকে কোডটা Past করে Save করে দিন।

css code box for blogger
Search ]]></b:skin>

৫। এবার যেই পোস্টে Style code box যুক্ত করতে চান সেই পোস্ট থেকে Edit HTML করুণ।

৬। যেখানে Code box দেবেন নিচে থেকে Code copy করে সেখানে past করেদিন।

<div class="code"> Enter your code </div>

৭। Enter your code এর জায়গায় আপনার কোড দেবেন যেই কোডটা পোস্ট করতে চান।

৮। এরপর Update বা Publish করতে ভুলবেন না।

How to add style html code box in Blogger post 2021
Style code box in blogger post

কিছুকথা : আজকে আমরা শিখলাম ব্লগের পোস্টে কিভাবে কোড বক্স যুক্ত করতে হয় ! How to add code box in blogger post 2021 ব্লগিং বিষয়ে লিখতে অনেক সময় চলে যায় তবু শুধু আপনাদের জন্য এই পোস্ট গুলো করি তাই কমেন্ট এবং শেয়ার করতে ভুলবেন না !

Also Read : how to add meta tag html code in your blogger

Also Read : How to remove date rom blogger post

Leave a Comment

Your email address will not be published. Required fields are marked *