ব্লগারের পোস্টের মাঝে কোড বক্স যোগ করবেন কিভাবে ?

আপনি যদি ব্লগার ব্যবহার করে পোস্টের মাঝে কোড দেখাতে চান তাহলে এটি খুব কাজে দেবে।এর মাধ্যমে আপনি পোস্টের মাঝে কোড দেখাতে পারবেন।এবং এটি আপনি আপনার নিজের মত করে পরিবর্তন করে নিতে পারবেন।এর জন্য আপনার আলাদা কোন কোডিং জানা লাগবে না। এবার জানা যাক কিভাবে যোগ করবেন।




কিভাবে যোগ করবেনঃ 

১।ব্লগে প্রবেশ করুন।
২। Template এ যান।
৩। Edit Html এ ক্লিক করুন।

৪। ctrl+f বা F3 চেপে ]]></b:skin> কোডটুকু খুজুন।

৫। এবার নিচের কোডটুকু এই skin ট্যাগের উপরে পেস্ট করুন।

pre { background:#efefef; border:1px solid #A6B0BF;
font-size:120%; line-height:100%; overflow:auto; padding:10px; color:#000000 }
pre:hover { border:1px solid #efefef; } code { font-size:120%; text-align:left;
margin:0;padding:0; color: #000000;} .clear { clear:both; overflow:hidden; }

৬। এবার সেভ করুন।

৭। New Post এ যান এবার আপনার পোস্ট টি লিখুন এবং HTML এ ক্লিক করে HTML ফরম্যাটে যান।এবার যেখানে কোড দেখাতে চান সেখানে নিচের মত করে কোড লিখুন।

<pre>

Your Code Here

</pre>

৮। ব্যস এবার পোস্টটি প্রকাশ করলে এর মাঝে কোড দেখা যাবে। আপনি চাইলে সব পরিবর্তন করতে পারেন। Background: এখনাকার কালার কোড পরিবর্তন করলে কোড বক্সের ব্যাকগ্রাউন্ড পরিবর্তন হবে। Border: এখানে 1px আছে এটার মাধ্যমে বর্ডার মোটা বা চিকন করতে পারবেন। Font Size: লেখার সাইজ পরিবর্তন করতে পারবেন। Color: লেখার কালার পরিবর্তন করা যাবে। আশা করি কাজে লাগবে কোন কিছু জানার থাকলে মন্তব্য করুন।

আরো পোস্ট দেখুন

Tweet

Written by Akil Ashraful

I am Akil Ashraful. Born in Palash, Narsingdi. I am a blogger, Web designer and also a logo designer.