Adding Author Name Below Post Title in Blogger Dynamic View

Before

After

By default, author names appear at the bottom of your posts.. It says something like 'Posted 3 weeks ago by Yoga'. Given Dynamic View template's stylish design, it'd be more classy if the author name appears at top, below the post title. Everyone is entitled to his/her own opinion of course, but if you want your author name to appear below your post title, and remove the author name from the 'Posted 3 weeks ago' part, this post is just for you. This is a respond to Blog Reader Berk Efe Altinal.

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.

.article .article-header h1.title:after, .ss{
content:"by Yoga";
display: block;
padding-top: 10px;
font-size: 14px !important;
color: grey !important;
}

Replace the word 'Yoga' in Line 2 with your name. Note that since we're adding a static attribute to the author name, this tweak will not work if you have more than one author.. You can only set 1 author name per blog.

Extra: Remove author name from the bottom of your post

To remove the original author name from the line that says 'Posted 3 weeks ago by blabla' (to avoid name duplicates), add the following code to your Add CSS box.

.publish-info{
font-size: 0px;
}
.publish-info .time{
font-size: 14px !important;
}
.publish-info .time:before, .ss{
content: "Posted ";
color: #808080;
font-size: 14px !important;
}