Friday, November 25, 2011

How To Make A Box In The Post (Easy Steps)

On this sunny morning, the author will share tips on how to make a box in the post. This box allows you to beautify your post to make it look neat and beautiful. To make it very easy and does not require much time. Here is an example that we will create a box.

How to make are as follows:
1. Log in to your blog.
2. Then click on New Post -> Edit HTML
3. Copy and paste the following script in the Edit HTML.

<p style="border-right: #6c7a7d 1px inset; padding-right: 30px; border-top: #6c7a7d 1px inset; padding-left: 30px; margin-left: 20px; border-left: #6c7a7d 1px inset; margin-right: 70px; border-bottom: #6c7a7d 1px inset"><font color="#ff0000">For Example</font></p>

Note :  
[-] Red script that can be altered.
[-] You can remove the Green script. If you delete the script is written on the box will be the default color (Black)
[-] You can change the script below as you wish

border-right = line of the right hand edge of the box.
border-left = line of the left edge of the box.
border-top = line of the upper edge of the box.
border-bottom = line of the bottom edge of the box.
# 6c7a7d; # FF0000 = color code, change as desired.
1px inset = thickness of the edge line of the box, change as desired.
padding-right = distance to the line text box on the right edge.
padding-left = distance to the line text box on the left edge.
margin-right = distance of the box with the edge of the right post.
margin-left = distance of the box with the edge of the left post.
20px: 30px; 70px = distance units, change as desired.

4. If you want to see results click on COMPOSE.

If you are experiencing difficulty in installing the script above, please ask by commenting at the end of the posting. Terimakash much has been and may be useful.

Posted By : Yudo'S Blog 31 

Read also other articles:


Post a Comment