Sunday, 6 July 2014

POPULAR POST WIDGET WITH NO IMAGE WITHOUT JAVA CODE

POPULAR POST WIDGET WITH NO IMAGE WITHOUT JAVA CODE


--------------------------------------------------------------------------------------------------------
STEP 1:  FIND B SKIN TAG AND AND REPLACE THIS

]]></b:skin>
-------------------------------------------------------------------------------------------------------



#PopularPosts1 img {float:left;margin:0 10px 0 5px}
#PopularPosts1 dd {margin:5px 0 10px}



]]></b:skin>



--------------------------------------------------------------------------------------------------------
STEP 2:  FIND THESE LINES  AND POPULAR POST
 WIDGET CODE IN YOUR SIDE BAR

<b:section class='sidebar' id='sidebar' preferred='yes'></b:section>
---------------------------------------------------------------------------------------------------

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<dd>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear:both'/>
<b:else/>
<b:if cond='data:post.thumbnail'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnail' height='55px' width='55px'/>
<b:else/>
<img alt='no image' height='55px' src='http://lh4.ggpht.com/_u7a1IFxc4WI/TTjruHJjcfI/AAAAAAAAAk0/i11Oj6i_bHY/s55/no-image.png' width='55px'/>
</b:if>
<a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a>
<div style='clear:both'/>
</b:if>
</b:if>
</dd>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>

----------------------------------------------------------------------------------------------------------
USE IMAGE IN THIS CODE
---------------------------------------------------------------------------------------------------------



---------------------------------------------------------------------------------------------------------
READ MORE:

http://fbgadgets.blogspot.co.uk/2014/07/popular-post-widget-float-left-with.html







0 comments:

Post a Comment

FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets