betoacademia30
Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Busco plantilla qué este enumerada de las entradas populares
aleh3120
Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola solo agrégale los estilos a los popular-items y la parte donde dice "cond='data:view.isHomepage'" ya lo cambias según donde quieres que se muestre el widget y para que se muestre el numero el css es asi 👍
CSS:
.popular-number[data-count]:before {
color: #000;
content: attr(data-count);
font-size: 24px;
}
XML:
<b:widget cond='data:view.isHomepage' id='PopularPosts69' locked='false' title='Populares' type='PopularPosts' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>6</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>false</b:widget-setting>
<b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:attr name='data-version' value=''/><b:attr name='id' value=''/>
<b:attr expr:value='data:class ?: "widget Popular"' name='class'/>
<div class='widget-title'><span class='widget-name'>Populares</span></div>
<div class='widget-content'>
<div class='populars'>
<b:if cond='data:posts.empty'>
<b:include name='widgetMsg'/><b:else/>
<b:loop index='index' values='data:posts' var='i'>
<article class='popular-item'>
<div class='popular-rank'>
<span class='popular-hash'>#</span>
<span class='popular-number' expr:data-count='data:index + 1'/>
</div>
<div class='popular-header'><a class='popular-image' expr:href='data:i.url'><b:with value='resizeImage(data:i.featuredImage, 80, "1:1")' var='image'><img expr:alt='data:i.title' expr:height='data:image.height' expr:src='(data:image ? data:image : "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII=") + "-rw-e30"' expr:width='data:image.width' loading='lazy'/></b:with></a></div>
<div class='popular-body'>
<a class='popular-title' expr:href='data:i.url'><data:i.title/></a>
<div class='popular-labels'>
<b:eval expr='data:posts.labels'/>
<b:loop values='data:i.labels limit 5' var='label'><a expr:href='"/search/label/" + data:label.name'><data:label.name/></a></b:loop>
<!-- data:i.labels where (i => i.name in {"Label A","Label B","Label C"}) limit 5 -->
<!-- "/search/label/" + data:label.name + "?&max-results=30" -->
</div>
</div>
</article>
</b:loop>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='blogThisShare'/>
<b:includable id='bylineByName'/>
<b:includable id='bylineRegion'/>
<b:includable id='commentsLink'/>
<b:includable id='commentsLinkIframe'/>
<b:includable id='content'><b:include expr:name='"widget:" + data:widget.type'/></b:includable>
<b:includable id='emailPostIcon'/>
<b:includable id='facebookShare'/>
<b:includable id='featuredImage'/>
<b:includable id='footerBylines'/>
<b:includable id='googlePlusShare'/>
<b:includable id='headerByline'/>
<b:includable id='linkShare'/>
<b:includable id='otherSharingButton'/>
<b:includable id='platformShare'/>
<b:includable id='postAuthor'/>
<b:includable id='postCommentsLink'/>
<b:includable id='postJumpLink'/>
<b:includable id='postLabels'/>
<b:includable id='postLocation'/>
<b:includable id='postReactions'/>
<b:includable id='postShareButtons'/>
<b:includable id='postTimestamp'/>
<b:includable id='sharingButton'/>
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='snippet'/>
<b:includable id='snippetedPostByline'/>
<b:includable id='snippetedPostContent'/>
<b:includable id='snippetedPostThumbnail'/>
<b:includable id='snippetedPostTitle'/>
<b:includable id='snippetedPosts'/>
<b:includable id='title'/>
</b:widget>Temas similares
