How To Add Code Box With Scroll In Blogger Post

How To Add Code Box With Scroll In Blogger Post

If you share posts related to coding in your blog, then you must use the html code box in your blog post. Because this will show your code separately from your blog post, so that visitors of the blog can also copy the code easily. It also gives a professional look to the blog, and the blog's design is also good.

In this post I am going to give you the information about adding HTML code box to the blogger's post in the most simple and easy way.

How To Add Code Box On Blogger ?

  • Go To Blogger >> Select Theme >> Select Edit HTML.
  • Click anywhere inside the code area and press Ctrl + F keys to open the search box.
  • Now, Search for ]]</b:skin> tag and paste below code just above of this tag.
  • Click Save Theme.
  • Open Blogger Dashboard And Open The Post In Which You Want To Add Table.
  • Now Go To HTML >> And Paste The Following HTML Codes.
  • Replace "Your Code Here" with the code you want to share.
How To Add Code Box With Scroll In Blogger Post
  • before publish your post see a preview of your blog post.
  • If preview is correct then simply publish it.
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner