How To Add Code Box On Blog Post on Blogger ? Blogger Blog me Code Box Kaise Add Kare? Full information in hindi - II

How To Add Code Box On Blog Post on Blogger ? Blogger Blog me Code Box Kaise Add Kare? Full information in hindi  - II

Hello friends! Welcome to you my hindi blog “Gyan Ka Phool”. Today we will know in this blog post that “How To Add Code Box On Blog Post on Blogger ? Blogger Blog me Code Box Kaise Add Kare? Full information in hindi ”

If you do blogging on Blogger and you want to add a code box in to your blog post so that visitors do not have trouble copying the code and understanding it.

Friends With the help of the plugin on WordPress, you can add the code box, but in blogger you have to add the code box yourself. If you add any code in a blog post without a code box, then your users may get into trouble. Blogger ke blog post me code box ko add karne ka tarika is very easy.

So let's know that –

How To Add Code Box On Blog Post on Blogger ? Blogger Blog me Code Box Kaise Add Kare? Full information in hindi 

It is very easy to install Simple Code Box, Follow This Steps (Step A and Step B) than You can put Code Box in Blogger's post 

Steps For add Code box on your blog post : 

Main Step (A) :

Step 1 : Now You can Login Your Blogger blog first. 

Step 2 : Click on Theme / "Template" Menu Option on Your blogger Dashboard. Template Menu is available on left side list menu on blog dashboard. 

Step 3 : Click On "Edit HTML" Button.

This Button is available on  Right side of the blogger dashboard on template menu. 

Step 4 : After clicking, you have to press CTRL + F Keyboard Button, which will open the search box and search by typing This css Coding - 

]]></b:skin>
 in that search box.

Step 5 : Now, you copy the css codings given below.

<!-- Coding Start here -->

/* css Code Box of techifyideas.com */ .code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; ,

<!-- Coding end here --

 

Step 6 : Now you have to Paste the above Copied CSS codings from above of the find -
]]></b:skin> 
Coding.

Step 7 : Than Save The Template.

Main Step (B) :

Step 1 : First of all copy the code given below - 

<div class="code">Paste Your Code Text</div>

Step 2 : Now you have to go to your blog post and open it in html.

Step 3 : After this, wherever you want to add Code Box, add this code there.

<div class="code">Paste Your Code Text</div>

Step 4 : Paste your ads code instead of “Paste Your Code Text”.

Step 5:  Now you can publish or Update your blog post.

Cogratulations, Now Code Box has been added to your blog post. If you have any problem in adding the code box, then tell your problem by commenting in the comment box, I will try my best to give its solution.

Other Code Box Suggetions : 

If you wants add code box in your blog, with out Stylish css coding. Than you can try bellow code to add in your blog post for creat or show the code box in your blog post. 

<!-- Coding Start Here -->
<form><textarea rows="5" cols="40" onClick=select() readonly>Paste Your Code here </textarea></form>

<!-- Coding Start Here -->

Follow this Steps : 

Step 1 : First of all copy the code given below - 

<!-- Coding Start Here -->
<form><textarea rows="5" cols="40" onClick=select() readonly>Paste Your Code here </textarea></form>

<!-- Coding Start Here -->

Step 2 : Now go to your blog post and open it in HTML Mode.

Step 3 :. Now paste this code wherever you want to add the code box.

Step 4 : Add your code instead of “Paste Your Code Here Text”.

Step 5:  Now you can publish or Update your blog post.

Cogratulations, Now Code Box has been added to your blog post. If you have any problem in adding the code box, then tell your problem by commenting in the comment box, I will try my best to give its solution.

Conclusion :

I hope you like Blog Post Me Code Box Kaise Add Kare? You must have got complete information about this from our article. If you have a friend and they also want to add Code Box to their blog post and they do not know that Blog Ke Post Me Code Box Kaise Add Karte hai then you can tell these steps to your friend and help them. .

If you want to ask anything related to this or you have any suggestion, then you can tell us in the comment box. Stay tuned for more such important information on Techify Ideas, thanks!