Mar

Very little is needed to make a happy life; it is all within yourself, in your way of thinking. I’ve learned that asking questions isn’t a sign of weakness; rather, it demonstrates curiosity, engagement and intelligence."

Kerala Flood

...

Menu




Putting a Code Box On Blogger Posts


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:



Type you code here



No comments:

Post a Comment