How to Make a Script Box in Blogger Posts
How to Make a Script Box in Blogger Posts
- Log In to your blogger
- Select new entry >> please type the material you want to post [compose]
- Enter the HTML code in the script box in the HTML section, not in Compose
- Return to Compose >> Enter the code or sentence in the box
The following script box options you can use:
1. Squares with a border radius of 20px, border-left 10px, background.
<div style="-moz-border-radius: 20px; -webkit-border-radius: 20px; background-color: ghostwhite; border-left: 10px solid gray; border-radius: 20px; border-right: 10px solid gray; padding: 20px;">
YOUR WRITE</div>
YOUR WRITE</div>
2. Double-bolder box >> vertical / height, adjust.
<div style="background-color: azure; border: 3px #1780dd double; padding: 10px; text-align: left;"> YOUR WRITE <br /></div> </div>
3. Box with single black border padding
<div style="background-color: ivory; border: 2px solid #444; padding: 10px; text-align: left;">
YOUR WRITE
</div>
YOUR WRITE
</div>
4. Border-dotted squares and colors can be adjusted.
<div style="background-color: lightcyan; border: 2px #1b1a76 dotted; padding: 10px; text-align: left;">
YOUR WRITE</div>
YOUR WRITE</div>
5. Vertical + horizontal scroll box, plain, color and size can be adjusted
<div style="border: 2px solid black; height: 100px; overflow-x: scroll; overflow-y: scroll; width: auto;">
<div style="width: 2500%;">
TULISAN DISINI</div>
</div>
<div style="width: 2500%;">
TULISAN DISINI</div>
</div>