Curso Sobre Blogspot

Home » Archives for 2015

Como tirar o nome Tecnologia do Blogger do Template

<div style="text-align: center;">
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; font-size: 14px; line-height: 18.2px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRMPkYPA7q2-IuI4e-Ygmurs7EECP8jZRten8OPXTJDsWZVB-zCiyQ2JqUMtv1M_PlQkAAidQsqdzww8UJUaZ8dp9lZrqVNe1ihOy88jCqoEc3DZpqscMdy0i2MoN8AmiWy7c5fwqu_z8/s1600/Capturar.PNG" imageanchor="1"><img border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRMPkYPA7q2-IuI4e-Ygmurs7EECP8jZRten8OPXTJDsWZVB-zCiyQ2JqUMtv1M_PlQkAAidQsqdzww8UJUaZ8dp9lZrqVNe1ihOy88jCqoEc3DZpqscMdy0i2MoN8AmiWy7c5fwqu_z8/s320/Capturar.PNG" width="320" /></a></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: large;">Como tirar o nome "Tecnologia do Blogger"  do Template</span></div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span>
<br />
<h3 style="background-color: white; line-height: 18.2px; text-align: center; widows: 1;">
<span style="color: blue; font-family: "arial" , "helvetica" , sans-serif; font-size: x-large; font-weight: normal;">1º - Apague a widget Attribution do </span></h3>
<h3 style="background-color: white; line-height: 18.2px; text-align: center; widows: 1;">
<span style="color: blue; font-family: "arial" , "helvetica" , sans-serif; font-size: x-large; font-weight: normal;">HTML do seu template</span></h3>
<div>
<span style="color: blue; font-family: "arial" , "helvetica" , sans-serif; font-size: x-large; font-weight: normal;"><br /></span></div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">vamos lá, clique em </span><b style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; line-height: 18.2px; widows: 1;"><span style="color: #ff8733;">Modelo</span> </b><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">» Clique em</span><b style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; line-height: 18.2px; widows: 1;">Editar HTML</b><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"> » Clique em cima do código e Utilize as teclas </span><b style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; line-height: 18.2px; widows: 1;">Ctrl+F</b><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"> e Procure pela widget </span><b style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; line-height: 18.2px; widows: 1;">Attribution</b><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">: </span><br />
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span>
<br />
<h3 style="background-color: white; font-family: Ruluko, sans-serif; line-height: 18.2px; widows: 1;">
<span style="color: blue; font-size: small;">Apague a widget Attribution do HTML do seu template</span></h3>
<div>
<span style="color: blue;"><br /></span></div>
<div>
<span style="background-color: yellow; color: #333333; font-family: "arial" , sans-serif; white-space: pre;"><b:widget id='Attribution1' locked='true' title='' type='Attriution'>...</b:widget></span></div>
<div>
<span style="background-color: yellow; color: #333333; font-family: "arial" , sans-serif; white-space: pre;"><br /></span></div>
<div>
<br /></div>
<div style="widows: 1;">
<span style="font-family: "arial" , sans-serif;"><span style="white-space: pre;"><span style="color: #333333;">Depois Clique em<span style="background-color: orange;"> </span></span><span style="background-color: orange; color: white;">salvar modelo</span><span style="color: #333333;"><span style="background-color: orange;"> </span>e visualize, </span></span></span></div>
<div style="widows: 1;">
<span style="color: #333333; font-family: "arial" , sans-serif;"><span style="white-space: pre;"><b>Pronto</b> </span></span></div>
<div style="widows: 1;">
<span style="color: #333333; font-family: "arial" , sans-serif;"><span style="white-space: pre;"><br /></span></span></div>
<div style="widows: 1;">
<span style="color: #333333; font-family: "arial" , sans-serif;"><span style="white-space: pre;"><br /></span></span></div>
<div style="widows: 1;">
<span style="color: #333333; font-family: "arial" , sans-serif;"><span style="white-space: pre;"><br /></span></span></div>
<div style="widows: 1;">
<span style="color: #333333; font-family: "arial" , sans-serif;"><span style="white-space: pre;"><br /></span></span></div>
<div style="text-align: center; widows: 1;">
<span style="color: blue; font-family: "arial" , sans-serif; font-size: x-large;"><span style="white-space: pre;">2 MANEIRA, Mais arriscada.</span></span></div>
<div style="widows: 1;">
<span style="color: blue; font-family: "arial" , sans-serif; font-size: x-large;"><span style="white-space: pre;"><br /></span></span></div>
<div style="widows: 1;">
<span style="color: #333333; font-family: "arial" , sans-serif;"><span style="white-space: pre;">se caso o nome não tiver saído, siga o segundo do passo: OBS cuidado este método podera apagar outros widget do seu template.</span></span></div>
<div style="widows: 1;">
<span style="color: #333333; font-family: "arial" , sans-serif;"><span style="white-space: pre;"><br /></span></span></div>
<div style="widows: 1;">
<span style="color: #333333; font-family: "arial" , sans-serif;"><span style="white-space: pre;"><br /></span></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">Se o gadget "Tecnologia do Blogger" não tiver sido apagado. Você deve voltar em </span><b style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; line-height: 18.2px; widows: 1;">Modelo </b><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">» Procurar pela widget </span><b style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; line-height: 18.2px; widows: 1;">Attribution </b><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">novamente e apagar toda a <b><b:section></b>  em que ela estiver localizada.</span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">A tá, mas você não quer perder a <b:section> onde o gadget Atribuição está.</span><br />
<br style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; line-height: 18.2px; widows: 1;" />
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">Então você deverá primeiro excluir a widget Attribution no HTML do template (mais fácil), como ensinei no 1º passo » Salve o modelo.</span><br />
<br style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; line-height: 18.2px; widows: 1;" />
<span style="font-size: x-small;"><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">»Depois selecione a seção <b:section> recorte e cole em um bloco de notas »  Clique em </span><span style="background-color: #fda352; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(251 , 143 , 61); color: white; font-family: "tahoma" , "verdana" , sans-serif; font-weight: bold; line-height: 18.2px; margin: 0px; padding: 5px 10px; text-align: center; vertical-align: middle;">Salvar modelo</span><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"> » Visualize seu blog e certifique-se que conseguiu tirar o</span></span></div>
<div>
<span style="font-size: x-small;"><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">       </span><b style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; line-height: 18.2px; widows: 1;">Gadget Atribuição</b><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">.</span></span><br />
<br style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; line-height: 18.2px; widows: 1;" />
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">Aí você copia a <b:section class='foot' id='footer-3' showaddelement='</span><span style="background-color: white; color: magenta; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><b>no</b></span><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">'>...</b:section></span><br />
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">que tinha colado no bloco de notas e volta para o lugar de antes.</span><br />
<h4 style="background-color: white; line-height: 18.2px; margin: 5px 0px; widows: 1;">
<span style="color: red; font-family: "arial" , "helvetica" , sans-serif;">Observação:</span></h4>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">Neste caso a seção é no rodapé do Template Simple e se você deixá-la como está não irá aparecer no Layout do seu blog, não permitindo que você coloque gadgets nela.</span><br />
<br style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; line-height: 18.2px; widows: 1;" />
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">Então mude a palavra </span><span style="background-color: white; color: magenta; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><b>no</b></span><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"> em [showaddelement='</span><b style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; line-height: 18.2px; widows: 1;"><span style="color: magenta;">no</span></b><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">'] para </span><span style="background-color: white; color: #6aa84f; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><b>yes</b></span><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"> ficando assim:</span><br />
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><b:section class='foot' id='footer-3' showaddelement='</span><span style="background-color: white; color: #6aa84f; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><b>yes</b></span><span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">'> » Clique em</span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"> </span><span style="background-color: #fda352; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(251 , 143 , 61); color: white; font-family: "tahoma" , "verdana" , sans-serif; font-weight: bold; line-height: 18.2px; margin: 0px; padding: 5px 10px; text-align: center; vertical-align: middle;">Salvar modelo</span><br />
<br style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; line-height: 18.2px; widows: 1;" />
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">Vá em Layout e certifique-se de que a seção está lá.</span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">Caso não apareça, clique em F5 e atualize a página do layout do seu blogger que irá aparecer.</span><br />
<br style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; font-size: 14px; line-height: 18.2px; widows: 1;" />
<br style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; font-size: 14px; line-height: 18.2px; widows: 1;" />
<br style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; font-size: 14px; line-height: 18.2px; widows: 1;" />
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; line-height: 18.2px;">Acredito que existam situações em que este gadget não se aplica ao template nem ao tema do blog. Por isso acho que deveria ter a opção de retirá-lo sem ter que recorrer a recursos mais avançados. Entendo a posição do blogger em não dar esta opção, mesmo assim nos permite que retire. Isso eu admiro nesta plataforma.</span></div>
<div>
<i style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; font-size: 14px; line-height: 18.2px; widows: 1;"><br /></i></div>
<div>
<i style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; font-size: 14px; line-height: 18.2px; widows: 1;"><br /></i></div>
<div>
<i style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; font-size: 14px; line-height: 18.2px; widows: 1;"><br /></i></div>
<div>
<i style="background-color: white; color: #222222; font-family: Tahoma, verdana, sans-serif; font-size: 14px; line-height: 18.2px; widows: 1;"><br /></i></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-small;"><span style="background-color: white; color: #222222; line-height: 18.2px;">Fonte:</span><span style="color: #222222;"><span style="line-height: 18.1875px;">templatesparavoce.com</span></span></span></div>
<div>
<span style="color: #222222; font-family: "arial" , "helvetica" , sans-serif; font-size: x-small;"><span style="line-height: 18.1875px;">OBS: todo o conteudo</span></span></div>
<div>
<span style="color: #222222; font-family: "arial" , "helvetica" , sans-serif; font-size: x-small;"><span style="line-height: 18.1875px;"><br /></span></span></div>
<div>
<span style="color: #222222; font-family: "arial" , "helvetica" , sans-serif; font-size: x-small;"><span style="line-height: 18.1875px;"><br /></span></span></div>
<div style="text-align: center;">
<span style="color: #222222; font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><span style="line-height: 18.1875px;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<span style="color: #222222; font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><span style="line-height: 18.1875px;"><b>DEIXE SEU COMENTÁRIO E CURTA NOSSA</b></span></span></div>
<div style="text-align: center;">
<span style="color: #222222; font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><span style="line-height: 18.1875px;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<span style="color: #222222; font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><span style="line-height: 18.1875px;"><b> PAGINA NO FACE</b></span></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; font-size: 14px; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; font-size: 14px; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; font-size: 14px; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; font-size: 14px; line-height: 18.2px;"><br /></span></div>
<div>
<span style="background-color: white; color: #222222; font-family: "tahoma" , "verdana" , sans-serif; font-size: 14px; line-height: 18.2px;"><br /></span></div>

Como tirar o nome Tecnologia do Blogger do Template

Como tirar o nome "Tecnologia do Blogger" do Template 1º - Apague a widget Attribution do HTML do seu template vam...

Mais informações »

06:49

Como colocar favicom no blog pelo código html

<div style="text-align: center;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh76BWY5Pt0UfWAXj9k2bzpcIqErsIzZ-p36_Ba761KgdhjDOvBzrqANC2U8ILHoSyPqaMtg_nTvpk9nK10uc5xPoq5zrzf51bFr0QPuNNDj_FN0lZJDkCe25C6O8NhjnlGHDBLWPIVSnk/s1600/curso+sobre+.blogspot+blogger_logo.png" imageanchor="1"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh76BWY5Pt0UfWAXj9k2bzpcIqErsIzZ-p36_Ba761KgdhjDOvBzrqANC2U8ILHoSyPqaMtg_nTvpk9nK10uc5xPoq5zrzf51bFr0QPuNNDj_FN0lZJDkCe25C6O8NhjnlGHDBLWPIVSnk/s200/curso+sobre+.blogspot+blogger_logo.png" width="200" /></a></span><br />
<span style="font-size: large;">Como colocar favicom no blog pelo código html</span></div>
<br />
Vá em modelo depois editar HTML de um CTRL F dígite  <span style="color: red; font-size: large;"> ]]></b:skin> </span>Logo abaixo da  ]]></b:skin> cole o código devidamente modificado com a URL da sua Favicon.<br />
<br />
<br />
<link rel="shortcut icon" type="image/x-icon" href="<span style="color: red;">URL da sua imagem .ico</span>"><br />
<br />
<link href='<span style="color: red;">URL da sua imagem .ico</span>' rel='shortcut icon' type='image/x-icon'/><br />
<br />
<link href='<span style="color: red;">URL da sua imagem .png</span>' rel='shortcut icon'/><br />
<br />
<link href='<span style="color: red;">URL da sua imagem .png</span>' rel='apple-touch-icon'/><br />
<br />
<div style="text-align: center;">
<span style="font-size: large;">Salve e visualize</span></div>
<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;">Deixe seu comentário e curta nossa pagina no face</span></div>
<br />

Como colocar favicom no blog pelo código html

Como colocar favicom no blog pelo código html Vá em modelo depois editar HTML de um CTRL F dígite ]]></b:skin> Logo abaixo d...

Mais informações »

19:24

Como colocar postagens relacionadas em postes do Blog modelo 2

<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 »

16:24

Como colocar postagens relacionadas em postes do Blog

<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkN1PmQB7E0LsGjZdUkG89l_oCxndyZTbKhElS56tBvl6qCo4abh22UvGwXrY39dcCHhltNDvB51VkfYyQSc6iXGspSULlAilHfnXEFF3wPGwhacWHG6xx6tFtrshnLuVAYEy-bBcukck/s1600/0.PNG" imageanchor="1"><img border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkN1PmQB7E0LsGjZdUkG89l_oCxndyZTbKhElS56tBvl6qCo4abh22UvGwXrY39dcCHhltNDvB51VkfYyQSc6iXGspSULlAilHfnXEFF3wPGwhacWHG6xx6tFtrshnLuVAYEy-bBcukck/s320/0.PNG" width="320" /></a></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;">Como colocar postagens relacionadas em postes do Blog</span></div>
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQhBTNxjRU_Ok7xSAsaYSKKk6-a6P6e9He1aRC7HoJz_Zpa0DWWv05tzKfoA_WhUy83o5PdIkYcfw11WXKgz8Q8ZXQlstBVAXQGmSZissiRRvPEK0iKId-8osxKTiqNoTuAQjV5YgDu3M/s1600/1.PNG" imageanchor="1"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQhBTNxjRU_Ok7xSAsaYSKKk6-a6P6e9He1aRC7HoJz_Zpa0DWWv05tzKfoA_WhUy83o5PdIkYcfw11WXKgz8Q8ZXQlstBVAXQGmSZissiRRvPEK0iKId-8osxKTiqNoTuAQjV5YgDu3M/s640/1.PNG" width="640" /></a><br />
<br />
<span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"></span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><script src='http://static.tumblr.com/glpbb7a/odhnldmus/postagensrelacionadasparablog.js' type='text/javascript'/></span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"></span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuEl3MK1rTfDPT7xMZUX8lix8YRUPKa_RB7v5DPehMLpJkvZw6_FdfXo7mRG1q-dgCwHKjCtsJkTCYrFGMLo1cajDVLU4DdS39Wbd692j8J-3kY4Ta2nMw5OTG9RSb9Wc5S_UxV9Mc85Q/s1600/2.PNG" imageanchor="1"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuEl3MK1rTfDPT7xMZUX8lix8YRUPKa_RB7v5DPehMLpJkvZw6_FdfXo7mRG1q-dgCwHKjCtsJkTCYrFGMLo1cajDVLU4DdS39Wbd692j8J-3kY4Ta2nMw5OTG9RSb9Wc5S_UxV9Mc85Q/s640/2.PNG" width="640" /></a><br />
<br />
<span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"></span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">#related-posts {</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">float: left;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">width: 100%;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">display: block;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">#related-posts a {</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">color: #474747;  /*--cor da fonte--*/</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">margin: 0 1px!important;  </span><span style="background-color: white; widows: 1;"><span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-size: 17px; line-height: 26.078125px;"> /*-<span style="color: red;">-aqui você Altera o espaçamento entre miniaturas-</span>-*/</span></span></span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">#related-posts a:first-child {</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">margin: 0px!important;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">#related-posts a:hover {</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">color: #ff0066; /*--cor da fonte em estado hover--*/</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">#related-posts h2 {</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">margin: 0 0 7px;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">font: 400 normal 13px Arial, sans-serif; /*--tamanho e tipo da fonte do título--*/</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">color: #ff0066; /*--cor da fonte do título--*/</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">text-transform: uppercase;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">text-align: center!important;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">#related-posts #related-title {</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">font: normal normal 11px Arial, sans-serif; /*--tamanho e tipo da fonte do texto--*/</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">color: #474747; /*--cor da fonte do texto--*/</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">text-align: center;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">padding: 0 4px;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">width: 100px; /*--tamanho da caixa do texto--*/</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">#related-posts #related-title a {</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">color: #474747; /*--cor da fonte do texto--*/</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">margin: 0 7px 10px;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">#related-posts #related-title a:hover {</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">color: #ff0066; /*--cor da fonte do texto em estado hover--*/</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">#related-posts #related-title:hover {</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">color: #ff0066; /*--cor da fonte hover--*/</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">transition: all 0.2s ease-out;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">-webkit-transition: all 0.2s ease-out;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">-moz-transition: all 0.2s ease-out;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">transition: all 0.2s ease-out;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">#related-posts .related_img {</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">margin: 0;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">padding: 5px;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">width: 100px; /*--largura da miniatura--*/</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">height: 100px; /*--altura da miniatura--*/</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">border: 3px solid #ffffff; /*--cor da borda da miniatura--*/</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">transition: all 0.3s ease-in-out;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">-webkit-transition: all 0.3s ease-in-out;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">-moz-transition: all 0.3s ease-in-out;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">-o-transition: all 0.3s ease-in-out;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">-ms-transition: all 0.3s ease-in-out;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">}</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">#related-posts .related_img:hover {</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">opacity: .8;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">filter: alpha(opacity=80);</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">-moz-opacity: .8;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">-khtml-opacity: .8;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">}</span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1wmHCu9hg4dliyhnahPoenh3AiFhHfky_bip9A9CaXggWLvAFvA6yHP070M7FG_L_YUsvqO8ts5qkDNcJ_BgTNUSzxml2ZwQ0XMFQZy0vp2M2j9p1SfEx_UI18YDUwCHD-xb46MabXNE/s1600/3.PNG" imageanchor="1"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1wmHCu9hg4dliyhnahPoenh3AiFhHfky_bip9A9CaXggWLvAFvA6yHP070M7FG_L_YUsvqO8ts5qkDNcJ_BgTNUSzxml2ZwQ0XMFQZy0vp2M2j9p1SfEx_UI18YDUwCHD-xb46MabXNE/s640/3.PNG" width="640" /></a><br />
<br />
<span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"></span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><div id='related-posts'></span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><b:loop values='data:post.labels' var='label'></span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><b:if cond='data:label.isLast != &quot;true&quot;'></span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"></b:if></span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><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=</span><span style="background-color: white; color: magenta; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;">5</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">&quot;' type='text/javascript'/></b:loop></span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"><script type='text/javascript'></span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">var currentposturl=&quot;<data:post.url/>&quot;;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">var maxresults=</span><span style="background-color: white; color: magenta; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;">5</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">var relatedpoststitle=&quot;</span><span style="background-color: white; color: blue; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;">Você também poderá gostar</span><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">&quot;;</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">removeRelatedDuplicates_thumbs();</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;">printRelatedLabels_thumbs();</span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"></script></span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"></div><div style='clear:both'/></span><br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; margin: 0px; padding: 0px; widows: 1;" /><span style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17.388px; line-height: 26.082px; widows: 1;"></span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih7Gnal_I5qrLY2qXiCfpb7kvUKsolUfAz29O15c8Jv_ThQ2_4d-fMej2CqU3pX9SRzG8CJuc68ENLV9xJMTufI_9fEAkU_5Bezpk34XdcZn-KBaqSABlIvSgPvAJ5k1HT9omfqaKbvNA/s1600/4.PNG" imageanchor="1"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih7Gnal_I5qrLY2qXiCfpb7kvUKsolUfAz29O15c8Jv_ThQ2_4d-fMej2CqU3pX9SRzG8CJuc68ENLV9xJMTufI_9fEAkU_5Bezpk34XdcZn-KBaqSABlIvSgPvAJ5k1HT9omfqaKbvNA/s640/4.PNG" width="640" /></a><br />
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY1R75ylNlNJAjGmE2UYSwoHdZdGf7g_fp3qwD-KAVcsU6KDbNaqsEuYAeVS-KL52fOolDwLbp2uWbiV424MmtirsQyTTyAALiqxb3pi2Q0IkFBZWep2qnsAxas5YYef4qABgpGiiv6qE/s1600/6.PNG" imageanchor="1"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY1R75ylNlNJAjGmE2UYSwoHdZdGf7g_fp3qwD-KAVcsU6KDbNaqsEuYAeVS-KL52fOolDwLbp2uWbiV424MmtirsQyTTyAALiqxb3pi2Q0IkFBZWep2qnsAxas5YYef4qABgpGiiv6qE/s640/6.PNG" width="640" /></a><br />
<span style="font-size: x-small;"><br /></span>
<div style="text-align: center;">
<span style="font-size: x-large;">Deixe Seu Comentário e </span></div>
<div style="text-align: center;">
<span style="font-size: x-large;">Curta Nossa Pagina no Face</span></div>
<span style="font-size: x-small;"><br /></span>
<span style="font-size: x-small;"><br /></span>
<span style="font-size: x-small;"><br /></span>
<span style="font-size: x-small;">Fonte elainegaspareto.com</span><br />
<span style="font-size: x-small;">OBS: todo conteudo</span><br />
<br />

Como colocar postagens relacionadas em postes do Blog

Como colocar postagens relacionadas em postes do Blog  <script src='http://static...

Mais informações »

15:50

Como criar postagens dentro de páginas no Blogger

<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJLz0Fw2wMpq_nEkyBHsqAQEOkdhqBXIvXtSTMu03-MbCTYf8mTlRxfOgYncf0RjS2bA0Vfz58U0-9tBAaHByIw399H0ReyiMImdIrWR1pUjodF0UyEBd06G9wpbjeW61qZ8LOOM_-N0Q/s1600/1.png" imageanchor="1"><img border="0" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJLz0Fw2wMpq_nEkyBHsqAQEOkdhqBXIvXtSTMu03-MbCTYf8mTlRxfOgYncf0RjS2bA0Vfz58U0-9tBAaHByIw399H0ReyiMImdIrWR1pUjodF0UyEBd06G9wpbjeW61qZ8LOOM_-N0Q/s320/1.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<h3 class="post-title entry-title" itemprop="name" style="background-color: white; font-family: 'Open Sans', Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 22px; font-weight: normal; margin: 0px; position: relative; text-align: center; widows: 1;">
<span style="color: orange;">Como criar postagens dentro de páginas no Blogger</span></h3>
<br />
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">A quantidade de páginas no blogger é limitada a 20. Sendo assim não é possível criar uma página para cada conteúdo ou tema do seu blog, e assim, causando uma séria dúvida em muitos blogueiros leigos no assunto: </span><b style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">Como coloco essa postagem dentro daquela página?</b><br style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;" /><br style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;" /><span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">O procedimento é simples, fazendo uso dos "</span><b style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">Marcadores</b><span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">" nas postagens, estes são responsáveis por agrupar e separar as postagens por categorias. O procedimento não é complexo, mais exigi um pouco de atenção, para se obter um resultado positivo ao fim do tutorial. Vamos lá!</span><br style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;" /><br style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;" /><b style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;"><span style="color: red;">ATUALIZAÇÃO 02/06/14 - </span><a href="http://henriquezenny.blogspot.com.br/2014/06/video-criando-postagens-dentro-de.html" style="color: #c90909; text-decoration: none;" target="_blank">VÍDEO - CRIANDO POSTAGENS DENTRO DE PÁGINAS ESPECÍFICAS NO BLOGGER</a>.</b><br style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;" /><br />
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative; widows: 1;">
Rotulando as postagens com os marcadores</h3>
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">O primeiro passo deste tutorial é indicar quais postagens apareceram por marcador. Para isso, faça login no blogger, e acesse o menu "</span><b style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">Postagens</b><span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">" do blog desejado. Lá você deverá selecionar as postagens e clicar no ícone dos marcadores, como indicado na imagem abaixo:</span><br />
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;"><br /></span>
<div style="text-align: center;">
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk2gakHqvwms7Na5plSL-XpGRgjLSg3YueoLREuMZChtmc86552lKHwYXPEduMKRTO2uwC80vR0n7-w5-1k4oV0yhoifH6eiz-_Jt4rH0IP9qlpU8u6sT_yYq8J9BHcpADl6XIudJm0Yw/s1600/1.png" imageanchor="1"><img border="0" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk2gakHqvwms7Na5plSL-XpGRgjLSg3YueoLREuMZChtmc86552lKHwYXPEduMKRTO2uwC80vR0n7-w5-1k4oV0yhoifH6eiz-_Jt4rH0IP9qlpU8u6sT_yYq8J9BHcpADl6XIudJm0Yw/s320/1.png" width="320" /></a></span></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
Após isso, crie um novo marcador referente ao tema da postagem. Por exemplo, eu crio uma postagem básica sobre o blogger, então eu devo marcar a postagem com a tag "Básico". O nome do marcador será referente ao nome da página com as postagens relacionadas.</div>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
<br /></div>
<h3 style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative; widows: 1;">
Criando um link para o marcador para ser usado na página</h3>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
Depois de ter inserido o marcador na postagem, será necessário criar um link para a página que está por vir. Vejamos abaixo:</div>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
O link usado para <i>buscar</i> marcadores é este: http://<b><span style="color: red;">seublog.blogspot.com.br</span></b>/search/label/<b><span style="color: red;">Marcador</span></b></div>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
<b><span style="color: red;"><br /></span></b></div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
Alterando o link..</div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
<b><span style="color: red;">http://seublog.blogspot.com.br</span></b> - deve ser substituído pelo link do seu blog;</div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
<b><span style="color: red;">Marcador</span></b> - deve ser substituído pelo nome do marcador que você usou na postagem. O nome deve ser idêntico (contando acentos e letras maiúsculas, pois qualquer diferença fará o link não funcionar).</div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
<br /></div>
<div style="text-align: center;">
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; text-align: start; widows: 1;">No meu caso, para encontrar a postagens relacionados ao conteúdo básico do meu blog ficaria assim:</span></div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
http://cursosobre.blogspot.com.br/search/label/Básico</div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
<h3 style="margin: 0px; position: relative;">
Colocando o link nas páginas do blogger</h3>
</div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
Caso você deseje que o link apareça junto com as páginas do seu blog, isso é possível. Inicialmente, copie o link criado no procedimento acima, e vá até o menu "<b>Páginas</b>" do blog. Procure pela opção "<b>Nova página</b>" e selecione "<b>Endereço da web</b>", e em seguida dê um título a página, cole o link copiado anteriormente e salve as alterações. </div>
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;"><br /></span>
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;"><br /></span>
<div style="text-align: center;">
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEgWIMsNEfGMRu5W4hHCd43NEdl3ARDdsjO2X76dhw5E_RKDLY2Al9cwgMRR7T1-9ASmEO1dHongxdIVHQ90v-di5EgIo7ysMIwUTp0YJxvIHtgBMdKIYd-0V5wOIpj7bpqilrgaSYy-U/s1600/Screenshot_2.png" imageanchor="1"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEgWIMsNEfGMRu5W4hHCd43NEdl3ARDdsjO2X76dhw5E_RKDLY2Al9cwgMRR7T1-9ASmEO1dHongxdIVHQ90v-di5EgIo7ysMIwUTp0YJxvIHtgBMdKIYd-0V5wOIpj7bpqilrgaSYy-U/s400/Screenshot_2.png" width="400" /></a></span></div>
<div style="text-align: center;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
<h3 style="margin: 0px; position: relative;">
Resultado...</h3>
</div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
<br />Pronto, seu link foi inserido nas páginas do seu blog. Agora, qualquer um que clicar no link será direcionado a uma busca pelo marcador da página.</div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; text-align: center; widows: 1;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju4nXlJVHQmkAYw9JdSFHjU1qWOPirjZt3QwsdMAvoxsDqkjuvwDIxhyovhKJ6PSi9zBExF4mAcCcF8hRSpCXsJ9tu_ECvOFUUwKAyK63ufAFALHq9zWOr_qJCTb56p0MH00qho6HMfIY/s1600/Screenshot_1.png" imageanchor="1"><img border="0" height="42" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju4nXlJVHQmkAYw9JdSFHjU1qWOPirjZt3QwsdMAvoxsDqkjuvwDIxhyovhKJ6PSi9zBExF4mAcCcF8hRSpCXsJ9tu_ECvOFUUwKAyK63ufAFALHq9zWOr_qJCTb56p0MH00qho6HMfIY/s400/Screenshot_1.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><br /></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;">Fonte: henriquezenny.blogspot.com.br</span></div>
<div style="text-align: left;">
<span style="font-size: x-small;">todo conteúdo retirado deste blog</span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><br /></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><br /></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><br /></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><br /></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><br /></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;">Atenção Curtam Nossa Pagina no Facebook, Como incentivo para mais aulas e deixem seus comentários</span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;"><br /></span>
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;"><br /></span>
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;"><br /></span>
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;"><br /></span>
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;"><br /></span>
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;"><br /></span>
<span style="background-color: white; color: #333333; font-family: 'Open Sans', Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 21px; widows: 1;"><br /></span>

Como criar postagens dentro de páginas no Blogger

Como criar postagens dentro de páginas no Blogger A quantidade de páginas no blogger é limitada a 20. Sendo assim não é possível cria...

Mais informações »

12:20

Como personalizar o lei mais do blog

<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZTlea2UqjZLAsv7l15chlolXq41ABAsx7jBATeuQqqmR3dmyD1vrL1YlRv-C5i6KnzpiVNq4_P-jVGDrYFxXBUvi65dLNkjDKuH1ll8cUG7hGd_o-5SYVsQ23KmdaUtwzur68Gvo6t40/s1600/1.PNG" imageanchor="1"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZTlea2UqjZLAsv7l15chlolXq41ABAsx7jBATeuQqqmR3dmyD1vrL1YlRv-C5i6KnzpiVNq4_P-jVGDrYFxXBUvi65dLNkjDKuH1ll8cUG7hGd_o-5SYVsQ23KmdaUtwzur68Gvo6t40/s640/1.PNG" width="640" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY3eNadKZDutOnaIBebpDYfjxtAC9pMrUdks2fr6JYjiTxBNe2SysLlRHG2YG_ayhYCClN_eUiW9FMUiclZCDbWA6FwwKqZfH4gSkcxBF31sEUtCS4gRpK_ZEskHBlTtkHlzjaktAa3iY/s1600/2.PNG" imageanchor="1"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY3eNadKZDutOnaIBebpDYfjxtAC9pMrUdks2fr6JYjiTxBNe2SysLlRHG2YG_ayhYCClN_eUiW9FMUiclZCDbWA6FwwKqZfH4gSkcxBF31sEUtCS4gRpK_ZEskHBlTtkHlzjaktAa3iY/s640/2.PNG" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b style="background-color: white; color: #ff5a9c; font-family: Nunito; font-size: 16px; line-height: 26px; text-align: justify; widows: 1;"><img border='0' onmouseout='this.src=&apos;</b><span style="-webkit-transition: 0.4s; background-color: white; border-bottom-color: rgb(255, 204, 204); border-bottom-style: dashed; border-bottom-width: 1px; font-family: Nunito; font-size: 16px; line-height: 26px; text-align: justify; transition: 0.4s; widows: 1;"><span style="color: lime;">url da imagem</span></span><b style="background-color: white; color: #ff5a9c; font-family: Nunito; font-size: 16px; line-height: 26px; text-align: justify; widows: 1;">&apos;' onmouseover='this.src=&apos;</b><span style="-webkit-transition: 0.4s; background-color: white; border-bottom-color: rgb(255, 204, 204); border-bottom-style: dashed; border-bottom-width: 1px; font-family: Nunito; font-size: 16px; line-height: 26px; text-align: justify; transition: 0.4s; widows: 1;"><span style="color: lime;">url da imagem quando passa o mouse no link</span></span><b style="background-color: white; color: #ff5a9c; font-family: Nunito; font-size: 16px; line-height: 26px; text-align: justify; widows: 1;">&apos;; return true' src='</b><span style="-webkit-transition: 0.4s; background-color: white; border-bottom-color: rgb(255, 204, 204); border-bottom-style: dashed; border-bottom-width: 1px; font-family: Nunito; font-size: 16px; line-height: 26px; text-align: justify; transition: 0.4s; widows: 1;"><span style="color: lime;">url da imagem</span></span><b style="background-color: white; color: #ff5a9c; font-family: Nunito; font-size: 16px; line-height: 26px; text-align: justify; widows: 1;">'/></b></div>
<div style="text-align: center;">
<b style="background-color: white; color: #ff5a9c; font-family: Nunito; font-size: 16px; line-height: 26px; text-align: justify; widows: 1;"><br /></b></div>
<div style="text-align: center;">
<span style="background-color: white; line-height: 26px; text-align: justify; widows: 1;"><span style="font-family: Nunito; font-size: large;"><b>Visualize e salve. Quando estiver fora da visualização, teste passando o mouse em cima da imagem, que deverá mudar.</b></span></span></div>
<div style="text-align: center;">
<span style="background-color: white; line-height: 26px; text-align: justify; widows: 1;"><span style="font-family: Nunito; font-size: large;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<span style="background-color: white; line-height: 26px; text-align: justify; widows: 1;"><span style="font-family: Nunito; font-size: large;"><b>DEIXE SEU COMENTÀRIO</b></span></span></div>
<div style="text-align: center;">
<span style="background-color: white; line-height: 26px; text-align: justify; widows: 1;"><span style="font-family: Nunito; font-size: large;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<span style="background-color: white; line-height: 26px; text-align: justify; widows: 1;"><span style="font-family: Nunito; font-size: large;"><b><br /></b></span></span></div>
<div style="text-align: left;">
<span style="font-size: x-small;"><span style="background-color: white; line-height: 26px; text-align: justify; widows: 1;"><span style="font-family: Nunito;"><b>Fonte </b></span></span><span style="font-family: Nunito;"><span style="line-height: 26px;">einokawaii.blogspot.com.br</span></span></span></div>
<div style="text-align: left;">
<span style="font-family: Nunito; font-size: x-small;"><span style="line-height: 26px;">www.querodicasde.com.br</span></span></div>
<div style="text-align: center;">
<span style="background-color: white; line-height: 26px; text-align: justify; widows: 1;"><span style="font-family: Nunito; font-size: large;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<b style="background-color: white; color: #ff5a9c; font-family: Nunito; font-size: 16px; line-height: 26px; text-align: justify; widows: 1;"><br /></b></div>
<div style="text-align: center;">
<b style="background-color: white; color: #ff5a9c; font-family: Nunito; font-size: 16px; line-height: 26px; text-align: justify; widows: 1;"><br /></b></div>
<div style="text-align: center;">
<br /></div>

