- Step1: Login to your blogger account. Go to Dashboard>> Template.
- Step2: Click on the Customize.
- Step3: GO to Advanced >> Add CSS.
- Step4: Copy and Paste the following code in the Add CSS section.
.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: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; }
- Step5: Now whenever you are composing new post , just select HTML section and paste the following code.
<div class="code">
Paste your code
</div>
- Step6: Go to Compose mode. Replace Paste your code with your code. Complete your post and publish it.
