Thursday, February 12, 2009

Set the Display Bloglist

Bloglist is a short description of the article, both in our blogs and other sites. I hope this tip can help

a. Maximizing the width bloglist content.

If you try to check the widget bloglist, the content or the content width is only about 85% of the width of the sidebar area. Bloglist be to maximize the full sidebar css code for adding it like this.

# BlogList1. Blog-content {
width: 95%;
}

Description:

# Bloglist1 is an Id that should be singular or unique. if you have multiple widgets bloglist then its id would like this #BlogList1 , #BlogList2, #BlogList3 onwards.

. Blog-content is a class that manage the contents, especially the distance (line height), size width etc..

width: 95% = size width bloglist content.


b. Displaying Images on the information in the widget bloglist.

Usually we see in the image bloglist are in the right side of the writing. to move the image in the top of any posts, move the html code this image.

<b:if cond='data:showItemThumbnail == &quot;true&quot;'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a></div></b:if> </b:if>

html code above this.

<div class='blog-icon'>
<b:if cond='data:showIcon == &quot;true&quot;'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if></div>

Description:

'data:item.itemThumbnail.height'

'data:item.itemThumbnail.width'

syntax can be replaced with a number, eg: 100, 150 or up to you.

Hopefully useful.

No comments:

Post a Comment