Adding Author Name Below Post Title in Blogger Dynamic Views Template

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. 

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. 

?

1 2 3 4 5 6 7

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

?

1 2 3 4 5 6 7 8 9 10 11

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