How to Make a Border on the Blog Widget
Border on the blog widget is a line around the blog widget, this is usually used as a boundary symbol of the blog widget. It’s easy to create a border on the blog widget, just copy and paste the code we will give later.
If you are impatient with the tutorial, here are the steps to create a border on the blog widget:
1. Login your blogger account.
2. If you use the HTML / JavaScript widget, place the following code between your widget code.
<div style="border: 1px solid #A5BD51; padding: 5px; width: auto;">
Put Code in Here!
</div>
Information :
The text that is colored yellow is the thickness of the border line, change it as needed.
The text that is colored blue is a line on the border, replace it with
dotted if you want broken lines.
The text that is colored red is the color code of the line, change it as desired.
3. Save.
Different if your widget is not HTML / JavaScript, i.e. you have to add border code to the blog template. For example, the label widget that we will border, the following code and how to install it on the blog:
1. Login your blogger account.
2. Select Template —> Edit HTML —> click Expand Widget Templates .
3. Search for code]]> then copy and paste the code below right above]]>
# Label1 . Widget-content {
height: auto;
width: auto;
padding: 5px;
border: 1px solid # 5588AA ;
}
Information :
The text that is colored is red You are the name of the widget, change it according to the widget you want to give border.
The colored letters yellow are lines on the border, replace with
dotted if you want broken lines.
The text that is colored blue is the border color, change it as desired.
4. Save the template.
Well, your blog widget is now installed border, good luck. If there are still problems contact us via contact
0 Response to " How to Make a Border on the Blog Widget "
Post a Comment