I have a small tip for this problem :
-Replace all <> with & g t ; (there's no space in between characters )or you can copy the code ,enter this site ,paste your code here ,and click encode . After encoding ,copy the result and paste to your post .
Why we need to do that ? because the characters we use to replace <> will tell the browser showing the code instead of rendering it .
To make the code easy to see ,you can put the code in blockquote .
You can design your own style of blockquote . In css section of template ,find the tag : blockquote and modify its CSS attributes . ( you can add blockquote tag if it's not in your template ) .For example ,you can :
add border:
blockquote {
margin:1em 20px;
border: 1px solid #000000;
padding: 5px;
}
adding background to your blockquote :margin:1em 20px;
border: 1px solid #000000;
padding: 5px;
}
blockquote {
margin:1em 20px;
background: #dfdfdf ;
padding: 30px 10px 10px 10px;
}
Action.jpg)
