 |
| www.ferisp.com |
The script box or what bloggers usually call the text box area is a box in which writing or script code can be entered, either the usual or with the scroll function to make it look neat and orderly in a post on blogspot, wordpress, or a website so that visitors too comfortable when reading the articles on the website. To install / create a blog html box we only need to enter / add a script code into a blog post that we can adjust the shape and color of the script box so that it looks cool and nice.
Here is the full view list. choose what is according to your wishes, so that the writing becomes more interesting.
Display number 1
<div style="background-color: #f6f6f6; border: 1px solid #009ee0; padding: 17px; text-align: left;">
Script here...
</div>
Script here...
</div>
Display number 2
<div style="background-color: #f6f6f6; border: 1px solid #009ee0; border-radius: 0 10px 0 10px; padding: 17px; text-align: left;">
Script here...
</div>
Script here...
</div>
Display number 3
<div style="background-color: #f6f6f6; border: 1px solid #009ee0; border-radius: 0 10px 10px 0; padding: 17px; text-align: left;">
Script here...
</div>
Script here...
</div>
Display number 4
<div style="background-color: #f6f6f6; border-left: 5px solid #009ee0; padding: 17px; text-align: left;">
Script here...
</div>
Script here...
</div>
Display number 5
<div style="background-color: #f6f6f6; border-top: 5px solid #009ee0; padding: 17px; text-align: left;">
Script here...
</div>
Script here...
</div>
Display number 6
<div style="background-color: #f6f6f6; border-top: 5px solid #009ee0; border-left: 5px solid #009ee0; padding: 17px; text-align: left;">
Script here...
</div>
Script here...
</div>
Display number 7
<div style="background-color: #f6f6f6; border-left: 5px solid #009ee0; border-radius: 10px; padding: 17px; text-align: left;">
Script here...
</div>
Script here...
</div>
Display number 8
<div style="background-color: #f6f6f6; border: 5px solid #009ee0; padding: 17px; text-align: left;">
Script here...
</div>
Script here...
</div>
Display number 9
<div style="background-color: #f6f6f6; border-radius: 10px; border: 5px outset #fafafc; padding: 17px; text-align: left;">
Script here...
</div>
Script here...
</div>
Display number 10
<div style="background-color: #f6f6f6; border: 5px #009ee0 Double; padding: 17px; text-align: left;">
Script here...
</div>
Script here...
</div>
Display number 11
<div style="background-color: #f6f6f6; border-left: 5px #009ee0 Double; padding: 17px; text-align: left;">
Script here...
</div>
Script here...
</div>
Display number 12
<div style="background-color: #f6f6f6; border: 3px #009ee0 dotted; padding: 17px; text-align: left;">
Script here...
</div>
Script here...
</div>
Display number 13
<div style="background-color: #f6f6f6; border-left: 3px #009ee0 dotted; padding: 17px; text-align: left;">
Script here...
</div>
Script here...
</div>
Display number 14
<div style="background-color: #e6f7ff; border-radius: 10px; padding: 17px; text-align: left;">
Script di sini...
</div>
Script di sini...
</div>
Display number 15
<div style="background-image: linear-gradient(to right, #eeffe6, #fce6f8); border-radius: 10px; padding: 17px; text-align: left;">
Script di sini...
</div>
Script di sini...
</div>
Display number 16
<div style="background-image: linear-gradient(to bottom, #eeffe6, #fce6f8); border-radius: 10px; padding: 17px; text-align: left;">
Script di sini...
</div>
Script di sini...
</div>
reference:
Post a Comment for "How to make a cool script box in a blog post blogger"