Plus UI Preinstall Code Box!

LET'S KNOW THE PROCESS

আপনাকে Edit HTML এ গিয়ে কোনো কিছু Past করতে হবেনা । Direct নিচের HTML Code গুলি আপনার Blog Post এ Use করুন ।

<!--[ Add a classname hl to automatically color syntax ]-->
<div class='pre hl notranslate' data-text='.html'>
  <pre style='white-space:pre-wrap; max-height:none;'>Your_code_is_here</pre>
</div>

<!--[ Change data-text to .html, .css, .js or any language ]-->
<div class='pre pu notranslate' data-text='.html'>
  <pre style='white-space:pre-wrap; max-height:none;'>Your_code_is_here</pre>
</div>

1. আপনি কোন Code Use করেছেন। তার নামটি .html এ Enter করুন। যেমন – example - .html , .css , .js , .php ete
2. লাল/কমলা রঙ যোগ করতে ব্যবহার করুন । <i class='red'>code_here</i>
3. নীল রং যোগ করতে ব্যবহার করুন । <i class='blue'>code_here</i>
4. সবুজ রং যোগ করতে ব্যবহার করুন । <i class='green'>code_here</i>
5. ধূসর রঙ যোগ করতে ব্যবহার করুন । <i class='gray'>code_here</i>
6. নীল রঙের একটি ব্লক যোগ করতে ব্যবহার করুন । <i class='block'>code_here</i>

MultiTabs Syntax Highlighter

Your_code_is_here

Your_code_is_here

Your_code_is_here

<div class='pre tb'>
  <!--[ Active function ]-->
  <input class='prei hidden' id='preT-1' type='radio' name='preTab' checked>
  <input class='prei hidden' id='preT-2' type='radio' name='preTab'>
  <input class='prei hidden' id='preT-3' type='radio' name='preTab'>
  <!--[ Header/title ]-->
  <div class='preH tbHd scrlH'>
    <!--[ Change atribute data-text='...' to replace title ]-->
    <label for='preT-1' data-text='HTML'></label>
    <label for='preT-2' data-text='CSS'></label>
    <label for='preT-3' data-text='JS'></label>
  </div>

  <!--[ Content ]-->
  <div class='preC-1'>
    <pre>Your_code_is_here</pre>
  </div>
  <div class='preC-2'>
    <pre>Your_code_is_here</pre>
  </div>
  <div class='preC-3'>
    <pre>Your_code_is_here</pre>
  </div>
</div>

Go to Link