Peak Fiction is a website where we talk about Anime, Manga, Comics, Blogger, Films, Superhero, Marvel, DC, Tutorial, Tech, News and more pop culture.
আজকের এই পোস্ট এর মধ্যে দেখব কিভাবে আপনার ব্লগার ওয়েবসাইট এর মধ্যে একটি সুন্দর ও প্রফেশনাল কোড বক্স যোগ করতে পারবেন। ব্লগার ওয়েবসাইটে একটি প্রফেশনাল কোড বক্স যোগ করার মাধ্যমে আপনার ব্লগার ওয়েবসাইট টি দেখতে অনেক সুন্দর এবং প্রফেশনাল লাগবে। এর ফলে আপনার ভিজিটর এর সংখ্যাও বেড়ে যাবে। ডেমো হিসেবে এই ছবির কোড বক্স টা দেখতে পারেন -
![]() |
How to Add Code Syntax Highlighting to Blogger |
ব্লগারে কোড বক্স এড করার উপায়:
- স্টেপ ১:
- স্টেপ ২:
<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/styles/atom-one-dark.min.css' rel='stylesheet'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('pre').each(function(i, block) {
hljs.highlightBlock(block);
});
});
//]]>
</script>
- স্টেপ ৩:
- স্টেপ ৪:
Css এর জন্য -
<pre class='css'>
<!-- CSS code paste here -->
</pre>
Html এর জন্য -
<pre class='xml'>
<!-- HTML code -->
</pre>;
JavaScript এর জন্য -
<pre class='javascript'>
<!-- paste javascript -->
</pre>