How to add Related Posts Widget for Blogger with Thumbnails

    

Displaying the links to related posts along with a thumbnail of the corresponding post will help you increase the page views/user .Users will be tempted to go for the related posts when they are presented attractively with thumbnails.
This is another first release from me.This one also uses the media thumbnails generated by blogger for each post.
For displaying the thumbnails,this widget will use the images uploaded for the post using the blogger image uploader(from the post editor) [Update - Now supports external images also.]

Related Posts Widget with Thumbnails for Blogger

Here are the detailed steps to install the related posts widget for blogger with thumbnails
1.First of all Login to your blogger dashboard and navigate to Layout > Edit HTML and check the "Expand Widget Templates" check box
2.Now look for

</head>

and replace it with

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK_EkhwHZ712oEUO0R3U8Meo4lptDaQUjDilcDCNbuDPLEwCJuVyvjrXI60TM3ynXq16wm-9oRYuCs30ES4pX-b2Ae1uz_4uIqiexavBFfxEZYgbo2wD_vrxd2NOVL2Tf31gTufvzPZkU/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

3.Now Find

<div class='post-footer-line post-footer-line-1'>

If you cant find it then try finding this one

<p class='post-footer-line post-footer-line-1'>

Now immediately after any of these lines(whichever you could find) place this code snippet

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

4.You can adjust the maximum number of related posts being displayed by editing this line in the code.

var maxresults=5;

you will also have to edit the posts per label(it should ideally be one more that maxresults)

max-results=6

5.To edit the title of the widget you can change this line of code

var relatedpoststitle="Related Posts";

6.To change the default thumbnail, you can edit this line of code

var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK_EkhwHZ712oEUO0R3U8Meo4lptDaQUjDilcDCNbuDPLEwCJuVyvjrXI60TM3ynXq16wm-9oRYuCs30ES4pX-b2Ae1uz_4uIqiexavBFfxEZYgbo2wD_vrxd2NOVL2Tf31gTufvzPZkU/s400/noimage.png";

7.To Change the Colour of the Splitter Line , edit

var splittercolor="#d4eaf2";

To change the other colours and all you will have to modify the CSS
If you fall into troubles implementing this,don't panic.. :) .just leave me a comment here and i will help you out. If you like to give me any suggestions on how to improve this widget,then it would be really great.

How to display the related posts on every page and not only on the post pages?

Just remove the two lines starting with <!-- remove --> from both step 3 and step 2.
that is lines

<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>

and

<!-- remove --></b:if>

Increse the ram of your android device by sd card

                    How to increase ram in your android device

ANDROID, the most famous operating system that has been used in manufacturing new smart phones. Everyone wants to buy a smart phone of his own. But not everyone can afford to bye the most wanted ones. Rather their small budget restricts them to low end phones with most probably gingerbread 2.3 and a ram of 256 mb. But they can’t do anything with this small amount of ram. They can’t play HD games and run many apps which require more ram. So it’s an annoying problem to buy a low end phone and get restricted in the android world.

So I am trying to provide you a better solution to solve the problem of low ram in your android device. With this trick you can play most HD games and run the apps which require more rams. Now get back to work.

For this you will need 1. A rooted android phone

                                    2. Download swapper for root

That’s all.

·        Open the app swapper for root that you have downloaded.

·        Now check the option Active Swap on boot.

·        Select the type of partion of your SD card.

·        Type the amount of ram you want to increase.

·        Let the application to create the .swp file.

And you have increased your ram.

N.B. Your mobiles rom must support swapping. To know this Google your roms name for swapping support. Now you can play HD games and run high ram needed apps.

Enjoy.   

                                        

swapper[www.tech-nology-life.blogspot.com].apk

Some SEO tips for blogspot bloggers

Optimizatio or SEO - All of you might have heard of it??So what exactly is it?

What do we do to make our Blog Friendly to our readers? - We do change the layout and design so that our blog looks elegant to eyes.

What do we do to make our Blog friendly to Search Engines like Google,Yahoo and Bing? - Here is where we should do SEO..
Unlike Wordpress and other blogging platforms,Blogger automatically does some SEO work for us making the job easier for us.Still there are some areas where we can do something

Here is a collection of My SEO tips for my beloved readers..

1) Don't put too much posts on homepage - When you put too much content on homepage, it leads to duplicate content. Means many pages on your blog will have similar content. Your latest post page and your homepage has got the same content rite?

2) Submit a Sitemap to Google Webmaster Tools

3) You will have links to feeds on your pages. Or may be some links to social bookmarking sites. Too many links on a page makes it unfriendly for search engines. So you should add the rel='nofollow' tag to such not so important links..

- Feed links (The blog feed has same content as your blog.So it is important that you make the feed links nofollow)
- Social Bokkmarking links - If you use social bookmark buttons like that for digg,stumble twitter etc, try making them nofollow..
- Links to unimportant pages(unimportant to search engines.. ;) )like contact me page,link to me page,about me page etc..
<a href="link url">link name</a> is a dofollow url
<a href="link url" rel="nofollow">link name</a> is the nofollow version of the same link

4) Use the Title Tag Hack

5) Use Meta Tags
- What you shouldn't do when using meta tags - I have seen many blogs using the same meta tag for all pages of the blog.You should never use such duplicate meta tags, I suggest that you use a separate meta description and keywords for your home page.You can use b:if conditions to do this.

6) Get back links.. Get more links to your site from your friends.. ;)  You can also add a Link to your site Widget .

7) Submit your blog to Directories. - One of them is here Blogger Directory

8)I won't add a archive widget.If i do it i will display it on a particular page only. - Why? The archive widget has so many links in it..As i said too many links on a page is unfriendly to search engines.

9)Don't add additional ROBOT meta tags.. Some guys try adding tags like <meta name='robots'...... >
Blogger automatically does some SEO for it.. Don't override it. You know something? Every blogger blog has got a robots.txt file.. see mine.. http://www.bloggerplugins.org/robots.txt Off course we cant edit them.

10)When building back links use your primary keyword as the anchor text. <a href="">Anchor Text</a> - > Just to explain what an Anchor Text is.
I use Blogger Widgets as my Anchor Text.

11) Use Alt tags for images. When you use images try to add alt tags. For example <img src="imageurl"/> can be replaced as <img src="imageurl" alt="Some alternate description for the image"/>

12) Focus on what you write. Always try to write some unique and interesting content.You cant hope to be on top of search engines with copy paste blog posts..

These are some of the ones that i remember..Will update it if i find anymore..