Como personalizar o lei mais do blog

<img border='0' onmouseout='this.src=' url da imagem '' onmouseover='this.src=' url...

Mais informações »

18:25

Inserir e configurar 'Leia Mais' no Blogger | Colocar na página inicial somente resumo da postagem

Inserir e configurar 'Leia Mais' no Blogger | Colocar na página inicial somente resumo da postagem<br />
<br />
A postagem expandida é um recurso que permite criar resumos expansíveis em suas postagens do blog, para que as postagens maiores sejam exibidas como uma introdução com um link para Mais informações.<br />
<br />
É fácil criar as expansões das postagens de seu blog diretamente no Editor de postagem, sem a necessidade de alterar os códigos HTML. Primeiro, decida em que ponto da postagem você deseja criar a expansão e coloque o cursor nesse local:<br />
<br />
<div style="text-align: center;">
<img alt="" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSZ0W6Bf05mCjKE6ZcGKpJzsJFibJH4oHQTNEaPjCE_TRZn_3IikPXm8Mdrz1UugXjdkiDgcTAz_Kj8mQiio8Tf1RBcEYcYjPIlxgx8RpAvti9mgjU1p19rgq8WneypGTSOxasTf8fygY/w140-h76-p/blogger_154172_jump_text_en.png" title="ddm" width="500" /></div>
<br />
<br />
<span style="font-size: large;"><span style="background-color: white; color: #212121; font-family: "roboto" , "helvetica neue" , "helvetica" , sans-serif; line-height: 20px; widows: 1;">Quando o cursor do mouse estiver sobre o ponto de expansão, clique no ícone </span><em style="background-color: white; color: #212121; font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif; line-height: 20px; widows: 1;">Inserir expansão</em><span style="background-color: white; color: #212121; font-family: "roboto" , "helvetica neue" , "helvetica" , sans-serif; line-height: 20px; widows: 1;"> na barra de ferramentas:</span></span><br />
<span style="font-size: large;"><span style="background-color: white; color: #212121; font-family: "roboto" , "helvetica neue" , "helvetica" , sans-serif; line-height: 20px; widows: 1;"><br /></span></span>
<span style="font-size: large;"><span style="background-color: white; color: #212121; font-family: "roboto" , "helvetica neue" , "helvetica" , sans-serif; line-height: 20px; widows: 1;"><br /></span></span>

