Recent post by label widget categorias para Blogger

- 06:24:00





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.


.


EmoticonEmoticon

 

Start typing and press Enter to search