Code Box Script For Blogger Posts
Minggu, 07 Agustus 2022
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>