Lompat ke konten Lompat ke sidebar Lompat ke footer

Code Box Script For Blogger Posts

How to Make Easy Script Box in Blog Posts
How to Make Easy Script Box in Blog Posts

MR JIM - Easy Ways to Create Script Box Codes in Blogger BLOG Posts: Btw, But the box embedded in this post is not provided by blogspot, so we are required to make it ourselves. It's easy, follow the steps below. This is a way to save scripts in blog posts so that they look neat in the eyes of readers, and certainly not confusing to copy-paste. Please Copy This Blogger Script Code To Post The Script On The Blog. There are already many options and it's just a matter of choosing which one you like. Use HTML View Mode for this post script. Easy Script Box in Blog Post .
How to Make Easy Script Box in Blog Posts


Code Script Box Blogger BLOG , Blogspot Posts!

<div style="background-color: #f6f6f6; border: 1px solid #009ee0; padding: 17px; text-align: left;">
 Script here...
</div>

Script<div style="background-color: #f6f6f6; border: 1px solid #009ee0; border-radius: 0 10px 0 10px; padding: 17px; text-align: left;">
Script here...
</div> 

<div style="background-color: #f6f6f6; border: 1px solid #009ee0; border-radius: 0 10px 10px 0; padding: 17px; text-align: left;">
Script here...
</div>

<div style="background-color: #f6f6f6; border-left: 5px solid #009ee0; padding: 17px; text-align: left;">
Script here...
</div>

<div style="background-color: #f6f6f6; border-top: 5px solid #009ee0; padding: 17px; text-align: left;">
Script here...
</div>

<div style="background-color: #f6f6f6; border-top: 5px solid #009ee0; border-left: 5px solid #009ee0; padding: 17px; text-align: left;">
Script here...
</div>

<div style="background-color: #f6f6f6; border-left: 5px solid #009ee0; border-radius: 10px; padding: 17px; text-align: left;">
Script here...
</div>

<div style="background-color: #f6f6f6; border: 5px solid #009ee0; padding: 17px; text-align: left;">
Script here...
</div>

<div style="background-color: #f6f6f6; border-radius: 10px; border: 5px outset #fafafc; padding: 17px; text-align: left;">
Script here...
</div>

<div style="background-color: #f6f6f6; border: 5px #009ee0 Double; padding: 17px; text-align: left;">
Script here...
</div>

<div style="background-color: #f6f6f6; border-left: 5px #009ee0 Double; padding: 17px; text-align: left;">
Script Here...
</div>

<div style="background-color: #f6f6f6; border: 3px #009ee0 dotted; padding: 17px; text-align: left;">
Script Here...
</div>

<div style="background-color: #f6f6f6; border-left: 3px #009ee0 dotted; padding: 17px; text-align: left;">
Script Here...
</div>

Dark Code Script Box

<div style="background-color: #2c323c; color: #fff; border-left: 5px solid #800000; padding: 17px; text-align: left;"> 
Script here...
</div>

<div style="background-color: #2c323c; color: #fff; border-left: 5px solid #800000; border-radius: 0 10px 10px 0; padding: 17px; text-align: left;">
Script here...
 </div>

<div style="background-color: #2c323c; border-radius: 0 10px 0 10px; padding: 17px; text-align: left;">
Script here...
</div>

Gradient Code Script Box

<div style="background-color: #e6f7ff; border-radius: 10px; padding: 17px; text-align: left;"> Script here...
</div>

<div style="background-image: linear-gradient(to right, #eeffe6, #fce6f8); border-radius: 10px; padding: 17px; text-align: left;">
Script here...
</div>

<div style="background-image: linear-gradient(to bottom, #eeffe6, #fce6f8); border-radius: 10px; padding: 17px; text-align: left;">
Script here...
</div>