Today im goin to show you how to ad a special view to your blog posts....
Example:
I use a Fox view in my Blog posts
Step 1:
Goto Layout section of your Blog & then Go to Edit Html
Step 2 :
Search For This code ]]></b:skin> and then,
Add Following CSS code above this line ]]></b:skin>.
.special {
margin : 35px 70px 5px 5px;
padding : 10px 55px;
background : #c6d6ef;
border-top : 0.5px solid #316ac5;
border-right : 0.5px solid #316ac5;
border-bottom : 0.5px solid #316ac5;
border-left : 0.5px solid #316ac5;}
.special li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #000000;
font-weight : normal;
margin : 0;
padding : 0;
}
The Text in red can be changed to suit you're Blog.
You can also Add an Image to this special view as shown below
To add Image You need to replace background : #c6d6ef;in the above code with the following code.
background : #c6d6ef url(http://i482.photobucket.com/albums
/rr183/nithin1234/Broken-Sword/sview-grey.gif)
right bottom no-repeat ;
Here the code in Blue colour is the URL for image.So you can replace it with the image url you want.
Delivered by FeedBurner
Post a Comment