Code of HTML Code Editor

This is the code of  HTML Code Editor copy and paste it in your blogger as shown in the video -

<!-- JQuery -->

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

<!-- CSS Style -->

<style type="text/css">

br { display: none; }

 textarea{display: block;margin: 10px 0; width:100%; border: 1px solid #333;}

 

 iframe{display: block;margin: 10px 0; width:100%; resize:both; overflow: auto; border: 1px solid #333;}

</style>

<!-- JavaScript -->

Also Checkout➲How to make a website/blog in Blogger

<script type="text/javascript">

 function updateIframe(){

 var myFrame = $("#myframe").contents().find('body');

 var textareaValue = $("textarea").val();

 myFrame.html(textareaValue);

 }

</script>

<h1><marquee><font face="Calibri" color="#FF0000">See Your HTML Code Preview</font></marquee></h1>

<textarea rows="5" cols="50" placeholder="Type HTML Code Here"></textarea>

<button style="border:1" type="button" onclick="updateIframe()"><i class="fa fa-pencil-square-o"></i>Run The Code</button>

<iframe id="myframe"></iframe>

<div>

<p align="center"><span style="text-decoration: none"><b>

<font face="Calibri">Created By</font><font color="#FF0000" face="Calibri"> <a href="https://www.mohdwazid.com/">

<font color="#FF0000" face="Calibri"><span style="text-decoration: none">Mohd Wazid</span></font></a></b></div>

Our Social Info -

Our Discord Server

Also Checkout➲Create Automatic internal links in Blogger Website blog post

https://discord.gg/bff5RZv

Follow us on Instagram
https://www.instagram.com/tontufseries

For more information about Tontuf
https://tontuf.blogspot.com