How to Show HTML CSS and Javascript code in blogger post
Blogger template directly dont show JavaScript and HTML code in post. Here is a cool way to add and show it with beautiful background.
- Go to Dashboard - Template - Edit HTML
 | | Template preview |
|
|
Now press Ctrl + F to open search box and search ]]></b:skin> tag.  | | Edit html |
|
|
After that paste below code just above to ]]></b:skin> tag
.post blockquote {background: #C8EFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj25IVrNFjqEzsAD-VRigpDNQZYG9SCvgqDlxBDCX70Eia2aUIAx5XH8HvfSStaa3ZdXyiO_eJT1yMBaDw58rbFG0FXkVYjGta_uy420hN03vuizIuv8VfiLcVfBh2RSDrAUEisw6_E0tI/s1600/1.png);background-position:top left;background-repeat:repeat-y;margin: 0 20px;padding: 10px 20px 10px 45px;border-top: 2px solid #DDD;border-right: 5px solid #666;border-left: 2px solid #DDD;border-bottom: 5px solid #666;font-size: 0.9em;}.post blockquote p {margin: 0;padding: 0 0 15px;}
.blockquote {font: 18px normal sans-serif,Tahoma;padding-top: 10px;margin: 5px;text-indent: 65px;}
.blockquote div {display: block;padding-bottom:10px;}.blockquote p {margin: 0;padding-top:10px;}
After that paste above code, save your template to click on "save template" tab.Now, whenever you want to display "javascript, css or html code " in your post. Just paste your code in post after that select all code and once click on "Quote"tool from blogger tool bar. Do same like i show you in screenshot.
Youre Done!!!
visit link download
