Friday, September 30, 2016

How to add codes texts in Blogger Posts

How to use :
  1. Paste this snippet in text editor,
  2. paste your code in <<<<>>>> block.
  3. Copy all and
  4. paste to HTML view in blogger(or any other) post editor.
<pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace;
                   color: #000000; background-color: #eee;
                  font-size: 12px; border: 1px dashed #999999;
                  line-height: 14px; padding: 5px;    
               overflow: auto; width: 100%">      
   <code style="color:#000000;word-wrap:normal;">    
            <<<<<<<YOUR CODE HERE>>>>>>>       
    </code>   
</pre>

you will see Like this one

       

           
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

       
 

No comments:

Post a Comment