How to Show HTML , CSS and Javascript code in blogger post

Blogger template directly don't 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/AVvXsEj-Zpi3sAi_bwealFiFeKun0lHu752U4UhfjK6iIKn5A8D9zQ-zPuoZ8U7AY7UmfI_V3iILHnjGUQxok3HHAcstT5gruT8dZUekmP35zeDbi7crWZg9e_4XKm83EOICyYqxumNO6deU1lw/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.

You're Done!!!