I have received some questions such as “How could I place the code into my posts ?”, “I put the code into my posts and it automatically disappear when the article was published. How could I fix it ?”…. Yes, it seems a simple thing then so many people face with this problem. Following is three basic ways to fix it.
1. The first way: you will by yourself change the special letter into HTML code manually. Specifically here is you have to change < to < and > to >. For time saving, you could use Word editor to do this. Paste the code to be edited to Microsoft Word, use "Ctrl + F" to find
2. The second way: Put the code which should be displayed between tab
3. The third way: Use automated HTML parser to to this job for you. Just use Blogcrowds.
1. The first way: you will by yourself change the special letter into HTML code manually. Specifically here is you have to change < to < and > to >. For time saving, you could use Word editor to do this. Paste the code to be edited to Microsoft Word, use "Ctrl + F" to find
<
then replace with <, click ‘Replace all’. Do them same procedures with >.2. The second way: Put the code which should be displayed between tab
<code>Your parsed code here</code>
.3. The third way: Use automated HTML parser to to this job for you. Just use Blogcrowds.
In case you are familiar with CSS, you can insert more paragraph into the source code. Details as follows:
- Login to your Blogger account and go to Template --> Edit HTML. Note that Expand Widget Templates box CHECKED.
- Find the
]]></b:skin> tag and add all of this code just right before it. Then Save !
pre, code (
color: $ textcolor;
background: $ bgcolor;
border: solid 2px $ bordercolor;
overflow: interactive;
font: $ headerfont;
padding: 10px;
)
Then add your code between tab <pre>Your parsed code<pre/>
or <code>Your parsed code<code/>
once posted.
<pre>
... code ...
</pre>
Or:
<code>
... code ...
</code>
Wish you success!
Comments :
Post a Comment