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.
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..