Sunday, April 14, 2013

Blogger Related Posts with Thumbnail (Image)

There are two sets of codes which need to be installed at the Blogger template editor (Template -> Edit HTML):

First code, put it above or before the </head>
The code is as follow:

<!-- 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-->
__________________________

SECOND CODE: ADD IT AFTER/BELOW AROUND POST.BODY

Every template is different. So you should try it once and again to make the position right. One thing is sure it should be placed below the post.body.
<!-- 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-->
_

Courtesy: Aneesh of bloggerplugins.com
http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html

_____________________

Free Islamic Blogger Blogspot Templates

Top ten free Islamic design blogger blogspot templates you can download. No specific texture of design that distinguish the Islamic design template themes and the non-Islamic ones except that the templates that claim to be Islamic contain some Arabic letters and words written in it such as basmalah (bismillah), the word Allah or Muhammad, or anything identical or related to Islamic festivities or holidays such as Ramadhan, Idul Fitri , Idul Adha, Muharram, etc. If you know of some other interesting blogger blogspot Islamic themes, please let me know in the comment box.

Oh one more thing, some of those Islamic templates are created by an Indonesian female template designer called simply as Rini.

1. Islam Green Blogger Template

Download it here
Screenshot

Free Islam Green Blogger Template

2. Allahu Akbar #3

Download
Live Preview
Screenshot below


Free Islamic Blogger Template: Allahu Akbar #3

3. Heaven of Karbala

Download here or here
Live Demo
Screenshot below

Free Islamic Blogger Template ,Imam Hussein 's pbuh Dome

4. Black Muharram Template. To commemorate the martyrdom of Ali (for Shia Muslim)

Download
Live Demo
Screenshot below

free islamic blogger template for moharram

5. Islamic 1

Download
Live Demo
Screenshot


preview

6. Ramadhan Islamic Blogger Template

Download
Live Demo
Screenshot below

Islamic Blogger Template: Ramadhan

7. Islamic Blog Template

Download
Screenshot below

8. Al Qur'an Blogger Template

Download
Live Demo
Screenshot

9. Ka'bah Blogger Template

Download
Live Demo
Screenshot below

Screenshot of Ka'bah Night Template

10. Islamic Skin blogger template

Download
Live Demo
Screenshot below



klik pada gambar untuk memperbesar

SEO Friendly Themes for Wordpress.com

SEO friendly wordpress themes for wordpress.comTop 27 SEO friendly themes available in Wordpress.com and self-hosted Wordpress blog. Wordpress.com is the biggest free wordpress-based blog provider owned by Automattic, the Wordpress blogging platform creator.

Mumtaz Anas has compiled 27 most SEO friendly themes available for Wordpress.com (notice, it's wordpress.com, not wordpress.org or self-hosted wordpress blog). He makes his compilation based on wpthemereview.com's review on each theme.

I change Mumtaz's compilation based on the rank, from the highest first to the lowest to make you easier looking at the top five, and the top ten themes. I myself have changed the theme in my afatih.wordpress.com into Grid Focus after seeing this review. And I see a rise in traffic a little bit. SEO themes does have impact on SEO, it seems.

All SEO Wordpress themes below are available at Free Wordpress themes Directory. You may search all themes from within your Wordpress Admin -> Appearance -> Themes -> Install Themes (WP 3.0) -> enter the Themes name in the Search box. You can do so in Wordpress.com as well. So, there's no need to download from external links.

Grid Focus Public 1.0 89
Cutline 1.1 83
Banana Smoothie 1.5 78
Fauna 1.0 74
Almost Spring 70
Blix 0.9.1 70
Greenery 2.0 70
PressRow 0.1 70
Sweet Blossoms 1.0.01 67
Flower Power 1.1 66
Andreas04 2.01 65
Girl in Green 1.0 65
Hemingway 0.19 64
Iceburgg 1 64
Jentri 1.01 64
Thirteen 1.31 64
Freshy 1.0 63
Ocean Mist 1.0 62
Ambiru 61
Solipsus 1.5 61
Black-LetterHead 1.0 58
Benevolence 1.0 55
Digg 3 Columns 1.0.2 54
Ocadia 1.41 51
fadtastic_theme 1.0 48
Neo-Sapien v06 0.6 47
Light 1.0 46


EmoticonEmoticon