কীভাবে HTML বা Javascript Codes ব্লগ পোস্টে ডাইনামিক ভাবে ভিউ করবে

ব্লগে আমারা বিভিন্ন টুল, Widgets বা গাজেট ব্যবহার করি বিভিন্ন কাজে সুবিধা পাবার জন্য। আজ আমি আপনাদের একটি খুব দরকারিয় টুলস শেয়ার করছি। টুলটি দিয়ে আপনি আপনার ব্লগ পোস্টে HTML বা Java Script কোড আলেদা ভাবে প্রকাশ করতে পারবেন। আপনি চাইলে HTML বা Javascript Codes ডেমো দেখে নিতে পারেন।

কীভাবে HTML/Javascript Codes যুক্ত করবেন?

১. প্রথমে ব্লগ অ্যাকাউন্টে Log in করুন তারপর Dashboard যান।
২. এরপর Dashboard থেকে Edit Hml সিলেক্ট করুন।

৩. এরপর CTRL +F চেপে সার্চ বক্সে   ]]> লিখে এন্টার চাপুন ।
 ৪.এরপর নিচের কোডটি  ]]> এর পূর্বে বা উপরে পেস্ট করুন ।

/*--Code View--------------*/
code {
color: #000099;
font: 108% "Courier new",Courier,mono;
padding: 0 2px;
white-space: nowrap;
}
pre code {
-moz-box-shadow: 0 0 10px #DDDDDD;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1LovveYXe2WR_WWhF97nErbCNroqFIGT9apoErvb9WGdKz_PIdmg9F3XA4CaQp83IdiF-I3w97RuXBtd0oiKizLIeURdHtEM-eL4lZNDTQGqUZRdQrAVSy3INj0D6nF1P5IMsgeHulTXW/s1600/btsnts_color_background.png") repeat scroll 0 0 #FFFFFF;
border: 2px solid #CCCCCC;
clear: both;
color: #333333;
display: block;
font-size: 12px;
line-height: 15px;
margin: 10px auto 10px 30px;
overflow: auto;
padding: 15px;
white-space: pre;
width: 85% !important;
word-wrap: break-word;
}
code .comment {
color: #888;
}
code .class, code .rules {
color: #ff00ff;
font-size: 100%;
}
code .value,  code .title, code .string {
color: #0000FF;
}
code .tag {
color: #000099;
}
code .keyword {
color: #000099;
}
.html .attribute {
color: #006600;
}
/*------ End Code View--------------*/

৫. এরপর Publish এ ক্লিক করুন।

ইম্পরট্যান্ট(Important) টিপস ?

১. এরপর আপনি ব্লগ পোস্ট করার পূর্বে অর্থাৎ HTML বা Javascript Codes এর প্রথমে <br />

<pre><code> লিখুন এবং পোস্ট এরপর (HTML বা Javascript Codes) </code></pre>

 এবং </div> লিখুন।

কোন সমস্যা হলে কমেন্ট করবেন। ভালো লাগলে শেয়ার করতে ভুলবেন না। ভালো ও সুস্থ থাকুন। ধন্যবাদ।