Southern Listeners

Loading
Thanks to Greenlava for this cool gadget. Get yours here

Sunday, June 26, 2011

Show Date and Timestamp for Each Blogger Post


Re-tweaked by popular demand! Previously, I wrote a tutorial on how you can tweak your template to show date for each one of your Blogger posts. By default, posts that are published on the same day will have only one date shown, particularly on the last published post. In some templates, posts that are published on the same day are even grouped together (see image above).

In my old tutorial, I replaced the date with the timestamp. In other words, the timestamp had to be sacrificed just to have dates shown on each blogger post. But this time around, I've imrpovised the tweak by using some Javascript. You won't have to tamper with your timestamp to have the dates shown on each post. You get both Date and Timestamp with this tweak, and it's wayyy shorter than the other one!


Note: If you've already done my previous tweak, and wish to 'resurrect' your timestap, please undo/reverse the other tweak first before attempting this one.

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Edit HTML - Back Up (Download Full Template) - Check the box next to 'Expand Widget Templates'
If you're using the new Blogger interface: Go to Dashboard - Template - Backup/Restore - Download Full Template - Close -  Edit HTML - Proceed - Check the box next to 'Expand Widget Templates'

Find and delete the following lines:
<!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <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>
        <div class='post-outer'>
            <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
            <div class='inline-ad'>
              <data:adCode/>
            </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>
The lines to be deleted (Starting portion).


The lines to be deleted (Ending portion).


Step 2:

Copy and paste the following lines in place of the deleted lines in Step 1:
<!-- posts -->
<div class='blog-posts hfeed'>
  
 <b:include data='top' name='status-message'/>
  
 <data:defaultAdStart/>
 <b:loop values='data:posts' var='post'>
  <div class='date-outer'>
<script type='text/javascript'>var ssyby=&#39;<data:post.dateHeader/>&#39;;</script>
   <h2 class='date-header'><span><script type='text/javascript'>document.write(ssyby);</script></span></h2>
   <div class='date-posts'>
    <div class='post-outer'>
         <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        </div>
    <b:if cond='data:post.includeAd'>
     <b:if cond='data:post.isFirstPost'>
     <data:defaultAdEnd/>
     <b:else/>
     <data:adEnd/>
     </b:if>
      <div class='inline-ad'>
       <data:adCode/>
      </div>
      <data:adStart/>
    </b:if>
   </div>
  </div>
 </b:loop>
 <data:adEnd/>
</div>
The code in place (Starting portion).


The code in place (Ending portion).


Another southern original. Enjoy folks.