<br />
<div style="text-align: center;">
<img alt="" border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8F9D-xV4xb6bocme0K0xPWWxjbUj4Z6lQd6dkJzkwU9y-cZLICfgdJ618vC551ahBqKZt6rylMZWnc4-XLBVUNQLW6CnXnZ8LwmDIHVsGMZmNZzywXRDxf1fKKbCd0uIIH-zCneQNpgA/h86/blogger_154172_jump_icon_en.png" title="ddm" width="500" /><br />
<div style="text-align: left;">
<span style="color: #212121; font-family: roboto, helvetica neue, helvetica, sans-serif; font-size: large;"><span style="line-height: 20px;">Quando você clica no ícone, uma barra cinza é inserida no ponto do cursor, para ilustrar em que local da postagem a expansão será exibida. A barra pode ser arrastada, por isso é possível reposicioná-la após a inserção.</span></span></div>
<span style="background-color: white; color: #212121; font-family: "roboto" , "helvetica neue" , "helvetica" , sans-serif; font-size: 13px; line-height: 20px; text-align: left; widows: 1;"><br /></span>
<span style="background-color: white; color: #212121; font-family: "roboto" , "helvetica neue" , "helvetica" , sans-serif; font-size: 13px; line-height: 20px; text-align: left; widows: 1;"><br /></span>
<br />
<br />
<br /></div>
<div style="text-align: center;">
<img alt="" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh35Cqp2DCw1j5-vptbi3kn55EMThh-D6ttze6MKzL3syosTEe48zn2MheIbfHRYX7W0GNWL_Y9JJ22eGZbbiu1rmjgE3pRbvk3-NbUTIp7YkSIEgBdECC5TP4DHRYmcXTXzWiMFpy5g_U/h120/blogger_154172_jump_line_en.png" title="ddm" width="500" /><br />
<div style="background-color: white; color: #212121; font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 12px; margin-top: 4px; text-align: left; widows: 1;">
Depois de decidir o local da expansão, a postagem já está pronta para publicação. Após a publicação, você perceberá que o link <em>Mais informações</em> está posicionado no local definido para a expansão. Quando você clica no link <em>Mais informações</em>, o texto completo da postagem é exibido.</div>
<div style="background-color: white; color: #212121; font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 12px; margin-top: 4px; text-align: left; widows: 1;">
Se quiser alterar o texto do link <em>Mais informações</em> para uma frase personalizada, basta acessar a guia <strong>Layout</strong>. Clique em<strong>Editar</strong>, no widget <strong>Postagens no blog</strong>, e altere a opção <strong>Texto do link da página de postagem</strong> para o texto de sua preferência.</div>
<br />
<br />
<br />
<div style="text-align: center;">
<img alt="" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnTqjHFQZSazzLcRfDBACuyrl5IoBMIc5P1D5aRS9vq9Y9TnEK5JOh557FgYz54jwOKAYPUuY1jLjUu58_XH0Yz4pxHXQ4tYoKVswPuACllHqy3-aEnO0Z8Ci0-yzjGc2U3y5Wtuof0wQ/h120/unnamed.png" title="ddm" width="500" /><br />
<br />
<span style="background-color: white; color: #212121; font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 20px; text-align: left; widows: 1;">O recurso "Expandir postagem" não altera a forma como sua postagem é exibida em seu feed. Para configurar as opções de feed de postagem, acesse </span><strong style="background-color: white; color: #212121; font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 20px; text-align: left; widows: 1;">Configurações | Básico | Outro </strong><span style="background-color: white; color: #212121; font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 20px; text-align: left; widows: 1;">e edite "Permitir feed de blog".</span><br />
<span style="background-color: white; color: #212121; font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 20px; text-align: left; widows: 1;"><br /></span>
<span style="background-color: white; color: #212121; font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 20px; text-align: left; widows: 1;"><br /></span>
<span style="background-color: white; color: #212121; font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 20px; text-align: left; widows: 1;"><br /></span>
<span style="background-color: white; color: #212121; font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 20px; text-align: left; widows: 1;"><br /></span>
<br /></div>
<div style="text-align: left;">
<span style="font-size: xx-small;">Fonte support.google.com</span></div>
<br />
<br /></div>
<br />

Inserir e configurar 'Leia Mais' no Blogger | Colocar na página inicial somente resumo da postagem

Inserir e configurar 'Leia Mais' no Blogger | Colocar na página inicial somente resumo da postagem A postagem expandida é um recur...

Mais informações »

15:34

