Below given Designs are Suitable for Blogger website in Perfect Manner.
Code 1: For This Style Copy This Code [With Scroll]:-
.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; }
.code:hover { background-repeat:no-repeat; }
Code 2: For This Style Copy This Code [Without Scroll]:-
.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; min-height: 16px; overflow: auto; padding: 28px 10px 10px;
width: 90%; }
.code:hover { background-repeat:no-repeat; }
.code:hover { background-repeat:no-repeat; }
Back To - How to Insert Code Block in Blogger Post