You will come to know adding formatted Code Blocks into Blogger Posts in this tutorial.
There is no inbuilt feature available in blogspot.com or blogger to add formatted code snippets. So, you may not find the source code formatter Blogger, BLogspot, Blogging etc.
However, I discovered following two ways in which you can accomplish this feature.
Solution-1:
Here is a tool at Blogger Code Formatter Tool using which you can generate your formatted source code and use that on your blog / website / wordpress site.
Solution-2:
There is a way you can insert source code formatting into your blog post by using the code formatting tool provided by Gitarani MI Application. Here are the simple steps you need to follow and have to use the generated code by gitarani.com on your blogspot.
- You need to log into http://www.gitarani.com/classifiedLogin.htm
- After logging in click "Enter Your Classified Information"
- Now, on the "Add/Update the Classified" page select Classified Type as "Technology"
- Now copy the formatted code from your code Editor to Message section,
- Fill up Header and URL with any information you like.
- Then "Submit" the page.
- Go to Find All Your Postings
- You will find <iframe> code towards the bottom of your post.
- All you have to do is to just copy that line of code and paste into the desired location of HTML code of your blogspot posting editor.
- Your source code will be well formatted.
You can look at a sample example at http://tutorialsontechnology.blogspot.in/2015/05/jquery-show-modal-popup-on-top-of.html