Pagina do facebook oculto na lateral do blog

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh74Zuw_hBRUGvaWCgEwJIDCH5qa0k1Cx8y10gPudHjkLf7DKjjVfCTzTNJ-IagJSu8mFexE9P9zBEdX-HsAIo1x912qBtIBRl7itBb9dPQrJva2y06UaXEVhbFILP_dFJxDALpKZjyULA/h120/face+oculto+2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh74Zuw_hBRUGvaWCgEwJIDCH5qa0k1Cx8y10gPudHjkLf7DKjjVfCTzTNJ-IagJSu8mFexE9P9zBEdX-HsAIo1x912qBtIBRl7itBb9dPQrJva2y06UaXEVhbFILP_dFJxDALpKZjyULA/h120/face+oculto+2.PNG" width="340" /></a></div>
<span style="background-color: white; widows: 1;"><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: large;"><span style="line-height: 18.46875px;"><br /></span></span></span>
<span style="background-color: white; widows: 1;"><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: large;"><span style="line-height: 18.46875px;"><br /></span></span></span>
<span style="background-color: white; widows: 1;"><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: large;"><span style="line-height: 18.46875px;"><br /></span></span></span>
<span style="background-color: white; widows: 1;"><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: large;"><span style="line-height: 18.46875px;"><br /></span></span></span>
<span style="background-color: white; widows: 1;"><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: large;"><span style="line-height: 18.46875px;">Vou esta ensinando como colocar sua Pagina do facebook oculto na lateral do blog</span></span></span><br />
<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;"><br /></span>
<span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">Clique em Layout, depois </span><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">Adicionar um Gadget,  </span><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">Ao abrir, clique em  HTML/Javascript</span><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;"> </span><br />
<span style="background-color: white; widows: 1;"><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: x-small;"><span style="line-height: 18.48px;">,pegue o </span><span style="line-height: 18.46875px;">código</span><span style="line-height: 18.48px;"> cole e edite, fazendo o seguinte, no local grifado em Rosa, coloque a URL  de sua página do Facebook. apos faze as modificações, salve</span></span></span><br />
<span style="background-color: white; widows: 1;"><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: x-small;"><span style="line-height: 18.48px;"><br /></span></span></span>
<span style="background-color: white; widows: 1;"><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: x-small;"><span style="line-height: 18.48px;"><br /></span></span></span>
<br />
<div class="codeview" style="color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">
<span style="background-color: white;"></span><br />
<span style="background-color: white;"><style></span><br />
<span style="background-color: white;">img, a {</span><br />
<span style="background-color: white;">border: 0;</span><br />
<span style="background-color: white;">}</span><br />
<span style="background-color: white;">#on {</span><br />
<span style="background-color: white;">visibility: visible;</span><br />
<span style="background-color: white;">}</span><br />
<span style="background-color: white;">#off {</span><br />
<span style="background-color: white;">visibility: hidden;</span><br />
<span style="background-color: white;">}</span><br />
<span style="background-color: white;">#facebook_div {</span><br />
<span style="background-color: white;">width: 300px;</span><br />
<span style="background-color: white;">height: 340px;</span><br />
<span style="background-color: white;">overflow: hidden;</span><br />
<span style="background-color: white;">}</span><br />
<br />
<br />
<span style="background-color: white;">/* right side style */</span><br />
<span style="background-color: white;">#facebook_right {</span><br />
<span style="background-color: white;">z-index: 10005;</span><br />
<span style="background-color: white;">border: 2px solid #3c95d9;</span><br />
<span style="background-color: white;">background-color: #fff;</span><br />
<span style="background-color: white;">width: 300px;</span><br />
<span style="background-color: white;">height: 353px; position: fixed;</span><br />
<span style="background-color: white;">right: -305px;</span><br />
<span style="background-color: white;">}</span><br />
<span style="background-color: white;">#facebook_right img {</span><br />
<span style="background-color: white;">position: absolute;</span><br />
<span style="background-color: white;">top: -2px;</span><br />
<span style="background-color: white;">left: -35px;</span><br />
<span style="background-color: white;">}</span><br />
<span style="background-color: white;">#facebook_right iframe {</span><br />
<span style="background-color: white;">border: 0px solid #3c95d9;</span><br />
<span style="background-color: white;">overflow: hidden; position: static;</span><br />
<span style="background-color: white;">height: 300px;</span><br />
<span style="background-color: white;">left: -2px; top: -3px;</span><br />
<span style="background-color: white;">}</span><br />
<span style="background-color: white;">#facebook_left {</span><br />
<span style="background-color: white;">z-index: 10005;</span><br />
<span style="background-color: white;">border: 2px solid #3c95d9;</span><br />
<span style="background-color: white;">background-color: #fff;</span><br />
<span style="background-color: white;">width: 300px;</span><br />
<span style="background-color: white;">height: 250px;</span><br />
<span style="background-color: white;">position: fixed;</span><br />
<span style="background-color: white;">left: -305px;</span><br />
<span style="background-color: white;">}</span><br />
<span style="background-color: white;">#facebook_left img {</span><br />
<span style="background-color: white;">position: absolute;</span><br />
<span style="background-color: white;">top: -2px;</span><br />
<span style="background-color: white;">right: -35px;</span><br />
<span style="background-color: white;">}</span><br />
<span style="background-color: white;">#facebook_left iframe {</span><br />
<span style="background-color: white;">border: 0px solid #3c95d9;</span><br />
<span style="background-color: white;">overflow: hidden;</span><br />
<span style="background-color: white;">position: static;</span><br />
<span style="background-color: white;">height: 360px;</span><br />
<span style="background-color: white;">right: -2px;</span><br />
<span style="background-color: white;">top: -3px;</span><br />
<span style="background-color: white;">}</span><br />
<br />
<span style="background-color: white;"></style></span><br />
<br />
<span style="background-color: white;"><script src="http://code.jquery.com/jquery-latest.js"></script></span><br />
<span style="background-color: white;"><script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script></span><br />
<span style="background-color: white;"><script type="text/javascript">jQuery(document).ready(function ()</span><br />
<br />
<span style="background-color: white;">{ jQuery("#facebook_right").hover(function ()</span><br />
<span style="background-color: white;">{  jQuery(this).stop(true, false).animate({   right: 0  }, 500); }, function () {  jQuery("#facebook_right")</span><br />
<span style="background-color: white;">.stop(true, false).animate({   right: -305  }, 500); }); jQuery("").hover(function () {  jQuery(this)</span><br />
<span style="background-color: white;">.stop(true, false).animate({   right: 0  }, 500); }, function () {  jQuery("")</span><br />
<span style="background-color: white;">.stop(true, false).animate({   right: -250  }, 500); }); jQuery("")</span><br />
<span style="background-color: white;">.hover(function () {  jQuery(this).stop(true, false).animate({   right: 0  }, 500); }, function () {  jQuery("").stop(true, false).animate(</span><br />
<span style="background-color: white;">{   right: -294  }, 500); });});</script><br /></span><br />
<br />
<span style="background-color: white;"><div id="on"> <div id="facebook_right" style="top: 12%;"> </span><br />
<br />
<br />
<span style="background-color: white;"><div id="facebook_div">  </span><br />
<span style="background-color: white;"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZMgnV8KCN5UuJD0knhPa6IJdyVIOtA4lr5Me0lh96OHoAmrkjfO2C31NCrtQtOe4s32l9FIw2PetvoCK4T5BPG0hHxf5CTqTINwTL5CzzhfYEjPB5qrcvLZXWrDmjR0DQPwJpJMChdOQq/s1600/NBTfacebook_right.png" />  </span><br />
<span style="background-color: white;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=</span><b style="background-color: magenta;">AQUI O ENDEREÇO DE SUA PÁGINA DO FACEBOOK</b><span style="background-color: white;">?ref=hl;</span><br />
<span style="background-color: white;">width=300&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false"  </span><br />
<span style="background-color: white;">style="border: none; height: 346px; overflow: hidden; width: 300px;"></iframe> </span><br />
<span style="background-color: white;"></div></span><br />
<span style="background-color: white;"></div></span><br />
<span style="background-color: white;"></div></span></div>
<div class="codeview" style="color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">
<span style="background-color: white;"><br /></span></div>
<div class="codeview" style="color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">
<span style="background-color: white;"><br /></span></div>
<div class="codeview" style="color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">
<span style="background-color: white;"><br /></span></div>
<div class="codeview" style="color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">
<div style="text-align: center;">
pronto é só visualizar<br />
<br /></div>
<div style="text-align: center;">
<div style="text-align: left;">
<div style="text-align: center;">
<span style="font-size: large;">É muito importante que você comente este poste e que curta nossa pagina no Face</span></div>
</div>
</div>
</div>
<div class="codeview" style="color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">
<span style="background-color: white;"><br /></span></div>
<div class="codeview" style="color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">
<span style="background-color: white;"><br /></span></div>
<div class="codeview" style="color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">
<span style="background-color: white;"><br /></span></div>
<div class="codeview" style="color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">
<span style="background-color: white;"><br /></span></div>
<div class="codeview" style="color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">
<span style="background-color: white;"><br /></span></div>
<div class="codeview" style="color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">
<span style="background-color: white;"><br /></span></div>
<div class="codeview" style="color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">
<span style="background-color: white;"><br /></span></div>
<div class="codeview" style="color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.2px; line-height: 18.48px; widows: 1;">
<span style="background-color: white;"><br /></span></div>
<div class="codeview" style="widows: 1;">
<span style="font-size: xx-small;"><span style="background-color: white; color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; line-height: 18.48px;">Fonte: </span><span style="color: #222222; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="line-height: 18.46875px;">templateseacessorios.blogspot.com.br</span></span></span></div>
<div>
<br /></div>
<br />

Pagina do facebook oculto na lateral do blog

Vou esta ensinando como colocar sua Pagina do facebook oculto na lateral do blog Clique em Layout, depois Adicionar um Gadget, Ao...

Mais informações »

16:52