frames for posts

Make a Frame for Posts in Posts and Sidebar

Many ways to enhance your writing on a blog and one of them by giving a frame. Frames are not only used in photos, but also in writing. This time the trick makes a frame on the text that can be placed in the sidebar or post. Many things you can do with this Make a Frame for Posts, such as taking notes, warnings, announcements, etc.

Many frame for posts shapes that you can use and below are examples of frame shapes and their codes that support WordPress.com.

1. Solid<div style="border: 1px solid #000000; background-color : # 00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

2. Dashed<div style="border: 1px dashed #000000; background-color : # 00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

3. Dotted<div style="border: 1px dotted #000000; background-color : # 00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

4. Double<div style="border: 4px double #000000; background-color : # 00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

5. Groove<div style="border: 4px groove #000000; background-color : # 00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

6. Outset<div style="border: 4px outset #000000; background-color : # 00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

7. Ridge<div style="border: 4px ridge #000000; background-color : # 00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

Frame for Posts

for more imformative article read Apphack online blog

Information:

  • border : the thin thickness, type and color of the frame .
  • background-color : the background color of the frame .
  • padding : the distance between the frames with the writing .
  • width : frame width.

How to install in a post:

  • Copy the code above in the ” HTML ” area and write your article to complete and return to ” Visual ” mode .

Leave a Comment