domingo, 23 de outubro de 2016

Recent post by label widget categorias para Blogger






Hoje vamos explicar como adicionar widget recent post by label by mastamvan categorias no blogger, mas para que isso serve? bem isso vai categorizar seu Blog por labels o que é melhor também para os visitantes para ver os conteudo por categorias além de dar um ar mais profissional no Blogger isso também ajuda no aumento de pageviews devido a facilidade de encontrar novas postagens no Blogger se deseja adicionar isso ao Blogger sica os passos abaixo:


Como adicionar recent post by label categorias no Blogger:

Faça login no Blogger então va no menu 
modelo >> editar HTML/JavaScript com as teclas combinadas 
CTRL+F busque por </head> e logo acima disso copie e cole o seguinte código:


<b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
.Recent_Post_Mas_Tamvan .recent-posts-title{margin:0 0 15px;padding:0;position:relative}.Recent_Post_Mas_Tamvan .recent-posts-title h2{background:#fff;border-bottom:2px solid #303030;border-right:0;line-height:32px;font-size:13px;text-transform:uppercase}.Recent_Post_Mas_Tamvan .recent-posts-title h2 span{position:relative;display:inline-block;padding:2px 12px 0;background-color:#303030;color:#fff}.Recent_Post_Mas_Tamvan .recent-posts-title h2 span a{color:#fff!important}.Recent_Post_Mas_Tamvan .recent-posts-title h2 span:before{content:"\f14d";font-family:Fontawesome;display:inline-block;text-align:center;margin-right:10px;font-weight:normal}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan{float:left;width:49%;margin:0 0}.Recent_Post_Mas_Tamvan #recent-post-mas-tamvan-1{float:left}.Recent_Post_Mas_Tamvan #recent-post-mas-tamvan-2{float:right}#recent-post-mas-tamvan-2 .widget{padding:0}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan .widget-content{background:#ffffff;border:1px solid #f0f0f0;padding:15px}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul{list-style-type:none;margin:0 0 0 0;padding:0 0 0 0}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs{margin:0 0 0 0}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs li{font-size:12px;min-height:68px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px dotted #f0f0f0}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs .mastamvan_thumb{position:relative;background:#fbfbfb;margin:3px 0 10px 0;width:100%;height:0;padding-bottom:46%;overflow:hidden}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs .mastamvan_thumb img{height:auto;width:100%;border-radius:5px}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs2{font-size:13px}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs2 li{padding:0 0;min-height:66px;font-size:11px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px dotted #f0f0f0}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs2 .mastamvan_thumb2{background:#fbfbfb;float:left;margin:3px 8px 0 0;height:60px;width:60px}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs2 li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan ul.mastamvan_thumbs2 .mastamvan_thumb2 img{height:60px;width:60px;border-radius:5px}.sidebar ul.mastamvan_thumbs li:before,.sidebar ul.mastamvan_thumbs2 li:before,#bottombar ul.mastamvan_thumbs li:before,#bottombar ul.mastamvan_thumbs2 li:before{display:none}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_title{font-size:18px;display:block;margin:0 0 5px;line-height:1.4em}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_title a{color:#1C90F3;font-weight:bold}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_title a:hover{color:#0072C6}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_title2{font-size:14px}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_summary{display:block;margin:6px 0 0;color:#8D8D8D}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_meta{background:transparent;display:block;font-size:11px;color:#8D8D8D;text-transform:uppercase}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_meta a{color:#8D8D8D!important;display:inline-block}span.mastamvan_meta_date,span.mastamvan_meta_comment,span.mastamvan_meta_more{display:inline-block;margin-right:8px}span.mastamvan_meta_date:before{content:"\f073";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px}span.mastamvan_meta_comment:before{content:"\f086";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px}span.mastamvan_meta_more:before{content:"\f0a9";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px}ul.mastamvan_thumbs2 li a:hover,ul.mastamvan_thumbs li a:hover{color:#0072C6}@media screen and (max-width:400px){.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan{float:none;width:100%}.Recent_Post_Mas_Tamvan .recent-post-mas-tamvan .widget{padding:0}}
</style>
<script src='https://rawgit.com/mastamvan/backup/master/relatedpostbylabel.js' type="text/javascript"></script>
<script type='text/javascript'>
var numposts = 1;
var numposts2 = 4;
var showpostthumbnails = true;
var showpostthumbnails2 = true;
var displaymore = true;
var displaymore2 = false;
var showcommentnum = true;
var showcommentnum2 = true;
var showpostdate = true;
var showpostdate2 = true;
var showpostsummary = true;
var numchars = 100;
var thumb_width = 300;
var thumb_height = 140;
var thumb_width2 = 60;
var thumb_height2 = 60;
var no_thumb = &#39;https://1.bp.blogspot.com/-7vDs5hMaDho/U268E2ecF4I/AAAAAAAADY8/RBHVTTuJrxc/w300-h140-c/no-image.png&#39;
var no_thumb2 = &#39;http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s60-c/no-image.png&#39;
</script>
</b:if>

Em seguida você deve colocar abaixo de </b:section>

caso tenha duvidas olhe o gift abaixo:

recent post by label blogger template categorias

Salve o  modelo 

Em seguida procure o widget com titulo em layout recent-post-mas-tamvan-1  e recent-post-mas-tamvan-2  então coloque o titulo e a label (rotulo ) que desja que apareça na categoria:



java script recent post by label categories  blogger

Salve e pronto.


NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner