Helpful

Today’s post is dedicated to all those people using blogger.com. Its a great service which offers free web hosting. I wonder how much bandwidth blogger would provide!

Before trying any of the below mentioned tips/tricks, backup your theme — Goto “Layout” -> “Edit HTML” and click on “Download Full Template”..
This article is only for education purpose and I am not an expert in coding blogger templates, so try at your own risk. By changing the default behavior of the blogger blogs, you may be violating their policy. So we make it clear that, this article is only for education/learning purpose.

1. To insert Meta tags:-
Place

<meta NAME='description' expr:content='data:blog.pageTitle + ",Put in your common description tags here "'/>

in between <head> </head> tags.

In the above code expr:content= ‘data:blog.pageTitle’ gets replaced by the title of your current page. So when combined with the common description tags, the description tag becomes unique for each page. Also do not forget to replace “Put in your common description tags here” with some description of your website(this will be common for all pages of your website.)

2. Read more option (show only post Excerpt in the home page):-

Login to your account and click on the “Layout” tab. Then select “Edit HTML”. Check ” Expand Widget Templates”.
Now search for </b:skin> and paste the below code between </b:skin> and </head>


<!-- Style to implement "Read more.." link in all the posts (Start) -->
<style>
    <b :if cond='data:blog.pageType == "item"'>
        span.fullpost {display:inline;}
    <b :else/>
        span.fullpost {display:none;}
    </b>
</style>
<!-- Style to implement "Read more.." link in all the posts (End) -->

Now search for <data:post.body/> in the template HTML and paste the following piece of code after <data:post.body/>


<!-- Code to show "Read more.." Link (Begin) -->
          <b :if cond='data:blog.pageType != "item"'>
              <span>
                <a expr:href='data:post.url' 
style='color:#0000FF; 
text-align:right;
font-weight:bold; 
text-decoration:none' >
Read more..
</a>
             </span>
          </b>
          <!-- Code to show "Read more.." Link (End) -->

Save it. That’s all about coding part of the theme. To show only post excerpts on the homepage, you need to insert <span class="fullpost"> post excerpt.Remaining article will be shown after clicking on "Read more.." link.</span> . Now your articles and blog will look more professional.

3. Hide the Blogger navbar:-

Add this line #navbar-iframe {display: none !important;} before /* Variable definitions

Paste below code inbetween <style> </style> , before </head> .


<!--Code to remove blogger navbar-->
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
<!--End of code to remove blogger navbar-->

4. Post articles from email:-

Goto “Settings”, click on “Email” option. And set the email ID, and start posting articles from your email ID.
Its interesting to note that, you can post upto 10MB of images directly from your email.

5. Bulk image uploader(for firefox users only):-
Use “Drag Drop Uploader” FireFox Addon and upload as many images as you want.

6. Change the default favicon and put your favicon, great for branding purpose:-
Upload your favicon(an image of 16 x 16 pixels or 32 x 32 pixels with .png, .gif, or .ico extension. Use either 8-bit or 24-bit colours.)
Now paste below code between <head> </head> tags.


<link href='Uploaded favicons URL' rel='icon' type='image/gif'/>
<link href='Uploaded favicons URL' rel='shortcut icon' type='image/gif'/>

Book mark this article, as there is more to come, as we investigate and play with Blogger.
We thought of making this a serious post, but it would annoy visitors as they need to navigate to different pages to get what they want. So we decided to keep all things at one place. Hope this article is of some use for some of you. If this article helps you in anyway, then please share this story with as many people as possible.Thanks

Tag: Helpful

Tips,Tricks and hack for blogger blogs