Curso Sobre Blogspot: Personalização

<div style="text-align: center;">
<span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: 15px; line-height: 30px; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfok7wwfc6fzhEr5eyDCPMMOvKWxPgnJVpxwjOcI6QDFhCcaFy59kbmB36EnOKAf9SewHB-bGL3x73tYK8YPlojBFTA8-_Ps48ReJbAm9SF2arIKy_x8efO1woWbLjNbZoe_DpFgDOYFs/s1600/00.PNG" imageanchor="1"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfok7wwfc6fzhEr5eyDCPMMOvKWxPgnJVpxwjOcI6QDFhCcaFy59kbmB36EnOKAf9SewHB-bGL3x73tYK8YPlojBFTA8-_Ps48ReJbAm9SF2arIKy_x8efO1woWbLjNbZoe_DpFgDOYFs/s320/00.PNG" width="320" /></a></span></div>
<span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: 15px; line-height: 30px; text-align: justify;"><br /></span>
<br />
<div style="text-align: center;">
<span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: large; line-height: 30px; text-align: justify;">Como colocar postagens relacionadas em postes do Blog modelo 2</span></div>
<span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: 15px; line-height: 30px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: 15px; line-height: 30px; text-align: justify;">Vamos ao códigos. Basta ir em modelo > editar HTML </span><span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: 15px; line-height: 30px; text-align: justify;">aperte 'ctrl+f ' e procure por </span><b style="background-color: white; box-sizing: border-box; color: #3a253a; font-family: Roboto, sans-serif; font-size: 15px; line-height: 30px; text-align: justify; widows: 1;"><span style="border: 0px; box-sizing: border-box; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></head></span> </b><span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: 15px; line-height: 30px; text-align: justify;">e logo antes dessa linha coloque este código.</span><br />
<span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: 15px; line-height: 30px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: 15px; line-height: 30px; text-align: justify;"><br /></span>
<a href="https://www.blogger.com/blogger.g?blogID=7375712466883322738" name="more" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; color: #dcc625; font-family: Roboto, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 30px; margin: 0px; orphans: auto; outline: 0px; padding: 0px; text-align: start; text-decoration: none; text-indent: 0px; text-transform: none; transition: all 0.7s ease-in-out; vertical-align: baseline; white-space: normal; widows: 1; word-spacing: 0px;"></a><br />
<pre style="-webkit-text-stroke-width: 0px; background: rgb(238, 238, 238); border: 0px; box-sizing: border-box; color: #636363; font-family: 'Courier 10 Pitch', Courier, monospace; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.6; margin: 0px 0px 1.6em; max-width: 100%; orphans: auto; outline: 0px; overflow: auto; padding: 1.6em; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; widows: 1; word-spacing: 0px;">
<style type='text/css'>
#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}
#related-posts h2{font-size: 12px; color: #a9a9a9;font-family: Georgia; margin-bottom: 10px; margin-top: 10px;}
#related-posts a{color: #a9a9a9;}
#related-posts a:hover{color: #c6bd5e;}
#related-posts a:hover {background-color:#e1e1e1;}
#related-posts img{margin: auto;}
</style>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
</pre>
<br />
<span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: 15px; line-height: 30px;">Agora, procure por:</span><br />
<br style="background-color: white; box-sizing: border-box; color: #636363; font-family: Roboto, sans-serif; font-size: 15px; line-height: 30px; widows: 1;" />
<i style="background-color: white; box-sizing: border-box; color: #40b0ac; font-family: Roboto, sans-serif; font-size: 15px; line-height: 30px; widows: 1;"><b style="box-sizing: border-box; color: #3a253a;"><span style="border: 0px; box-sizing: border-box; color: #45818e; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><div class='post-footer-line post-footer-line-1'></span> </b></i><br />
<i style="background-color: white; box-sizing: border-box; color: #40b0ac; font-family: Roboto, sans-serif; font-size: 15px; line-height: 30px; widows: 1;"><br style="box-sizing: border-box;" /></i><span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: 15px; line-height: 30px;">caso não encontre tente,</span><br />
<br style="background-color: white; box-sizing: border-box; color: #636363; font-family: Roboto, sans-serif; font-size: 15px; line-height: 30px; widows: 1;" />
<i style="background-color: white; box-sizing: border-box; color: #40b0ac; font-family: Roboto, sans-serif; font-size: 15px; line-height: 30px; widows: 1;"><span style="border: 0px; box-sizing: border-box; color: #45818e; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b style="box-sizing: border-box; color: #3a253a;"><p class='post-footer-line post-footer-line-1'></b></span></i><br />
<i style="background-color: white; box-sizing: border-box; color: #40b0ac; font-family: Roboto, sans-serif; font-size: 15px; line-height: 30px; widows: 1;"><br style="box-sizing: border-box;" /></i><span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: 15px; line-height: 30px;"> Encontrando, cole ANTES da linha este código:</span><br />
<span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: 15px; line-height: 30px;"><br /></span>
<br />
<pre style="background-color: #eeeeee; background-position: initial initial; background-repeat: initial initial; border: 0px; box-sizing: border-box; color: #636363; font-family: 'Courier 10 Pitch', Courier, monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; outline: 0px; overflow: auto; padding: 1.6em; vertical-align: baseline; widows: 1;">
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=<span style="border: 0px; box-sizing: border-box; color: red; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">5</span>;
var relatedpoststitle=&quot;Você também pode gostar&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</pre>
<span style="background-color: white; color: #636363; font-family: "roboto" , sans-serif; font-size: 15px; line-height: 30px;"><span style="border: 0px; box-sizing: border-box; color: red; font-family: "roboto" , sans-serif; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">var maxresults=5; </span><span style="font-family: "roboto" , sans-serif; widows: 1;">este</span><span style="border: 0px; box-sizing: border-box; color: red; font-family: "roboto" , sans-serif; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> ' 5 ' </span><span style="font-family: "roboto" , sans-serif; widows: 1;">indica a quantidade de postagens que ira aparecer. Você pode modificar, já que em cada blog cabem quantidades diferentes de artigos.</span><br style="box-sizing: border-box; font-family: Roboto, sans-serif; widows: 1;" /><br style="box-sizing: border-box; font-family: Roboto, sans-serif; widows: 1;" /><span style="font-family: "roboto" , sans-serif; widows: 1;">Em  </span><b style="box-sizing: border-box; color: #3a253a; font-family: Roboto, sans-serif; widows: 1;"><span style="border: 0px; box-sizing: border-box; color: #45818e; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#related-posts, </span></b><span style="font-family: "roboto" , sans-serif; widows: 1;">você pode modificar a cor dos links, cor do background dos artigos, deixando de acordo com as cores do seu blog.</span></span>
<br />
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #636363; font-family: Roboto, sans-serif; font-size: 15px; line-height: 30px; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline; widows: 1;">
<span style="border: 0px; box-sizing: border-box; color: #741b47; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Salve e veja o resultado. Lembre-se, só funciona com o uso dos marcadores. </span></div>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #636363; font-family: Roboto, sans-serif; font-size: 15px; line-height: 30px; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline; widows: 1;">
<span style="border: 0px; box-sizing: border-box; color: #741b47; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></span></div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; line-height: 30px; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline; widows: 1;">
<span style="color: #741b47; font-size: large;">Deixem seus Comentários e Curtam nossa Página no Face</span></div>

Como colocar postagens relacionadas em postes do Blog modelo 2

Como colocar postagens relacionadas em postes do Blog modelo 2 Vamos ao códigos. Basta ir em modelo > editar HTML aperte 'ctrl...

Mais informações »