সদ্যপ্রাপ্ত
আসিতেছে...

Thursday, November 21, 2013

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

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



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


১।ব্লগে প্রবেশ করুন।
২। 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: লেখার কালার পরিবর্তন করা যাবে।

আশা করি কাজে লাগবে কোন কিছু জানার থাকলে মন্তব্য করুন।

0 মন্তব্য:

Post a Comment

এখন থেকে মন্তব্যে ছবি যোগ করতে পারেন।তবে অবশ্যই সেটি ভালো মানের ছবি হতে হবে অন্যথায় মন্তব্যটি মুছে ফেলা হবে এবং মন্তব্যটি অবশ্যই লেখার সাথে সম্পৃক্ত হতে হবে।