Rich Snippets Testing Tool Beta From Google Products

Use the Rich Snippets Testing Tool to check that Google can correctly parse your structured data markup and display it in search results.

This is New from Google webmaster Tools, i like for test my blog in this app,

Rich snippets (microdata, microformats, and RDFa)
About rich snippets
Tools and tips
Rich snippets types
Breadcrumbs
Events
Music
Organizations
People
Products
Recipes
Review ratings
Reviews
Software applications
Videos: Facebook Share and RDFa
Read Ful Content

Test Your Blog for error whit this best tools

Continue Reading →

Related Posts with Thumbnails for Blogger

Related Posts with Thumbnails for Blogger

Related Posts with Thumbnails for Blogger

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

Ful Reading

This Work in my them blog and my download-mobile-apps

Continue Reading →

How To Fix Auto Readmore On Post Pages?

This in nice Post And Work whit my templates, Thanks For this Tutorial.
Hi, my blog template use automatic readmore script. It cut post and show thumbnail image automatically. The problem show after Blogger launched Pages Gadget. The script also cut on Pages Post. It's not looks good. How to fix this problem?"

It could be happened to you too. You want to use an automatic thumbnail but you also want to show full post Pages. Follow this step to fix the problem.

Open Design>Edit HTML , tick mark on Expand Widget Templates. Usually there is basic automatic readmore script like this.

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

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span>

</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Insert some codes on bold type as follows

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

<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more <data:post.title/> </a></span>

</b:if>
</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

nice Post and step, just follow this metode to normal page in templates,

Continue Reading →

Automatically create post summaries with thumbnails

By using this method your blog will automatically create post summaries with thumbnails, advantages of using this method is that your blog will increasingly look professional, in addition, visitors can see a big difference between a home page with a page of posts.

This Tips is Simple embed file .js in the xml templates,

Step by step create post summaries with thumbnails,

go to Edit HTML, check the ” Expand Widget Templates

1. before edit your template, first bakup(Downlod) your original xml template !
2. check the ” Expand Widget Templates
3. Find this code </head>
Copy and Paste this code and place the following code right above it.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 520;
summary_img = 430;
img_thumb_height = 80;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var
d=b.split("<");for(var
c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!="
"&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return
b+"..."}function createSummaryAndThumb(d){var
f=document.getElementById(d);var a="";var
b=f.getElementsByTagName("img");var
e=summary_noimg;if(b.length>=1){a='<span
style="float:left;margin:0px 10px 5px 0px;"><img
src="'+b[0].src+'" width="'+img_thumb_width+'px"
height="'+img_thumb_height+'px"/></span>';e=summary_img}var
c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]></script>
</head>

4. Save Templates
5. Now Find <data:post.body> Replace it with


<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>

<div style='float:left;margin: 10px 0 5px 0;padding:0px;font:normal 13px Georgia;border:none;'>

<span class='rmlink'><a expr:href='data:post.url'>Continue Reading →</a></span></div> </b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>


Save and test Your Template,

Continue Reading →