HOW TO ADD : Beautiful code box to blogger posts

                                              

                                        As a blogger,some times you want to insert some scripts of java,html etc: for the readers.blogger didn’t offer any  widget to insert this codes as like wordpress.if you insert this code directly to post without code box, readers can’t get the real idea of code’s starting & ending.so we use code box to insert this type of codes.there are number of different style code box are available with different effects.but try to use a simple code box that we offer below.it attract people more.see the screen shot below.

Now let’s see how can add code box to blogger….

STEP 1 –Enter to your blog

STEP 2- Edit your blog's HTML code.

B. Then  (press CTRL+F) & find the code below

                       ]]></b:skin>

C.click here and copy the code in it and paste the code above  " ]]></b:skin>“

STEP 3- now open your post that you want to insert code box

           A. click “HTML’ (shown below).

B. place the below code where you want to show code box

<div class="code"> SCRIPT </div>

C. replace “SCRIPT”  with your code             

Do you like this story?