How To Add HTML/Javas Script / CSS in Blogger Post


 So many of the bloggers want to add a box that contain code. On blogger, there are so many methods to add a Code snippet to a blogger post. Here we are using custom code for your code and also have a copy button to copy the code 


Create Code Box Now


How to Add Code Snippets Box in Blogger Post?

This question is very common to all, but most of the tutorial give you big code to insert in your </head> tag. Adding external code will decrease your site loading speed. So we want to solve this issue. Code can't be paste like normal text. When we paste a code like a normal text reader can't copy it. 

How the Code Box Look Like - (Demo)?




Best  Way To Insert Code in Blogger Post?

Firstly, we don't support anyone to add external js link to load script. Because it will affect your site speed

Let's Check It


So we are not using any external files. All files will in our blog post, so it doesn't affect any lose in SEO.

How To Set Code Box Height Different from Each Other.

  • Generate Code From CODE BOX CREATOR
  • You Can See height tag in top of script  
  • look like this >> height:150px;
  • Change it and click Preview
  • Change it if only need
Look Like This

How To Design Own Code Box?

You can find some code like the following in your generated code box script. You can change color what you need also CSS code can be edited.

Search for root in generated file (output file).

--boxABackground:#161b22;
--boxText:#c9d1d9; 
--boxBorder:blue;

Look Like This 

Note The Following
  • Only Change Colour Code
  • --boxABackground for Background Color
  • --boxText for text color
  • --boxBorder for border color
  • it will auto change button style also


Create Code Box Now

Subscribe for our Newsletter

RE-IMAGINING THE WAY
Back to top