In two ways you can create code box:
1. Ad-hoc simple (but ugly) solution:
Click the HTML tab at the top of the compose window. Then paste these lines:
<textarea name="textarea" cols="40" rows="4" wrap="VIRTUAL">
text here to be shown in the area
</textarea>
2.a. Log in to your Dashboard, go to Template > Edit HTML
b. Click anywhere inside the code area and press the CTRL + F keys to open the Blogger Search box
c. Then Find (press CTRL+F) this: ]]></b:skin>
d. Add this code ABOVE ]]></b:skin>
<!--Vinocuriosity codebox -->.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 10px 10px 10px; width: 90%; } .code:hover { background: #FAFAFA; background-repeat:no-repeat; } <!--Vinocuriosity codebox -->
e. Click on the Save Template button to save the changes.
f. Finally, when you go to post your code, click the HTML tab, and just paste this code:
f. Finally, when you go to post your code, click the HTML tab, and just paste this code:
Type you code here
No comments:
Post a Comment