Tutorial

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

We have seen many cases where people try to hack and crack some popular sites and damage the reputation of it.It has been true in case of MyBloglog too.

But lets concentrate on the things by which we can get advantage of.

MyBlogLog is owned by Yahoo Inc.

Now I will show you how to track the recent 127 visitors(Who are also members of MyBlogLog).

Click on add a website/blog link.Fill the small form and get your blog listed under your
My Sites and Services option.Now click on the widgets link below the website/blog listed.

It will look like the one shown in below image…

MyBlogLog

Your code will also look similar, except the ID number i.e., 200711051214522 in above case.

Just look for your code and copy the ID number(Just the number) and past it in one notepad or any other text editors.

Now look at the below code…


<script type="text/javascript"
src="http://pub.mybloglog.com
/comm2.php?mblID=2007110514214522&c_
width=800&c_sn_opt=n&c_rows=10&
c_img_size=f&c_heading_text=&
c_color_heading_bg=FFFFFF&
c_color_heading=ffffff&
c_color_link_bg=FFFFFF&
c_color_link=FFFFFF&c_color_bottom_bg=FFFFFF">
</script>

Now replace the ID number(i.e., 200711051214522 ) from your ID number.

That’s it….now copy and past the entire code wherever you want to show your recent 127 visitors who are also members of MyBlogLog.
Optional: In the above code we have made the color of widget texts Powered by MyBlogLog into white, you can change it to the color of your blogs background.

One more use of MyBlogLog is, we can encourage people to comment on our blog.

i.e., we can get the logo of members who are currently viewing your blog(if he/she is logged into their MyBlogLog account).

Here goes the code…


<img src="http://ipub.mybloglog.com/i/v2005051600562336_req.jpg"
 alt="" width="48" height="180" />

Just copy and past the above code(without any modification), anywhere in your blog to get the profile pic.

Below is one such use, to ask the visitors to share their opinion/knowledge by commenting about the article.(make sure you are logged into MyBlogLog to see the effect in this page).

Please share your opinion/knowledge by commenting about this article..

Tag: Tutorial

Tips,Tricks and hack for blogger blogs

MyBlogLog – Some tricky uses