Before |
After |
Note: This tweak does not work if you have multiple authors posting in your blog.
For Normal Templates:
Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.
Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.
.fn a, .comment .blog-author a, .ss a, .fn{ font-size: 0px !important; } .fn:after{ content:"YoboY"; font-size: 13px !important; } .blog-author a:after{ content:"YoboY"; font-size: 12px; font-weight: 900; }Raplace 'YoboY' in Line 6 and Line 10 with your nickname. Note that this will also change the names that appear when you post a comment in your own blog. You may also need to change the font size of your nicknames by altering Lines 7 and 11.
For Dynamic Views Templates:
Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.
Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.
.publish-info, .ss{ font-size: 0px !important; } .time.published{ font-size: 14px !important; } .publish-info:before{ content: "Posted "; font-size: 14px !important; } .publish-info:after{ content: "by Yoboy"; margin-left: 5px; font-size: 14px !important; }Raplace 'YoboY' in Line 12 with your nickname. Unfortunately, due to lack of a proper handler, it is not possible to change author names in comments to nicknames.
nice..
ReplyDeletefor remove time u published your post :D
.publish-info, .ss{
font-size: 0px !important;
}
.publish-info:before{
content: "Posted ";
font-size: 14px !important;
}
.publish-info:after{
content: "by Yoboy";
margin-left: 5px;
font-size: 14px !important;
}
Yea~ Glad you're getting the hang of it..
DeleteA very good trick, but the problem is that the texts we add with :after pseudo selectors can't link author profiles or G+.
ReplyDeleteBut goof tutorial :D
Actually you can, granted that your template initially links your author name to your G+ profile (like the Minima template that I'm using). In this case, just change '.fn:after' in Line 5 to '.fn a:after'. I was going for this initially, but had to remove the link part as most Designer templates do not link to G+ profile by default.
DeleteYou had me until the comments part. When that happens I will link up G+ with Blogger.
ReplyDeleteSure thing.. I tried to look for a handler, but in DV, both authors and users have the same handler. In other words, there isn't a unique way to isolate author comments from non-author comments..
Deletewhat about the simple template??
ReplyDeleteShould work in Simple template. What's your blog's address?
DeleteNice tips, and it's work! thank's!
ReplyDeleteGlad you think so, thanks! :)
DeleteHow to add the font color...
ReplyDelete=============================
.publish-info, .ss{
font-size: 0px !important;
}
.time.published{
font-size: 14px !important;
}
.publish-info:before{
content: "Posted ";
font-size: 14px !important;
}
.publish-info:after{
content: "by Yoboy";
margin-left: 5px;
font-size: 14px !important;
}
Hi there, try the following. I've added two lines to the code the above. You need to change 'red' to some other colors in the code below:
Delete.publish-info, .ss{
font-size: 0px !important;
}
.time.published{
font-size: 14px !important;
}
.publish-info:before{
content: "Posted ";
font-size: 14px !important;
color: red !important;
}
.publish-info:after{
content: "by Yoboy";
margin-left: 5px;
font-size: 14px !important;
color: red !important;
}
Cheers :)
Hey Yoboy,
ReplyDeleteIs there a way for two authors to have their nicknames posted? So if two of us are posting different posts is there a way to distinquish between the poster in dynamic template?
Hi Marko,
DeleteSince there isn't a unique way to isolate the two authors in the source (both authors will be referred to using the same class), we can't distinguishably assign a separate nickname to each author.
How do we change the link that opens when the user click the nickname? I'd like it to go to a Google+ page instead of the users Google+ profile.
ReplyDeleteIt's a bit tricky to change the target link. We need to make use Javascripts, and DV templates just won't co-exist with script mods.
DeleteThis worked great. Thanks a lot for this tutorial. Shame on google for requiring people to devise workarounds like this one just to do something so simple.
ReplyDeleteGlad you found it and got it to work! :D
DeleteHi Abhiroop,
ReplyDeleteI'm afraid there isn't any way to explicitly alter the mobile template.