Move Author Name below Post Title in blogger

Updated On 7/04/2014
Initially in Blogger, author name is shown below a post body. However, you can change it to display it under your post title. By moving author name to top its visibility to the visitors also get increased. Moving it is easy and anyone can do it.


Before proceeding, backup your blogger template first(See: How to Backup Blogger Template), to avoid any mess up.

How to place author name under the post title?

Step 1: Open Blogger Template Editor from dashboard(Click the "Template" tab then the "Edit HTML" button).
Step 2: Now, use the "Jump to widget" drop down to jump to "Blog1" widget.
Moving Author Name in Blogger
Step 3: Now click on ..., followed by tag to expand the widget. Alternately, Click the '►' next to Line numbers to unfold it.
Step 4: Again expand the line  <b:includable id='mobile-index-post' var='post'>...</b:includable>
Moving Author Name in Blogger
Step 5: Inside this "post" includeable, find and cut the few lines of code inside the <span class='post-author vcard'> </span> as shown below
Moving Author Name in Blogger
Step 6: Finally, paste those lines of codes immediately below the conditional tag:
 <b:if cond='data:post.title'> </b:if>
 and immediately above the line:
<span class='post-author vcard'>
The final code looks like:
Moving Author Name in Blogger

Updated On: 04/07/2014

No comments :