ইনফোটেকলাইফ.কমে যে ভাবে প্রগামিং সংক্রান্ত লেখা লিখবেন বা কিভাবে পোস্টের মধ্যে কোড এম্বেড করবেন।

ইনফোটেকলাইফ.কম এর পক্ষ থেকে সকলকে জানাই একরাশ শুভেচ্ছা্। আাশা করি সকলেই ভাল আছেন। ইনফোটেকলাইফ.কমে দিন দিন রাইটার বা গেস্ট রাইটারের সংখ্যা বেড়েই চলেছে । এদের মধ্যে অনেকেই আছেন, যাঁরা প্রগামিং যেমন ওয়েব ডিজাইন এন্ড ডেভেলপমেন্ট এর কাজ জানেন এবং এ সম্পর্কে লিখার আগ্রহ প্রকাশ করেছেন। আর ওয়েব ডিজাইনিং বলতে আমরা বুঝি HTML, CSS, Java এবং PHP এর সম্নয়ে গঠিত একটি প্রগামিং কাঠামো। তাই সেই সকল প্রগামার ভাইয়েদের কথা মাথায় রেখে সকলের জন্য উম্মুক্ত এই প্লাটফরমে সংজোযিত হয়েছে একটি অাধুনিক Code Highlighter এবং HTML Parser Tool যা ব্যবহার করে আপনি অনায়াসে প্রোগামিং সংক্রান্ত যে কোন লেখা লিখতে পারবেন অনায়াসে। তো প্রিয় পাঠক ও লেখকগন আসুন আজ আমি আলোচনা করব্, কিভাবে আপনি এই সাইটে পোস্ট লিখার সময় পোস্ট এর মধ্যে আপনার কোড এম্বেড করবেন এবং সেই কোড কিভাবে কোড হাইলাইটারে প্রদর্শন করবেন। ধরি আপনি নিচে কোডের এই অংশটুকুকে কোড হাইলাইটারে ডিসপ্লে করাতে চান

<!--SYNTAX HIGHLIGHTER BY MBT STARTS--> 
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/> 
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true; 
SyntaxHighlighter.config.clipboardSwf = &#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf&#39;; 
SyntaxHighlighter.all(); 
</script> 
<!--SYNTAX HIGHLIGHTER BY MBT ENDS-->

তাহলে পোসট এডিটরে গিয়ে HTML সিলেক্ট করুন। আর তাপর যেখানে কোড হাইলাইট করতে চান সেখানে নিচের কোডটুকু টাইপ করুন।

<pre class="brush">
-----------------------Your code here------------------------------------------------------------
-------------------------------------Your code here----------------------------------------------
-------------------------------------Your code here---------------------------------------------
</pre>

এবার উপরের কোডের অংশটুকু(আপনি যে কোড হাইলাইট করতে চান সে অংশটুকু) কপি করুন। এর পর এই সাইটের এইচটিএমএল পারর্সার (অথবা এই লিখাটির উপর ক্লিক করুন) মেনুর উপর ক্লিক করুন। আপনি একটি কোড পার্সার দেখতে পাবেন। এই বক্সে এবার আপনার কপি করা কোড টুকু পেস্ট করুন এবং নীচের “কোড মডিফাই করুন” নামক বাটনে ক্লিক করুন। এখান হতে মডিফাই করা কোডটুকু কপি করে উপরের Your code here অংশটুকুতে রিপ্লেস করে দিন। এবার সব  ঠিক-ঠাক মত হলে Publish বা প্রকাশ বাটনটিতে ক্লিক করুন। আর ও ভাল ভাবে বুঝতে নীচের স্ক্রীন শটটি ভাল ভাবে লক্ষ করুন।

 এখন লেখাটি পাবলিশ হলে দেখুন তাতে নিচের মত একটি কোড হাইলাইটার শো করছে। 

<!--SYNTAX HIGHLIGHTER BY MBT STARTS--> 
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/> 
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/> 
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true; 
SyntaxHighlighter.config.clipboardSwf = &#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf&#39;; 
SyntaxHighlighter.all(); 
</script> 
<!--SYNTAX HIGHLIGHTER BY MBT ENDS-->

ভাল থাকবেন সবাই। ভাল লাগলে অবশ্যই কমেন্ট করতে ভুলবেন না।