Add Links in coloured box

How to add special Post and Links in Box?
In this coloued box you can place important data and material which you thinks is important for yours blog visitors. You can customise this box by changing its colour, size, boader thickness etc. Its very simple to put in your blog.

Your Ad Here

Follow these steps to implement this.
Step-1
Login to your account then click layout then click edit html.
Step-2
You have to add code below in box above this]]></b:skin> to find this line
press Ctrl + f on your keyboard copy past in find-box and
click find-next, now you will see this line copy and paste like this.

.codeview {
margin : 15px 34px 15px 16px;
padding : 11px;
clear : both;
list-style-type : none;
background : #dddddd url(---)
no-repeat right bottom;
border-top : 1px solid #000000;
border-right : 2px solid #000000;
border-bottom : 2px solid #000000;
border-left : 1px solid #000000;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
]]></b:skin>


Step-3
Now when you create new post add links or what you want between
this code. 

<div class="codeview">
Links or whatever you want to place in box
</div>

You can change the values of above code shown in red.

Share: