SharedTutor | Tutorials For Everyone

Find your interesting tutorials in SharedTutor.com. Get your tutorial about Computer, Blogging, Makemoneyonline, Games, Design, and more!

How To Move The Date Below Your Post Title In Blogger



This image doesn't have alt text

One of the things that users can do as soon as the improvements designed to Blogger’s template HTML editor two weeks ago is because they can now relocate the date from the blog post directly right below the post title.

To try this is quite simple. Just continue with the steps below.


  • In your dashboard, head to Template and after that click on Edit HTML.



  • Click around the Jump to widget drop-down list button then choose Blog1.



  • This will take you to a line indicated using the new fold markers ‘►’, click it to grow the widget code.



  • Click for the ‘►’ symbol with the line saying


<b:includable id=’main’ var=’top’>=</b:includable>    


  • Inside the main includable you’ll get the block of code that renders the post date:


<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == &quot;false&quot;'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-posts&quot;&gt;
</b:if>     


  • Cut it and move it really below this line:


<div class=’post-header-line-1’/>     


  • Click on the new Preview template button to determine the changes you’ve made.


And that’s how we do it. The date should certainly be found right below the post title. Congratulations!

No comments

Post a Comment