135 comments:

  1. thank you! I've been looking for this for a while!

    ReplyDelete
  2. You are the absolute best ! Thanks for making the weekend even more enjoyable

    ReplyDelete
  3. @Cathy: You're welcome. Glad you like it :)

    @Vanquish: No problem mate. Enjoy your Monday :)

    ReplyDelete
    Replies
    1. I couldn't get what you told me to delet, can you help me how to find it from bulky html?

      Delete
    2. Hello there,

      Start by looking for the first line to delete:



      Then find for the last line, and delete everything in between.

      Delete
  4. Hi Yoboy! I emailed your google profile with a question :)

    ReplyDelete
  5. @Arushi: Replied via email.

    ReplyDelete
  6. Thank you so much! I just found your page through Google, trying to figure out how to do this, and am really grateful someone's used their computer wizardry to make things simpler for the rest of us.
    Looking forward to checking out your other tutorials. Thanks!

    ReplyDelete
  7. @Anon: You're welcome. It's nice to see something positive after going through a bad day. Cheers and God bless.

    ReplyDelete
  8. Love all of your posts! You have been a HUGE help. I like this tweak, but have one question. Is there a way I can hide the Date Header?

    I followed the tweak and it puts two (or more) posts posted the same day in separate boxes, as it should, but I have a strange line in the Date Header now. Any idea why? www.halloweenshows.net is my link.

    Thanks again!

    ReplyDelete
  9. Thank you very much! I was looking for solution like this for two days. Now, thanks to you, my blog on blogspot can look just like I wanted :)

    ReplyDelete
  10. @Count Travula: Noted. You can remove the line and the gap by going to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog:

    .date-header{
    display: none !important;
    border-bottom: 0px !important;
    }

    .date-posts{
    border-top: 0px !important;
    }

    @kelen: Thanks for the feedback. In the future, we won't have to go through this tutorial anymore, as the Blogger team is working on a fix for the date-header issue. Cheers.

    ReplyDelete
  11. Thanks YoboY! That worked perfectly!

    Thanks again for all of the tweaks and tips! I love this site!

    ReplyDelete
  12. @Count Travula: Glad you like it. Happy to help, as always.

    ReplyDelete
  13. You're the best! You don't know how freaking long I've been trying to find out how to do this on Awesome Inc template! I've looked it up on the Internet a million times and never found it. Until this site! Not only did I finally find out but it was EASY! You make everything so simple! Thank you so much! :D

    ReplyDelete
    Replies
    1. Kudos to you for landing on the right page :) Happy blogging!

      Delete
  14. Hey there! Thanks for this post, but I couldn't manage to get the date on every post, the date only shows in the latest post that I post on a day, while the rest of the posts that I create earlier the same day only shows the time. I do not know how to fix this =/ since I used a different template to my blogger, is there anyway to do in order to get the date header on every post?
    My blog is http://tangz-ice.blogspot.com

    ReplyDelete
    Replies
    1. Hi Tangz,

      This tweak won't work on third party templates. The thing is, in the code above, I've restructured blogger's default HTML in a way to support Javascript and show date in each post. The template that you're using are structured in a totally different way, that I am not familiar with. See if you can contact the author your template and find out if this tweak can be incorporated into your template. I'm sorry I could't be much more of a help.

      Delete
  15. Thank you so much! You are awesome! I had been looking and trying codes that didn't work... finally someone who knows what they're talking about. :)

    ReplyDelete
  16. PHEW FINALLY IT WORKED! This blog always seems to save my blog, haha! Thank you for the tutorial <3

    ReplyDelete
  17. Hi! I have a question about blogging on a different page then my -home- page. When I add a page to my -home- page I get the dates, but I also have a page named -blog- and their I cant get to post new post on, I just have to start above the text I already have written the day before. so my question is: How do I get to make posts on another Page other than my -home- page?
    Hope you can help me out!! Thanks

    ReplyDelete
    Replies
    1. Hi AHV,

      This is a classic question. The short answer is, nope, you can't publish posts in your static pages. But there's a workaround. Check out this post:

      http://www.southernspeakers.net/2010/10/customised-menu-bar-with-link-list.html

      Delete
  18. Hi Yoga,

    THANKS for this tweaked version. I really appreciate you sharing this information with us. This works like a charm and your tutorial couldn't be more straight-forward! (Kudos!)

    ReplyDelete
    Replies
    1. Hi Tyler,

      Appreciate the feedback, thanks very much!! :)

      Delete
  19. Hi yoga This is my blog http://psearches.blogspot.com. I dont know why date is not showing in a above the post title. pls do needful.

    ReplyDelete
    Replies
    1. Hi Paras,

      You're using a third party blogger template. Your template is designed to show the date below your post title. Try to contact your template's author and see if there's any way to change its position.

      Cheers.

      Delete
  20. hello i want to manually add date under post title is there any code for this

    ReplyDelete
    Replies
    1. Hi Mahfooz,

      Looks like you're using a custom template. It is best to contact the author of your template.

      Delete
  21. Thanks for your tutorial!
    It worked perfectly on "Awesome Inc." template.

    You've got a nice and useful website!

    ReplyDelete
  22. Hi Yoga! I have another problem regarding date headers. After I changed layout of my blog, my date headers completely disappeared. I also changed positions of my post titles...from left to center and created page tabs below my header and I also increased white spacing between page tabs and first post title. After all of that my date headers where missing and I've spent whole day figuring what I did wrong?! Please help!

    http://thebasicss.blogspot.com

    ReplyDelete
    Replies
    1. Hi Ana,

      Sorry for the late reply. Try adding the following CSS code to your 'Add CSS' box in Template Designer - Advanced:

      .tabs .widget h2.date-header {
      display: block;
      margin-bottom: -60px
      }

      Let me know how it goes. Cheers :)

      Delete
    2. Hi Yoga! I've tried with this but it doesn't work. For some time now CSS code doesn't work on my blog...where can I add this code in HTML? When I changed layout of my blog, everything went wrong. I don't have date headers, my comments are not in line (I have embedded comment form and I used to have them one after the other and now they are all over the place) and my CSS doesn't work! I messed up everything....

      http://thebasicss.blogspot.com

      Delete
  23. Hi Yoboy! I am trying to send you questions about problems I created while trying to modified my blog in blogger but Ask a Question page tab is not working for me and I really need your help...once again....

    http://thebasicss.blogspot.com

    ReplyDelete
  24. Hi Yoga! I know, I know....me again! Just wanted to thank you for your previous code, it finally worked when I placed it in HTML code, above ]]> line! Thank you! Thank you! My problem with embedded comment form still remains..I completely messed up my entire blog by trying to improve it....


    http://thebasicss.blogspot.com

    ReplyDelete
    Replies
    1. Hi Ana,

      First of all, sorry for the late replies. Been busy with Deepavali celebration, and it's finally over. You woulnd't have to wait long for my replies anymore.

      So, I checked your blog to see if I can notice anything wrong with your comment form, but it seems like you've changed the settings of your comment placing. Could you change it back to 'Embedded' so that I can inspect what has gone wrong?

      Gimme a nudge (by replying this comment) one the embedded comment form is up again.

      Cheers and God bless :)

      Delete
  25. Awesome, and so easy too. Blessings+

    www.formationtoolbox.com

    ReplyDelete
  26. Thank you so much for posting this! I've been searching for a way to separate the posts for days and finally stumbled upon your site. My question now is if there is any way to reduce the large spaces? Namely (1)above the date, (2)the box below the date, (3)above the post title, (4)after the body, and (5)between each post. It's a little too spread out for my liking. Thanks again for all your help!
    emmiwolfram.blogspot.com

    ReplyDelete
    Replies
    1. Hi Emmi,

      Try this. Add to your 'Add CSS' box:

      .date-header{
      margin-top: -20px !important;
      margin-bottom: -50px !important;
      }
      .post-outer{
      margin-bottom: -60px !important;
      }
      .date-outer{
      margin-bottom: -27px !important;
      }

      You might wanna use Internet Explorer for now, as the Template Designer isn't working well with other browser for now..

      Delete
    2. That's perfect! Thank you Yoga! I haven't experienced any issues with the Template Designer yet, but I'll keep it in mind. Thanks again for your help.

      Delete
  27. This man right here is aces. Thanks for the help Yoga!

    ReplyDelete
  28. Its a great tutorial here, but on the contrary it didn't work for me. I am not sure if this tutor is meant for the problem I am having. There's no time or date displaying on my blog, that's what I want to fix. I'd be glad if you can attend to this. Thank you Yoga. here's my site: WorldWebSurfers.com

    ReplyDelete
    Replies
    1. Hi Emmanuel,

      You're using an extremely modded custom template. Most tutorials that you find online are for templates that follow Blogger's default structure. The template that you're using isn't one of them. And nope, the tutorial in the post above will not bring the date/timestamp back.

      I'm starting to think your template is not meant to show date and timestamps. Anyways, see if this helps. Go to Dashboard - Layout - Blog Posts - Edit and make sure the box for date and timestamp is checked. Save the changes, and see if it is visible in your blog. If it still isn't there, backup your template by going to Dashboard - Template - Backup/Restore - Download Full Template, then go to Template - Edit HTML and click on 'Revert Widget Templates to Default'. If this still doesn't fix things, you might wanna contact the maker of this template and see if the person has a solution for this.

      Cheers :)

      Delete
  29. Thank you.
    Thank you, thank you, thank you, thank you, thank you.

    ReplyDelete
  30. You...are...my...HERO. This is the best solution in the whole wide world!!

    ReplyDelete
  31. YES! finally I did it... thanx to you Yoga! this tutorial really2 help me... :)

    ReplyDelete
  32. Hi, I have been trying to get the Date or Time on my blog using this xml change. After restoring blogging confirms upload but changes are not visible on my blogger home page. Is there a trick to this? Any help would be appreciated. Thank you.

    ReplyDelete
  33. Thanks for the tip.. I just posted another comment which had a question on why it is not changing. Please ignore that, it was because I was using dynamic view template which does not support most settings. I changes the template, and timestamp works perfectly. Thanks.

    ReplyDelete
  34. Thank you so much!! I was using your old coding and it just wasn't working I so glad you updated this. C:

    xo, Janiecy
    janiecyxo.blogspot.ca|A Beauty, Fashion & Lifestyle Blog

    ReplyDelete
    Replies
    1. Hi Janiecy,

      Thanks for the feedback :) Glad this one worked :D

      Delete
  35. Thanks a lot! It works on the post pages. Could you tell me the code to show the date for all posts on the home page as well as the post pages?

    ReplyDelete
    Replies
    1. The tweak above should show dates on all your posts on your homepage. Is this not the case for your blog?

      Delete
  36. thank you dudu . you site is great

    ReplyDelete
  37. Thanks you so much. It is showing date on all posts (on post pages). But the date on one of the posts (on the same day) shows up as blank on the home page. My blog is anjanadesigns.blogspot.com.

    ReplyDelete
    Replies
    1. Hi Anjana,

      I've just tried the mod in one of my unedited templates, and it works fine:

      http://i.imgur.com/fmkpzUb.png

      I tried looking into your template and it seems like you have div tags that I've never seen on standard templates before. Is this a modified template by any chance?

      Delete
  38. Hi there, thanks for making such helpful tutorials, this is truly a great site.
    I tried this tutorial but it actually creates two headers for each post, all crazy aligned. I don't know if that's because I changed the date header to appear under the post title. I'm using Simple template with a lot of CSS modification.

    ReplyDelete
    Replies
    1. Hi there,

      I've just re-tried the tweak, and it is still working as intended. Can I have a look at your blog which has double headers for each post? You could replicate the problem in one of your test blogs if you don't want to do it on your main blog.

      Cheers :)

      Delete
  39. Worked like charm...thanks a lot.

    ReplyDelete
  40. I was annoyed by the combined posts so thank you very much!

    ReplyDelete
  41. Hi Yoga,

    I'm sorry to bother you. I'm a designer but I'm pretty new to code so I've just been doing trial and error on this blog update for a friend. I've been attempting to get the date to be on the same line as the post title so that is goes: date - title. And I want it all in white font with a black bar background with the date and title to have different fonts. I'm getting close but I've gotten myself into a hole that I can't see my way out of. You can go look at the test sight to see what I mean, but some how I've got 2 dates per post and there's a dashed line through my title which has somehow pushed my sidebar down to the bottom of my blog :(

    I've tried to retrace my steps but it's not working. I think I did something a few days ago while trying to get this how I want it that messed up what your code does.
    Any help you can offer would be amazing!

    Here's the test site: http://designtestcustom.blogspot.com/
    (please ignore post content. I've just been doing test posts)

    ReplyDelete
    Replies
    1. Hi Sara,

      Sorry for my ridiculously late reply. I've seen your site, and it looks like there is a mess in your template that's causing this. The code that is responsible to display the header is showing up twice. Could you undo this and get back to me? If you're unable to find the portion responsible, we might need to move this discussion to the forum (since it'll be a long one).

      Delete
  42. THANKS THANKS THANKS THANKS AND

    PLS TELL ME IF THERE IS A WAY TO TRANSFER 1 POST COMMENT TO 2 POST

    ReplyDelete
    Replies
    1. Rahil,

      There isn't a way to transfer comments, unfortunately.

      Delete
  43. Thank you so much for this tutorial! I've been looking for this since forever and never figured out how to do it! :)

    ReplyDelete
  44. Thank you for the tutorial. Is there anyway that I can add a date to each blog post and move the date header underneath the blog title? I have tried and each time I end up with two date headers on above the blog title and one below.

    ReplyDelete
    Replies
    1. We can just hide the one showing at top I guess. What's your blog's address?

      Delete
  45. My blog's address is: http://realgossiptv.blogspot.com/. Right now I just have the date header underneath the blog post titles. Thanks again

    ReplyDelete
    Replies
    1. I need both date headers to be showing to identify the get rid of the correct one. I understand you wouldn't want two date headers to be showing on your blog until you get it fixed. Could you perhaps create a dummy blog and import the same template there, and recreate the issue so that I can identify the correct header to be removed?

      Delete
  46. Thank you so much. Your tutorial help me a lot =D

    ReplyDelete
  47. This was great. Thank you so much for sharing.

    ReplyDelete
  48. Great tutorials as always! However, I had some issues with this one: the SyntaxHighlighter doesn't match up with the picture of the lines to delete/replace. The starting portion is fine but the ending portions are different from each other. I tried guessing which lines to delete but it messed up my posts (it created headers, within headers, etc.)

    In the end I just deleted the whole section in my editor and replaced it with the entire syntax provided in the tutorial. So far it seems to have worked...hopefully I didn't mess something else up as a result!

    www.ohhsorandom.blogspot.ca

    ReplyDelete
    Replies
    1. Hi Cassandra,

      The code in SyntaxHighlighter is more recent than the one in the screenshot. They were adding/removing lines like there's no tomorrow, and I had to constantly update the code above whenever Blogger makes change. Hope you did the right change :)

      Delete
  49. thank you so much for sharing this!!!! :)

    ReplyDelete
  50. thank you so much ... you are amazing

    ReplyDelete
  51. Thanks for the tutorial, I was finally able to put the timestamp for each blog post. However, it seems like now the timestamp is also showing up on my "pages" tabs. Could it be from adding this code in or is there another problem? I would really appreciate the help!! :)

    ReplyDelete
    Replies
    1. Well I suppose it could be causing it, I can't quite tell (it has been some time since I wrote this). Mind if I take a quick look at your pages?

      Delete
    2. Sure! Here's a link to a page: http://shapeuptowakeup.blogspot.com/p/recipes.html

      Delete
    3. Hi Angel,

      Go to Dashboard - Template - Edit HTML - Find for </b:skin> - Paste the following directly below </b:skin> - save your template. Let me know how it goes..

      <b:if cond='data:blog.pageType == "static_page"'>
      <style>
      .date-header {
      display: none !important;
      }
      </style>
      </b:if>

      Delete
    4. Thanks so much! Worked like a charm!!

      Delete
  52. seriously awesome! thank you! but i have this weird bar (seems like a part of the date header background color on my pages?

    ReplyDelete
    Replies
    1. Hi May Ros, let's have a look at your blog. What's your blog's address?

      Delete
    2. it's mycouponingadventures.blogspot.com thank you for replying!

      Delete
    3. tried the fix you posted above. it worked thanks!

      Delete
  53. hello and thank you for the amazing solution .. i want to ask if i can make that for the mobile template to for the blog..thanx agaian

    ReplyDelete
    Replies
    1. Hi there,

      I'm afraid I find the mobile template not so editable. I'll have another look anyway when I get the time.

      Delete
  54. OMG SOMETHING THAT REALLY WORKED!!!!! :) thanks so much to whoever is the owner of this blog! :)

    ReplyDelete
  55. Hi help! I tried it but it doesn't work gor me... :(

    ReplyDelete
    Replies
    1. What template are you using? The above is meant for Blogger default templates only.

      Delete
  56. Thank you so much for this! It's the only thing I tried that helps. I was going crazy!

    ReplyDelete
  57. Works perfect! Thank you!! I was going completely bonkers. Also, any way to do it for mobile as well?

    ReplyDelete
    Replies
    1. I'm afraid it's not possible in Mobile template. Doesn't look like the mobile template is responding to any changes at all..

      Delete
  58. Is there any way by which I can only include only Date stamp without the "day" ?

    ReplyDelete
  59. Nvm..plz ignore my previous comment. i got how to show only date,... :)

    ReplyDelete
  60. It worked super Thanks for the tutorial !

    ReplyDelete
  61. Thanks Yoga! I couldn't follow your instructions exactly since I have my title above my date, but I used part of your html code and it worked!

    However, now I'm trying to figure out how to post myself as author on the same line as my date, but I can't figure it out.

    Do you think you can help me figure it out? Thanks in advance!
    I used your html of the script and h2 codes only and placed them under the post title coding. I then ripped the author code from the footer and inserted it under your coding above the post header lines.

    I tried copying the coding here, but I wasn't able to.

    ReplyDelete
    Replies
    1. Hello Debra,

      The easiest way would be to hardcode the author name, in which case you'd use this:

      <!-- posts -->
      <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
      <div class='date-outer'>
      <script type='text/javascript'>var ssyby=&#39;<data:post.dateHeader/>&#39;;</script>
      <h2 class='date-header'><span><script type='text/javascript'>document.write(ssyby);</script></span></h2>
      <h2 id='date-author' class='date-header'><span>POSTED BY YOURNAME</span></h2>
      <div class='date-posts'>
      <div class='post-outer'>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <b:include data='post' name='comment_picker'/>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <b:include data='post' name='comment_picker'/>
      </b:if>
      </div>
      <b:if cond='data:post.includeAd'>
      <b:if cond='data:post.isFirstPost'>
      <data:defaultAdEnd/>
      <b:else/>
      <data:adEnd/>
      </b:if>
      <div class='inline-ad'>
      <data:adCode/>
      </div>
      <data:adStart/>
      </b:if>
      </div>
      </div>
      </b:loop>
      <data:adEnd/>
      </div>

      And add the following to your CSS for some styling:

      #date-author{
      position: absolute !important;
      right: 0px !important;
      left: 15px !important;
      width: 200px !Important;
      }

      Delete
  62. hi.. i am so confused.. sorry bout that but does it work for custom template
    www.thestephaniekxin.blogspot.com hope you understand .. haha :)
    I am finding code that can fit into the template so that my blog's posts have date and also labels.. thanks

    regards.

    ReplyDelete
    Replies
    1. Hello there.. It'd would work on some custom templates that follows Blogger's default structure - I'm not very familiar with the one you're using. Are you able to find the code in Step 1 within your template? If yes, you should be able to get this to work in your template as well.

      Delete
  63. Hi Yoga, I've tried to copy and paste the code that you have mentioned above but nothing has changed. I'm not sure if you are still active here or not so if you do ever see this comment, could you please email me at kimchi.bibimbap@hotmail.com ?

    Thanks!

    ReplyDelete
    Replies
    1. Hello Dreamlucky,

      Are you using a dynamic template by any chance? What's your blog's URL?

      Delete
  64. Hi I'm trying to add to one page mutliple posts, that display to each post day/month/year to go underneath titles and display timestamp but I tried your method and cannot work it out. Using new version blogger and cant see the Expand Widget button. Help!

    ReplyDelete
    Replies
    1. Hello Sherra,

      Let's have a look at your template. What's your blog's address?

      Delete
    2. Thanks - madebyglamour@blogspot.com

      Delete
    3. my blog is madebyglamour.blogspot.com

      Delete
    4. Hello Sherra,

      I don't see any posts in your blog (and thus no dates). What am I missing?

      Delete
  65. Thank you very much, big help to me.
    Your instruction is very clear and precise.
    Unfortunately, most of my nationals are yet to notice of your instruction because of our language problem, however, at least I am benefitted of the help:)

    ReplyDelete
    Replies
    1. Hello Michiko-san,

      Glad I could be of help :)

      Delete
  66. Is there a way to do this with CSS code or does it have to be done with HTML?

    ReplyDelete
    Replies
    1. I'm afraid CSS alone wont do it. The tweak requires HTML change.

      Delete
  67. I want to .. Where's the 'Expand Widget Template' .. i can't found that thing.

    ReplyDelete
    Replies
    1. You can ignore that box, you can readily find the code snipped from your layout now.

      Delete
  68. hey hey Yoga. i remember this tutorial. a good old one. but i have an issue. i just tried it. it works. but... now i have a small box (so small that it looks like a button) in my pages too. it seems to look like a part of the date header. like a snippet from it. any chance to remove it from pages?

    ReplyDelete
    Replies
    1. Hey Crocoboard. Mind if I take a look at your blog? I may have more idea on how to get rid of it if I get to inspect it.

      Delete

Please use the 'Ask a Question' page to shoot questions that are not related to the tutorial in the post above.