USEFUL TOPICS AND OTHER RELATED TOPICS

insert image before labels,author,comments and time in blogger

 100 % working - can't afford demo
 we have seen this in some word press and other blogs and sites. the author name comes after some image . we can do the same thing in blogger also. 

Please follow the steps given below with at-most concentration..

Step 1: Save your Template before you try something, it will help you when something goes wrong with your editing.


Step 2:  Goto >> dashboard>> design >> edit htm >> and search for ]]></b:skin> and paste this code above it




.post-header {
margin: .75em 0 .75em 0px;
padding:5px;
letter-spacing:.1em;
line-height: 1.4em;
display:block;
}
.post-header a{
color:#a6ae53;
}
.post-comment-link{
background: url(http://1.bp.blogspot.com/_A_BXOSXle0Y/THm1Bh8juFI/AAAAAAAABsA/RuTvOdz19Xk/s1600/comment.png) no-

repeat left center;
padding-left: 20px;
font-size:11px;
}
.post-labels {
background: url(http://2.bp.blogspot.com/_A_BXOSXle0Y/THm1AFY-rpI/AAAAAAAABrg/vBLB7vUWLwk/s1600/tag_blue.png) no-

repeat left center;
padding-left: 20px;
font-size:11px;
}
.post-author {
background: url(http://3.bp.blogspot.com/_A_BXOSXle0Y/THm1AafyhPI/AAAAAAAABro/DGclJSk5S0U/s1600/vcard.png) no-repeat

left center;
padding-left: 20px;
font-size:11px;
}
.post-timestamp {
background: url(http://4.bp.blogspot.com/_A_BXOSXle0Y/THm1BHosf5I/AAAAAAAABr4/__Uas4u29us/s1600/clock.png) no-repeat

left center;
padding-left: 20px;
font-size:11px;
}



Thats It..

1 comments:

This one is an excellent tip. I like it because the code can alternatively be inserted into Blogger's template designer without having to edit the main html and altering the blog's template. It makes it much easier for beginners to learn.

You have been putting together a good list of hacks and tips. I've been finding myself coming here first if I need something.

Post a Comment

Have anything to say? dont spam please..