How To Insert Code Box In Blogger Post In Just Easy 8 Steps.

How To Insert Code Box In Blogger Post In Just Easy 8 Steps.


cranky view leonardo meme

How To Insert Code Box In Blogger Post In Just Easy 8 Steps.


If you have a coding blog where you add web development or machine learning codes one like mine, and you don't have a plugin to add code snippet in your blogging platform like in the case of blogger. I personally struggled for that but later I came to know about Hilite, I wish I knew about it earlier. But now I am aware of, it made my life very easy. Follow me until the end I will tell you how it will work.

Hilite is a free open source web application created by Alexander Kojevnikov made on python on Flask framework. blah blah and all those stuff. You don't have to read all these. Let me tell you how it can make your life easy and how to implement hilite in your blog. Trust me its simple.

STEPS.

1. Go to Hilite.me

2. Enter Your code in the Source code Box on the page.
enter code

3. Select the language of your code from language dropdown list.
select lang

4.Select color of your choice. it will change the background color of the code box.

5. Now if you want to add line numbers make sure you checked that box beside select color option.

6. Finally Highlight button at the bottom.
hilite hilight

You will get the preview of the code that is how the code will look like on your blog.
hitite sample

7.Now copy the content inside the box called HTML and paste it into your blog post HTML section where ever you want. You are done.
hilite html

8. Go to HTML tab in your post and add the copied code there.

html tab

Tell me how it is looking in the comment section. I will definitely read your comment.
Thank you.

0 comments :

Post a Comment