Different Thumbnails On Home Page

I do not know whether to use wordpress plugin to display different thumbnails on the home page, but it can be done more easily in blogger. Enough with the conditional tags.

Thumbnails will be used on the home page to give an idea of ​​the contents of the article, and will disappear after the visitors went into the article. One of the blogs that implementing this system is bloggerplugin. Here I will explain the application.

We will use the conditional tag that govern the appearance on the pages of articles (items).

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

To wrap a certain class. This class will be placed in an HTML image you wish to be a thumbnail. 

Here's the total code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>

.thumb {display:none}

</style>
</b:if>

Put the above code </head>

***

Sign in view the first post & when inserting images into articles, will appear the following code:

<a class="thumb" onblur="try
{parent.deselectBloggerImageGracefully();} catch(e) {}"
href="...s1600/anonymous.png"><img style="display:block; margin:0px
auto 10px; text-align:center;cursor:pointer; cursor:hand;width:
35px; height: 35px;" src="...s400/anonymous.png" border="0"
alt=""id="BLOGGER_PHOTO_ID_5529584144433618498" /></a>

or ,

<img class="thumb" src="...s1600/anonymous.png" alt="" /> 

Add the red code as shown in the HTML above. The point is the class = "thumb". Commons is a set that thumbnails / images dihidden if go to page the article.

Related Articles