How to add HTML code box in blogger post?

      在blogger的日志页面发布code是非常麻烦的事情。幸运的是在网上找到直接在日志页粘贴code的方法，可以不用在blogger template修改。具体前往：
Blogger Post mein HTML code box kese lagaye | How to add HTML code box in blogger post?

      把代码稍作修改，修改后的code如下（在日志发布页的HTML视图状态下粘贴代码，将代码区域替换为将要发布的代码内容）：

<textarea cols="60" id="Inputtxt" readonly="" rows="5" style="background: rgb(44, 44, 44); color: #e6e6e6; font-size: 1rem; height: 462px; line-height: 1.5em; width: 100%;">   代码区域

  

  </textarea> 

    <button onclick="myFunction()">Copy</button>

   <script type="text/javascript">

            function myFunction() {

             var copyTxt = document.getElementById("Inputtxt");

             copyTxt.select();

             document.execCommand("copy");

            }

   </script><br /></div>

在blogger中保护文章不被复制粘贴代码：

<br /> <br /><script src='demo-to-prevent-copy-paste-on-blogger_files/googleapis.js'></script> <script type='text/javascript'> if (typeof document.onselectstart!="undefined" ) { document.onselectstart=new Function ("return false" ); } else { document.onmousedown=new Function ("return false" ); document.onmouseup=new Function ("return true" ); } </script><!--www.techyy4u.blogspot.com End disable copy paste --><br /><br /><br /> <br />