How To Create A Script Code Box On The Post - Script is a computer programming language typically interpreted and can be typed directly from the keyboard by the user. The script is different from the program. The program must first be converted permanently into a binary executable file before it executes. While the script is still in its original form and interpreted command per command each time it is run.
To answer these questions, infoBlog will share an article about How To Create A Script Code Box On The Post.
How To Make HTML Box On Blog Posts :
- Go to your Blogger Dashboard.
- Then go to the page of your post.
- Then, change Compose mode into HTML mode.
- Next step, copy and paste the script code in that column.
- After you paste the script code in HTML mode, change again in Compose mode to see the result.
For Example :
Result :
Below is The Kind of Script Code Box :
›› Style 1 :
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
Your Script Code</div>
text-align: left;">
Your Script Code</div>
›› Style 2 :
<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
Your Script Code
</div>
Your Script Code
</div>
›› Style 3 :
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Your Script Code</div>
›› Style 4 :
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Your Script Code</div>
›› Style 5 :
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">Your Script Code</div>
›› Style 6 :
<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;">Your Script Code</div>
›› Style 7 :
<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;">Your Script Code</div>
›› Style 8 :
<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;">Your Script Code</div>
›› Style 9 :
<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;">Your Script Code</div>
›› Style 10 :
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Your Script Code</div>
›› Style 11 :
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Your Script Code</div>
You can change the background color by changing the color code. And you also can change the size ( such as height, width, etc. ) by changing the number.
Read Also : How To Create A Sitemap On The Blog
Enough of articles about How To Create A Script Code Box On The Post. If you have any questions or suggestions, please write in the comments field below or directly send questions through the Contact Us service. Hopefully this article useful and you willing to share this article through social media accounts you have.
Enough of articles about How To Create A Script Code Box On The Post. If you have any questions or suggestions, please write in the comments field below or directly send questions through the Contact Us service. Hopefully this article useful and you willing to share this article through social media accounts you have.
Thanks For Your Visiting 
EmoticonEmoticon