Showing Only Post Tittle on Archive Page

It would be so annoying if you had a lot of posts on your blogger blog and view them on Archive page, it could be a very long page. There's no way to limit how much posts to display in Archive Page (So Far I Know), not like Main Page or Labels Page.


With a new blogger syntax you can easily get rid of that problem by only showing the tittle of your Post instead of showing all of the Post contents, and how can it be good to us?!, with only showing only your tittle post you can have more pageviews by not showing all the contents, and of course it will be good if you're running ads on your blog, just like I did to this blog.


So, without a further a-doo, here's how you do it. Go to your Layout Page and go to Edit HTML section, check the Expand Widget Template, and BACKUP your template code, in case there's something wrong. And I recommend you to use Text Editor with syntax highlight capable.


Next step is find this code <b:includable id='post' var='post'> on your template, you have to pay attention carefully where it ends with </b:includable> because you'll find plenty of that code on that section.


Copy all the code within that section and combine it with this code , until it look like this:


<b:includable id='post' var='post'>
  <b:if cond='data:blog.pageType != "archive"'>
    <!-- -->
       PasteYourTemplateCodeHere
    <!-- -->
  </b:if>
  <b:if cond='data:blog.pageType == "archive"'>
    <ul>
      <b:if cond='data:post.title'>
        <li>
          <b:if cond='data:post.link'>
            <a expr:href='data:post.link'><data:post.title/></a>
          <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
          </b:if>
        </li>
      </b:if>
    </ul>
  </b:if>
</b:includable>



Now replace all the code on <b:includable id='post' var='post'> , including <b:includable id='post' var='post'> itself with those code on your template.


That's it.


PS:

  • You will maybe experience an error while you Save your template code, I experienced them myself, but try to save it with different browser, that will do the trick, and that is also why I'm not using <b:else/>

Changing Blogger Favicon to Your Own Favicon

Favicon is an icon that appears on your browser next to the URL address, it reflect your blog or your website. Usually browser automatically search the this icon on your site's home directory looking a file named favicon.ico.


By default, any blogspot.com address use blogger logo as it's favicon, you can change it with one line code as it shown below:


<link href='youriconURL' rel='shortcut icon' />



Place that code on your template, just after the <head> section. You can put your .ico file on any free file hosting service offering direct link to your files. Some of them you may use are:

Enjoy!