Hot!

Other News

More news for your entertainment

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

Style Ordered and Unordered List with CSS in Blogger

Put the following code above the ]]></b:skin>

To change circle with rectangle

.post ul li
{
list-style-type:square;
}

To change circle with hollow circle

.post ul li
{
list-style-type:circle;
}

How To Modify Ordered List

Upper roman

.post ol
{

list-style-type:upper-roman;

}

upper-latin

.post ol
{

list-style-type:upper-latin;

}

lower-roman

.post ol
{

list-style-type:lower-roman;

}

lower-latin

.post ol
{

list-style-type:lower-latin;

}

lower-greek

.post ol
{

list-style-type:lower-greek;

}

lower-alpha


.post ol
{

list-style-type:lower-alpha;

}

______________

Simple Ordered list sample

  1. aa
  2. bb
  3. cc
  4. dd

______________

Remove Date Time Stamp from Blogger Blogspot

How to Remove, hide or delete Date Time Stamp Author from Blogger Blogspot.

There are two methods and solutions on how to hide date time stamp in Blogger Blogspot. It's recommended that you use the first method as it's the easiest and without any risk of breaking the template codes.

I. Removing Date Time Stamp through Page Element (Recommended)

After login -> Layout -> Blog Posts / Posting Blog -> Edit (See Picture 1)
At Post Page Options -> Uncheck everything you want to hide/remove including Post Time, Post Date, Post Author, Label, etc. (See Picture 2)
Click Save. Done

Picture 1. Blog Posts / Posting Blog in Blogger Page Elements

blog pots edit page elements

Picture 2: Post Page Options

remove date time stamp via post page options blogspot

II.Removing Date Time Stamp through HTML Editing (Not Recommended)

Tip: (a) Use CTRL+F or F3 to Search for a Code inside the Template; (b) Enter the code you're searching inside the "Find" box (b) Back up your template first by clicking Download Full Template

A. Removing Post Date

After login -> Layout -> Edit HTML -> check Expand Widget Template
Search for this code ->
Delete it. Save Template. Done.

B. Removing Post Time

Search for this code at #2

Delete the code. Save Template. Done.

C. Remove Post Author

Search for this code at #2

Delete it. Save Tempate. Done.

Sporty Blogger Blogspot Templates Themes

Ezwpthemes has created a number of great Sports Blogger Blogspot templates themes. For sports fans, this kind of templates could be regarded as a symbol of their fondness to the world of sport. For the Wordpress version of these themes, click here. Oh btw, anyone has Fifa World Cup 2010 template theme for Wordpress and Blogger Blogspot? Let me know if you do.

Name: Chelsea FC Template
Download
Live Demo
Screenshot

Chelsea FC Theme


Name: Real Madrid Metro
Download
Live Demo
Screenshot

Real Madrid Retro

Name: Hot for the Rim (Basketball)
Download
Live Demo
Screenshot

Hot for the Rim


Name: National Football League (NFL)
Download
Live Demo
Screenshot

National Football League


Name: Superbowl
Download
Live Demo
Screenshot

Super Bowl


Name: Jumping Ski
Download
Live Demo
Screenshot

Jumping Ski


Name: Swing Like Tiger (Golf)
Download
Live Demo
Screenshot

Swing Like Tiger

Breadcrumb for Wordpress Blogger Blogspot

breadcrumbs for blogger wordpressHow to create and install breadcrumbs navigation trail in Blogger Blogspot and self-hosted Wordpress blog. For SEO purposes, breadcrumb is one factor highly recommended by many SEO experts.

Breadcrumb is necessary to optimize a website or blog visibility to search engine result page (SERP). It's also important for a website/blog usability.

For Meaning, definition and picture of breadcrumbs scroll down below.

I. Breadcrumb for self-hosted Wordpress Blog

Install Breadcrumb NavXT (Use search and install method from within your Wordpress Admin as explained here) and activate it. Or you may download it to your pc before uploading the Zip format into the Plugins -> Add New -> Upload.
Go to Settings -> Breadcrumb NavXT -> Posts & Pages
In Post Taxonomy choose "Category" or "Tags" as your breadcrumb navigation.
Click Save Changes. Done.
Live Demo See here. I choose Tags for this blog.

Notice:

By default, the main page is Home, you may change it into Blog like mine or whatever you like. Just go to Settings -> Breadcrumb NavXT -> General -> Home Tile box -> enter whatever word you like
The wordpress breadcrumb will look like this: Main Page -> Category / Tags -> Post Title

II. Breadcrumb for Blogger Blogspot or Top domain (example.com) hosted at blogger.com

Tip: (a) Use CTRL+F or F3 to Search for a Code inside the Template; (b) Enter the code you're searching inside the "Find" box

Login to your blogger.com -> Layouts -> Edit HTML -> check the Expand Widget Template.
Search for code ]]>
Delete and Replace with this code at #4:
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
]]>
Search for this code:
Delete and replace with the code at #7


Search for this code:
Delete and replace with the code at #10

















Click Save Template. Done.
Live Demo see here

Notes: The blogger.com breadcrumb will look like this: Home -> Label -> Post Title

----
About breadcrumbs:
Breadcrumbs use a single line of text to show a page's location in the site hierarchy.

Breadcrumbs or breadcrumb trail is a navigation aid used in user interfaces. It gives users a way to keep track of their locations within programs or documents.

Breadcrumbs typically appear horizontally across the top of a web page, usually below title bars or headers. They provide links back to each previous page the user navigated through to get to the current page or—in hierarchical site structures—the parent pages of the current one. Breadcrumbs provide a trail for the user to follow back to the starting or entry point. A greater-than sign (>) often serves as hierarchy separator, although designers may use other glyphs (such as »), as well as various graphical treatments.

Typical breadcrumbs look like this:

Home page > Section page > Subsection page

breadcrumb navigation

How to Revert to Old Blogger Template Editor?

The new blogger template editor has made life more uncomfortable especially to blogger user who uses custom blogger templates instead of the default ones. Whenever you've edited and saved the template, the template appearance will be broken.

Is there a way to be back to previous blogger editor? The question especially directed to the creator of the new one +Samantha Schaffer and +Renee kwang. I think many blogger users need to revert back to previous template editor to avoid the messy stuff due to this new editor.

Blogger Template Editor Baru Bikin Rusak Template Custom

Ya, blogger template editor yang baru tampaknya bagus tapi kalau kita memakai tempate desain yang custom sebaiknya tidak membuka editor yang baru ini karena template kita bisa rusak.

Kalau kita memakai template kustom yang bukan bawaan blogger.com maka setelah kita mengedit dengan memakai template editor tersebut, desain tampilan akan rusak seperti yang terjadi pada fatihsyuhud.org.

Sementara yg saya lakukan mengupload lagi template Confidence buatan Soratemplate dan tidak mengeditnya sampai ditemukan cara mengedit yang aman.

Saat ini sedang cari cara untuk me-revert (kembali) ke tampilan template editor yang lama. Ada yang tahu?

How to Block Adsense Ads from Appearing in Other Websites


1. Click the “Home” tab after logging in to AdSense, and then click “Account Settings” on the left side of the page.
2. Scroll down to the “Access and Authorization” section, and click the “Only allow certain sites to show ads for my account” check box. A new text field appears.
3. Enter each domain that you want to allow for AdSense in the “Authorized Sites” field.
4. Click the “Save” button.