domingo, 20 de janeiro de 2013

Introdução ao HTML 

Todo documento HTML é composto de Tags. Este é o nome dados aos comandos HTML. Você deve começar sua página com a tag , na primeira linha do código, e terminar com na última linha do documento. Perceba que a barra "/" sinaliza o fechamento da tag. Este fechamento é necessário para que ela possa ser interpretada pelo navegador. A estrutura das tags é formada por: 

: Este é o inicio da tag;*

: Este é o fechamento da tag para que ela possa funcionar.** 

* xxx é apenas uma representação de uma tag, não é uma tag HTML.
** Algumas tags não necessitam do fechamento. Neste caso você será avisado. 

Entre o início da tag e o seu fechamento ficam os textos, parâmetros, atributos e até outras tags que vão formando a sua página. Se você não fechar corretamente as tags, a página não irá ser mostrada direito ou nem mesmo irá aparecer. 

Após iniciar o documento com a tag você deve incluir o cabeçalho que é feito com as tags . E também um título usando o par ... . Geralmente, o título não é mostrado na página, porém os navegadores o utilizam para entitular a janela de visualização. Coloque um título bem claro e explicativo para seus documentos. 

- A tag  

O "corpo" do documento deve ser demarcado pelo par ... . Nesta parte do documento serão colocados todos os comandos para apresentação de uma página HTML. Entre as tags e é que você vai colocar todos os códigos para sua página. 

Um documento simples seria digitado da seguinte maneira: 



Meu documento HTML


Aqui você coloca os comandos em HTML.



Os espaços em branco são ignorados quando o navegador "lê" o código. Assim o código acima poderia ser escrito da seguinte forma: 

Meu documento HTML Aqui você coloca os comandos em HTML. 

vantagem é que isto economiza espaço em disco, mas é uma maneira muito confusa e relaxada de programar. Acostume-se a organizar seus programas para poder entendê-los posteriormente. 

- Atributos do  

Através de atributos de , podemos definir cores para os textos, links e para o fundo das páginas, bem como uma imagem de fundo (papel de parede da página): 

 

Onde: 

- BGCOLOR 
Cor de fundo (padrão: cinza ou branco) 

- TEXT 
Cor dos textos da página (padrão: preto) 

- LINK 
Cor dos links (padrão: azul) 

- ALINK 
Cor dos links, quando acionados (padrão: vermelho) 

- VLINK 
Cor dos links, depois de visitados (padrão: azul escuro ou roxo) 

- BACKGROUND
Imagem de fundo. Saiba como colocar uma imagem de fundo clicando aqui. 

Em "cor", você pode colocar os valores de cores em inglês como: 

Preto = black
Branco = white
Azul = blue
Amarelo = yellow
Vermelho = red

Você também pode usar o valor hexadecimal de cores ou "RRGGBB", que é a forma mais comum de definir cores usadas na Internet.. Com isso você pode colocar em sua página outras cores diferentes, como um azul-claro. Para isso você deve ter o código das cores, e no lugar de escrever o nome da cor em inglês, você coloca o valor da cor 

Algumas cores disponíveis RRGGBB (hexadecimal): 

Cor - Código HTML

PRETO - #000000
BRANCO - #FFFFFF
VERMELHO - #FF0000
VERDE - #00FF00
AZUL - #0000FF
ROSA - #FF00FF
AMARELO - #FFFF00

Agora que você já aprendeu como é o arquivo HTML básico , pode começar a ver tags. Elas ficam após o comando , no meio do seu texto. Após você já pode começar a escrever o que quiser. Há duas formas de formatar o seu texto:

- Tags de título - "Headings" 

Com elas você pode apenas definir o tamanho das letras, mas não o tipo de fontes. Veja agora como ficam as tags "headings" para cabeçalhos que vão do tamanho 1 até 6. 

Este é o primeiro nível


Este é o segundo nível


Este é o terceiro nível


Este é o quarto nível

 

Este é o quinto nível
 

Este é o sexto nível




Este é o primeiro nível
Este é o segundo nível 
Este é o terceiro nível 
Este é o quarto nível 
Este é o quinto nível 
Este é o sexto nível 

- Tag  

- Você pode também usar as tags de fonte no lugar das tags de "headings". Este tipo de tag é a mais usada, pois você pode definir mais facilmente o tamanho do texto e fonte que você deseja, e personalizar ainda mais a sua página. A tag é , e dentro dela você pode definir vários parâmetros, como cor, tamanho e tipo de letra. Veja agora como usar as tags de fontes: 

- Atributo FACE 

- FACE: 
Uma evolução que permite a escolha da fonte (tipo de letra) para os textos, a tag é feita assim:

Texto

Exemplo:

Fonte Times New Roman
Fonte Times New Roman

Fonte Arial
Fonte Arial

Fonte Courier New
Fonte Courier New

- Atributo COLOR e SIZE 

- COLOR e SIZE: 
Atributos cor e tamanho:

A palavra terá o tamanho 3 
A palavra terá o tamanho 3

A palavra terá a cor vermelha  
A palavra terá a cor vermelha.

Podemos também combinar as tags acima:

Palavra com tamanho 3 e em vermelho  

O resultado final será:
Palavra com tamanho 3 e em vermelho 
Formatando textos 

Você pode formatar o texto, colocando-o em negrito, itálico, sublinhado e centralizado. Assim:

- Tags , , e
 

Texto - Texto fica em Negrito. 

Texto - Texto Sublinhado. 

Texto - Texto em Itálico. 



Texto
Texto centralizado. 


Os códigos também podem ser escritos uns sobre os outros, acumulando seus efeitos, como por exemplo: 

Teste 1 e Teste 2


O resultado é: 


Teste 1 e Teste 2
Parágrafos 

- Tag - Parágrafos: 

Em HTML são necessários comandos para definir parágrafos. Não basta você simplesmente pressionar "ENTER" para que a linha vá para baixo, como em editores de texto comuns. Você terá que colocar uma tag para um parágrafo ou para uma linha nova.

Para fazer um parágrafo novo, basta colocar a tag . Por exemplo, escreva no editor o seguinte, deste jeito: 

Parágrafo 1Parágrafo 2.

O resultado será este:

Parágrafo 1

Parágrafo 2

- Tag
- Linhas 


Como você pode ver, o navegador mesmo faz um parágrafo novo cada vez que você coloca esta tag. Caso você queira simplesmente mudar de linha, ao invés de mudar de parágrafo, coloque a tag
. Por exemplo, escreva:


Parágrafo 1
Linha 1Parágrafo 2
Linha 2. 

O resultado será este:

Parágrafo 1
Linha 1

Parágrafo 2
Linha 2

HTML - Listagem de comandos


Título do documento:


escreva aqui o titulo da pagina Ou seja, escreva </code> no início do título e <code> para avisar que já terminou o título.
Evite usar acentuação dentro do title pois é o gerenciador de janelas (window manager) quem interpreta o title e não o software de navegação e muitas vezes o gerenciador de janelas não suporta caracteres acentuados.
O título deve ser o mais explicativo possível porem, compacto (no máximo uma linha).

Cabeçalhos (Headers):

Cabeçalhos podem ser usados em qualquer parte da página em HTML para dar destaque maior ou menor a algum termo do texto. Existem 6 tamanhos de cabeçalhos e eles são usados da seguinte forma:

. . .

Cabeçalho H1

. . .

Cabeçalho H2

. . .

Cabeçalho H3

. . .

Cabeçalho H4

. . .
Cabeçalho H5
. . .
Cabeçalho H6

Tipos de letra:

Itálico (Exemplo de texto em itálico):
. . . Bold (Exemplo de texto em bold):
. . . Code (Exemplo de texto em "code"):
. . . Blink (Letras piscando):
. . .

Listas:

Criando uma lista de elementos tipo "ul" (Unordered List):

O exemplo:
  • Exemplo
  • de lista
  • não ordenada
Foi criada com o comando
    . . .
(que afasta todo o conteúdo para a direita) combinado com o comando
  • (cria uma marca na frente de cada item), escrito da seguinte forma:

  • Aqui vai um item da lista
  • Aqui vai o proximo item.
  • E pronto.

  • Criando uma lista de elementos tipo "ol" (Ordered List):

    1. Exemplo
    2. de lista
    3. ordenada.
    A diferença da lista tipo "ul" é que neste caso cada item possui um número na sua frente, colocado automaticamente por cada
  • encontrado.

  • Aqui vai um item da lista
  • Aqui vai o proximo item.

    É possível combinar listas "ol" e "ul" e também criar listas dentro de listas como no caso:

    • Item A
      • Um sub-item do A
      • Outro sub-item do A
    • Item B
    • Item C

    Formatando o texto na página:

    Ao escrever um texto em HTML, a formatação (espaços entre uma palavra e outra e distância entre uma linha e outra) não é interpretada, ou seja, é preciso incluir comandos de quebra de linha, parágrafo e de texto pré-formatado como os que seguem:Termina uma linha de texto (pula para próxima linha):

    Termina um parágrafo (pula duas linhas):
    Para pular várias linhas, não adianta usar diversos seguidos. O que pode ser feito para pular diversas linhas é usar o comando
    , seguido de alguns "Enter" e depois o comando 
    para terminar.
    Colocando um texto pré-formatado:
     coloque o texto aqui 
    Exemplo de texto pré-formatado:
                  "Este   é   um texto
                               pre-formatado."
    
    Normalmente a apresentação de um texto formatado pelo comando pre é pior do que a de um texto formatado pelos comandos de formatação do HTML.Iniciando um parágrafo de texto:
    Este comando 
     afasta a primeira linha do texto que vem a seguir dele um pouco para a direita.
    Interpretando o HTML como se fosse texto puro (.txt):
    </plaintext></code>Deste comando para frente tudo é interpretado como texto puro, ignorando os comandos do HTML, mostrando os comandos junto com o texto.<br /> <b>Centralizando textos e imagens:</b><br /> </dd><dd><code><center> . . . </center> </code><br /> <hr /> <h3> <i>Criando linhas de separação:</i></h3> O comando&nbsp;<code><hr /> </code>&nbsp;cria uma linha horizontal em uma página e pode ser utilizado com alguns atributos:</dd><dd><code><hr align="alinhamento" size="altura_da_linha" width="largura" /> </code>Onde a largura pode ser definida em pixels (width=100 por exemplo) ou em porcentagem do tamanho horizontal da tela (width=30% por exemplo).<br /> Exemplo:<br /><code><hr align="right" size="8" width="50%" /> </code><br />cria uma linha com 8 pixels de altura, com largura igual a 50% do tamanho da tela, alinhada à direita, como a seguinte:<br /> <hr align="right" size="8" width="50%" /> Uma linha mais sólida pode ser criada usando o atributo&nbsp;<code>noshade</code>&nbsp;junto com o&nbsp;<code>hr</code>, como no exemplo:<br /><code><hr noshade="noshade" width="30%" /> </code><br />Gera a linha:<br /> <hr noshade="" width="30%" /> <br /> <hr /> <h3> <i>Diversos:</i></h3> Colocando comentários no HTML:</dd><dd><code><!-- . . . --></code>Exemplo:</dd><dd><code><!-- este texto não aprecerá na página --></code><br /> <hr /> <h3> <i>Colocando imagens dentro da tela:</i></h3> As imagens que aparecem nas páginas da WWW podem estar no formato GIF ou JPEG. O formato JPEG não é compatível com todos os programas de acesso e pode resultar em perda de qualidade na imagem, porém, costuma ser de menor tamanho (em kbytes) do que o formato GIF.O comando para colocar uma imagem é:<br /> </dd><dd><code><img src="imagem" /></code>Sendo "imagem" o nome da imagem ou o endereço onde ela se encontra.<br /> Exemplos:<br /> <code><img src="tela.gif" /></code><br />Inclui uma imagem chamada "tela.gif"<br /> <code><img src="images/tela.gif" /></code><br />Busca a imagem "tela.gif" dentro do diretorio "images"<br /> <code><img height="60" src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vbnZLnMzmWLtA87EXla7VGf-jWYxk3Gw-0ndnWyB0zM6w5Rb2IG17vTatwh3qotr4wlyC_Dfyq4e___2xcl5-Kptj2wjjAza0=s0-d" width="87"></code><br />Busca a imagem "lsi2.gif" no endereço "www.lsi.usp.br", dentro do diretório "icones"<br /> Alguns parâmetros podem ser utilizados com o&nbsp;<code>img src</code>:<br /> <b>Alinhamento:</b><br /><code><img align="alinhamento" src="imagem" /></code><br /> Os tipos possíveis para "alinhamento" são:<br /> <br /> <hr align="left" size="1" width="50%" /> <code>align="right"</code><br />Posiciona a imagem à direita da tela.<br /> <hr align="left" size="1" width="50%" /> <code>align="left"</code><br />Posiciona a imagem à esquerda da tela.</dd><html> <heard></heard></html> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'> Postado por <span class='fn'> <a href='https://www.blogger.com/profile/14654852687039139697' rel='author' title='author profile'> Mariana Costa </a> </span> </span> <span class='post-timestamp'> às <a class='timestamp-link' href='https://marianacosta180.blogspot.com/2013/01/html-listagem-de-comandos-titulo-do.html' rel='bookmark' title='permanent link'><abbr class='published' title='2013-01-20T18:41:00-08:00'>18:41</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='https://marianacosta180.blogspot.com/2013/01/html-listagem-de-comandos-titulo-do.html#comment-form' onclick=''>0 comentários</a> </span> <span class='post-icons'> <span class='item-action'> <a href='https://www.blogger.com/email-post.g?blogID=4151737033861788550&postID=7715318655936975454' title='Enviar esta postagem'> <img alt="" class="icon-action" height="13" src="//img1.blogblog.com/img/icon18_email.gif" width="18"> </a> </span> <span class='item-control blog-admin pid-772136396'> <a href='https://www.blogger.com/post-edit.g?blogID=4151737033861788550&postID=7715318655936975454&from=pencil' title='Editar postagem'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <span class='post-backlinks post-comment-link'> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4151737033861788550&postID=7715318655936975454&target=email' target='_blank' title='Enviar por e-mail'><span class='share-button-link-text'>Enviar por e-mail</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4151737033861788550&postID=7715318655936975454&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='Postar no blog!'><span class='share-button-link-text'>Postar no blog!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4151737033861788550&postID=7715318655936975454&target=twitter' target='_blank' title='Compartilhar no X'><span class='share-button-link-text'>Compartilhar no X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4151737033861788550&postID=7715318655936975454&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Compartilhar no Facebook'><span class='share-button-link-text'>Compartilhar no Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4151737033861788550&postID=7715318655936975454&target=pinterest' target='_blank' title='Compartilhar com o Pinterest'><span class='share-button-link-text'>Compartilhar com o Pinterest</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'></div> </div> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://marianacosta180.blogspot.com/' id='Blog1_blog-pager-newer-link' title='Postagens mais recentes'>Postagens mais recentes</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://marianacosta180.blogspot.com/search?updated-max=2013-01-20T18:41:00-08:00&amp;max-results=7' id='Blog1_blog-pager-older-link' title='Postagens mais antigas'>Postagens mais antigas</a> </span> <a class='home-link' href='https://marianacosta180.blogspot.com/'>Página inicial</a> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Assinar: <a class='feed-link' href='https://marianacosta180.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Postagens (Atom)</a> </div> </div> </div></div> </div> </div> <div class='column-left-outer'> <div class='column-left-inner'> <aside> <div class='sidebar section' id='sidebar-left-1'><div class='widget HTML' data-version='1' id='HTML9'> <div class='widget-content'> <script src="//oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script> <script type="text/javascript"> var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'https://twitter.com/#!/Marianinha360'; var twitterThisText =''; tripleflapInit(); </script> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML6'> <div class='widget-content'> <center><embed src="//gerador.mensagensmagicas.com/led/LCD1.swf" flashvars="t=SEJA BEM VINDO&amp;msg=Led&amp;b=1" quality="high" bgcolor="#000000" width="230" height="60" name="LCDScroller" align="middle" allowscriptaccess="samedomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"><br /><font size="-2"><a href="http://www.mensagensmagicas.com/geradoresrecados/">MensagensMagicas.com</a></font></embed></center> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML5'> <div class='widget-content'> <div class = "fb-subscribe" dados href = "https://www.facebook.com/zuck" dados width = "450"> </div> </div> <div class='clear'></div> </div><div class='widget Text' data-version='1' id='Text1'> <h2 class='title'>Termos Blog Mariana Costa</h2> <div class='widget-content'> <span style="LINE-HEIGHT: 17px;font-family:Arial, Verdana, sans-serif;font-size:13;" class="Apple-style-span">O bLog Mariana Costa 180 disponibiliza links de downloads e demais conteúdos encontrados em outros sites da internet, com o objetivo único de compartilhar o conteúdo encontrado na grande rede.</span><span class="Apple-style-span" style="font-family: Arial, Verdana, sans-serif; font-size: 13px; line-height: 17px; ">Estes links são disponibilizados gratuitamente, assim como já estão na internet, portanto, não nos responsabilizamos pelos mesmos e por seus respectivos conteúdos. Todos os downloads são por sua conta e risco e encontram-se hospedados em sua origem. Recomendamos cautela e perícia na escolha de seus downloads.</span> </div> <div class='clear'></div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Arquivo do blog</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> &#9660;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2013/'> 2013 </a> <span class='post-count' dir='ltr'>(2)</span> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> &#9660;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2013/01/'> 01 </a> <span class='post-count' dir='ltr'>(2)</span> <ul class='posts'> <li><a href='https://marianacosta180.blogspot.com/2013/01/introducao-ao-html-todo-documento-html.html'>Introdução ao HTML&#160;Todo documento HTML é composto ...</a></li> <li><a href='https://marianacosta180.blogspot.com/2013/01/html-listagem-de-comandos-titulo-do.html'> HTML - Listagem de comandos Título do documento...</a></li> </ul> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2012/'> 2012 </a> <span class='post-count' dir='ltr'>(11)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2012/05/'> 05 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2012/03/'> 03 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2012/02/'> 02 </a> <span class='post-count' dir='ltr'>(8)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2012/01/'> 01 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2011/'> 2011 </a> <span class='post-count' dir='ltr'>(205)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2011/12/'> 12 </a> <span class='post-count' dir='ltr'>(19)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2011/11/'> 11 </a> <span class='post-count' dir='ltr'>(12)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2011/10/'> 10 </a> <span class='post-count' dir='ltr'>(13)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2011/09/'> 09 </a> <span class='post-count' dir='ltr'>(9)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2011/08/'> 08 </a> <span class='post-count' dir='ltr'>(6)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2011/07/'> 07 </a> <span class='post-count' dir='ltr'>(11)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2011/06/'> 06 </a> <span class='post-count' dir='ltr'>(8)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2011/05/'> 05 </a> <span class='post-count' dir='ltr'>(17)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2011/04/'> 04 </a> <span class='post-count' dir='ltr'>(39)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2011/03/'> 03 </a> <span class='post-count' dir='ltr'>(10)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2011/02/'> 02 </a> <span class='post-count' dir='ltr'>(61)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2010/'> 2010 </a> <span class='post-count' dir='ltr'>(25)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2010/11/'> 11 </a> <span class='post-count' dir='ltr'>(3)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2010/10/'> 10 </a> <span class='post-count' dir='ltr'>(2)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2010/09/'> 09 </a> <span class='post-count' dir='ltr'>(18)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2010/03/'> 03 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2010/02/'> 02 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2009/'> 2009 </a> <span class='post-count' dir='ltr'>(10)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2009/11/'> 11 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2009/10/'> 10 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2009/07/'> 07 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> &#9658;&#160; </span> </a> <a class='post-count-link' href='https://marianacosta180.blogspot.com/2009/06/'> 06 </a> <span class='post-count' dir='ltr'>(7)</span> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div><div class='widget Label' data-version='1' id='Label1'> <h2>Marcadores</h2> <div class='widget-content list-label-widget-content'> <ul> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Apostilas'>Apostilas</a> <span dir='ltr'>(9)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/CD'>CD</a> <span dir='ltr'>(14)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Curiosidades'>Curiosidades</a> <span dir='ltr'>(19)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Cursos'>Cursos</a> <span dir='ltr'>(6)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Dicas'>Dicas</a> <span dir='ltr'>(1)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Documentarios'>Documentarios</a> <span dir='ltr'>(8)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/DVD%20Musical'>DVD Musical</a> <span dir='ltr'>(2)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Filme'>Filme</a> <span dir='ltr'>(11)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Fotos'>Fotos</a> <span dir='ltr'>(5)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Jogos'>Jogos</a> <span dir='ltr'>(4)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Noticias'>Noticias</a> <span dir='ltr'>(27)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Poemas'>Poemas</a> <span dir='ltr'>(1)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Programa'>Programa</a> <span dir='ltr'>(29)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/REGGAE'>REGGAE</a> <span dir='ltr'>(1)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Tutorial'>Tutorial</a> <span dir='ltr'>(10)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Videos'>Videos</a> <span dir='ltr'>(62)</span> </li> <li> <a dir='ltr' href='https://marianacosta180.blogspot.com/search/label/Yolanda%20BE%20Cool'>Yolanda BE Cool</a> <span dir='ltr'>(1)</span> </li> </ul> <div class='clear'></div> </div> </div></div> </aside> </div> </div> <div class='column-right-outer'> <div class='column-right-inner'> <aside> <div class='sidebar section' id='sidebar-right-1'><div class='widget HTML' data-version='1' id='HTML8'> <h2 class='title'>Previsão do Tempo</h2> <div class='widget-content'> <iframe src='http://selos.climatempo.com.br/selos/mostraselopraia.php?codpraia=854,211,210,877&skin=laranja' scrolling='no' frameborder='0' width='150' height='185' marginheight='0' marginwidth='0'></iframe> <iframe src='http://selos.climatempo.com.br/selos/mostraselo.php?codcidade=978,979,60,3418,960&skin=laranja' scrolling='no' frameborder='0' width=150 height='170' marginheight='0' marginwidth='0'></iframe> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML2'> <h2 class='title'>Relogio</h2> <div class='widget-content'> <div align="center"><embed src="//www.cryd.com.br/relogios-feitos-em-flash/swf/10-09/90.swf" quality="high" wmode="transparent" type="application/x-shockwave-flash" width="165" height="165"></embed></div> </div> <div class='clear'></div> </div><div class='widget Stats' data-version='1' id='Stats1'> <h2>Total de visualizações de página</h2> <div class='widget-content'> <div id='Stats1_content' style='display: none;'> <span class='counter-wrapper graph-counter-wrapper' id='Stats1_totalCount'> </span> <div class='clear'></div> </div> </div> </div><div class='widget HTML' data-version='1' id='HTML3'> <h2 class='title'>Relogio</h2> <div class='widget-content'> <script src="//www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-orange.swf";obj.TimeZone="Brazil_Aracaju";obj.width=120;obj.height=40;obj.wmode="transparent";showClock(obj);</script> </div> <div class='clear'></div> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>Quem sou eu</h2> <div class='widget-content'> <a href='https://www.blogger.com/profile/14654852687039139697'><img alt='Minha foto' class='profile-img' height='80' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjADZN28X2CeAcpY7lHatPlvdYFAOzNTomOXOPEucAR5q4rBcFAWLQiasODLZaOD8ftCQN6ObT50Z6529Q0Qu93gDDROBBk8wMo57_qcVSh-jiNEYC7GLNdszh3PyfVpHs/s220/DSC06549.JPG' width='60'/></a> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/14654852687039139697' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> Mariana Costa </a> </dt> <dd class='profile-data'>Fortaleza, Ceará, Brazil</dd> <dd class='profile-textblock'>Sou somente eu!</dd> </dl> <a class='profile-link' href='https://www.blogger.com/profile/14654852687039139697' rel='author'>Ver meu perfil completo</a> <div class='clear'></div> </div> </div><div class='widget Subscribe' data-version='1' id='Subscribe1'> <div style='white-space:nowrap'> <h2 class='title'>Inscrever-se</h2> <div class='widget-content'> <div class='subscribe-wrapper subscribe-type-POST'> <div class='subscribe expanded subscribe-type-POST' id='SW_READER_LIST_Subscribe1POST' style='display:none;'> <div class='top'> <span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'> <img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/> Postagens </span> <div class='feed-reader-links'> <a class='feed-reader-link' href='https://www.netvibes.com/subscribe.php?url=https%3A%2F%2Fmarianacosta180.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'> <img src='https://resources.blogblog.com/img/widgets/subscribe-netvibes.png'/> </a> <a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=https%3A%2F%2Fmarianacosta180.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'> <img src='https://resources.blogblog.com/img/widgets/subscribe-yahoo.png'/> </a> <a class='feed-reader-link' href='https://marianacosta180.blogspot.com/feeds/posts/default' target='_blank'> <img align='absmiddle' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/> Atom </a> </div> </div> <div class='bottom'></div> </div> <div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1POST' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'> <div class='top'> <span class='inner'> <img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/> <span onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/> Postagens </span> </span> </div> <div class='bottom'></div> </div> </div> <div class='subscribe-wrapper subscribe-type-COMMENT'> <div class='subscribe expanded subscribe-type-COMMENT' id='SW_READER_LIST_Subscribe1COMMENT' style='display:none;'> <div class='top'> <span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1COMMENT"));'> <img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/> Comentários </span> <div class='feed-reader-links'> <a class='feed-reader-link' href='https://www.netvibes.com/subscribe.php?url=https%3A%2F%2Fmarianacosta180.blogspot.com%2Ffeeds%2Fcomments%2Fdefault' target='_blank'> <img src='https://resources.blogblog.com/img/widgets/subscribe-netvibes.png'/> </a> <a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=https%3A%2F%2Fmarianacosta180.blogspot.com%2Ffeeds%2Fcomments%2Fdefault' target='_blank'> <img src='https://resources.blogblog.com/img/widgets/subscribe-yahoo.png'/> </a> <a class='feed-reader-link' href='https://marianacosta180.blogspot.com/feeds/comments/default' target='_blank'> <img align='absmiddle' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/> Atom </a> </div> </div> <div class='bottom'></div> </div> <div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1COMMENT' onclick='return(_SW_toggleReaderList(event, "Subscribe1COMMENT"));'> <div class='top'> <span class='inner'> <img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/> <span onclick='return(_SW_toggleReaderList(event, "Subscribe1COMMENT"));'> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/> Comentários </span> </span> </div> <div class='bottom'></div> </div> </div> <div style='clear:both'></div> </div> </div> <div class='clear'></div> </div><div class='widget Image' data-version='1' id='Image2'> <h2>Olhar Digital</h2> <div class='widget-content'> <a href='http://olhardigital.uol.com.br/produtos/central_de_videos/como-encontrar-imagens-livres-de-direitos-autorais-na-rede/13972'> <img alt='Olhar Digital' height='127' id='Image2_img' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIbLocMPVmvH4qGqFgMfdPIpMmMHSxH6Ccf3c_nmN3aSjkecjBCFC-taWxSvq51EaB9eFCSOeDxjeuivDeiO-Gk4OeXfrip2fDm3W1cpZfY5TnQ6CoaPBdI5E_enDJT-4zNo3vQym77pQK/s170/g_481062_0001.jpg' width='170'/> </a> <br/> <span class='caption'>Como encontrar imagens livres de direitos autorais na rede?</span> </div> <div class='clear'></div> </div><div class='widget BlogSearch' data-version='1' id='BlogSearch1'> <h2 class='title'>Pesquisar este blog</h2> <div class='widget-content'> <div id='BlogSearch1_form'> <form action='https://marianacosta180.blogspot.com/search' class='gsc-search-box' target='_top'> <table cellpadding='0' cellspacing='0' class='gsc-search-box'> <tbody> <tr> <td class='gsc-input'> <input autocomplete='off' class='gsc-input' name='q' size='10' title='search' type='text' value=''/> </td> <td class='gsc-search-button'> <input class='gsc-search-button' title='search' type='submit' value='Pesquisar'/> </td> </tr> </tbody> </table> </form> </div> </div> <div class='clear'></div> </div><div class='widget Feed' data-version='1' id='Feed1'> <h2>Baixaki - Destaques-Baixaki</h2> <div class='widget-content' id='Feed1_feedItemListDisplay'> <span style='filter: alpha(25); opacity: 0.25;'> <a href='http://www.baixaki.com.br/rss/destaques.xml'>Carregando...</a> </span> </div> <div class='clear'></div> </div><div class='widget Followers' data-version='1' id='Followers1'> <h2 class='title'>Amigos</h2> <div class='widget-content'> <div id='Followers1-wrapper'> <div style='margin-right:2px;'> <div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <div id="followers-iframe-container"></div> <script type="text/javascript"> window.followersIframe = null; function followersIframeOpen(url) { gapi.load("gapi.iframes", function() { if (gapi.iframes && gapi.iframes.getContext) { window.followersIframe = gapi.iframes.getContext().openChild({ url: url, where: document.getElementById("followers-iframe-container"), messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { '_ready': function(obj) { window.followersIframe.getIframeEl().height = obj.height; }, 'reset': function() { window.followersIframe.close(); followersIframeOpen("https://www.blogger.com/followers/frame/4151737033861788550?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByM4YTJlMmUqC3RyYW5zcGFyZW50MgcjODI4MjgyOgcjMDAwMDAwQgcjOGEyZTJlSgcjMDAwMDAwUgcjOGEyZTJlWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26hl\x3dpt-BR\x26origin\x3dhttps://marianacosta180.blogspot.com"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); }, 'blogger-ping': function() { } } }); } }); } followersIframeOpen("https://www.blogger.com/followers/frame/4151737033861788550?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByM4YTJlMmUqC3RyYW5zcGFyZW50MgcjODI4MjgyOgcjMDAwMDAwQgcjOGEyZTJlSgcjMDAwMDAwUgcjOGEyZTJlWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26hl\x3dpt-BR\x26origin\x3dhttps://marianacosta180.blogspot.com"); </script></div> </div> </div> <div class='clear'></div> </div> </div></div> </aside> </div> </div> </div> <div style='clear: both'></div> <!-- columns --> </div> <!-- main --> </div> </div> <div class='main-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <footer> <div class='footer-outer'> <div class='footer-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left footer-fauxborder-left'> <div class='fauxborder-right footer-fauxborder-right'></div> <div class='region-inner footer-inner'> <div class='foot section' id='footer-1'><div class='widget Image' data-version='1' id='Image1'> <h2>Marianinha</h2> <div class='widget-content'> <img alt='Marianinha' height='570' id='Image1_img' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikN4qsO3AoOCp-9OOYeWhXegmaOhr_3rvUqVFfst3aifmu9-aVJZPA55zPsv9-dVwMV7B0P1gw9CR_os1o2Ay9oFKqLt4bY8t4-bg-9RMBqgwbGwCW553W7Pci82SbVI4hQAtfMR03vw-_/s760/wallpaper_need_for_speed_most_wanted_04_1024.jpg' width='760'/> <br/> </div> <div class='clear'></div> </div></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='foot no-items section' id='footer-2-1'></div> </td> <td class='columns-cell'> <div class='foot section' id='footer-2-2'><div class='widget BloggerButton' data-version='1' id='BloggerButton1'> <div class='widget-content'> <a href='https://www.blogger.com'><img alt='Powered By Blogger' src='https://www.blogger.com/buttons/blogger-simple-blue.gif'/></a> <div class='clear'></div> </div> </div></div> </td> </tr> </tbody> </table> <!-- outside of the include in order to lock Attribution widget --> <div class='foot section' id='footer-3'><div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> Tema Janela de imagem. Imagens de tema por <a href='http://www.istockphoto.com/googleimages.php?id=2374652&platform=blogger&langregion=pt_BR' target='_blank'>enot-poloskun</a>. Tecnologia do <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> </div></div> </div> </div> <div class='footer-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </footer> <!-- content --> </div> </div> <div class='content-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </div> <script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY6f94p7cJcXV8p6UO_2Z7jNEhZSKg:1732384080315';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4151737033861788550','//marianacosta180.blogspot.com/2013/','4151737033861788550'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4151737033861788550', 'title': 'Mariana Costa', 'url': 'https://marianacosta180.blogspot.com/2013/', 'canonicalUrl': 'http://marianacosta180.blogspot.com/2013/', 'homepageUrl': 'https://marianacosta180.blogspot.com/', 'searchUrl': 'https://marianacosta180.blogspot.com/search', 'canonicalHomepageUrl': 'http://marianacosta180.blogspot.com/', 'blogspotFaviconUrl': 'https://marianacosta180.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'pt-BR', 'localeUnderscoreDelimited': 'pt_br', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Mariana Costa - Atom\x22 href\x3d\x22https://marianacosta180.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Mariana Costa - RSS\x22 href\x3d\x22https://marianacosta180.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Mariana Costa - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4151737033861788550/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d78375fb222d99b3', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Gerar link', 'key': 'link', 'shareMessage': 'Gerar link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartilhar no Facebook', 'target': 'facebook'}, {'name': 'Postar no blog!', 'key': 'blogThis', 'shareMessage': 'Postar no blog!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Compartilhar no X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartilhar no Pinterest', 'target': 'pinterest'}, {'name': 'E-mail', 'key': 'email', 'shareMessage': 'E-mail', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27pt_BR\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Leia mais', 'pageType': 'archive', 'pageName': '2013', 'pageTitle': 'Mariana Costa: 2013'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Editar', 'linkCopiedToClipboard': 'Link copiado para a \xe1rea de transfer\xeancia.', 'ok': 'Ok', 'postLink': 'Link da postagem'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Personalizar', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true, 'variant': 'open', 'variantId': 'open'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Mariana Costa', 'description': 'Amizade \xe9 tudo!', 'url': 'https://marianacosta180.blogspot.com/2013/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2013, 'rangeMessage': 'Mostrando postagens de 2013'}}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/961004048-lbx__pt_br.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'sidebar-left-1', document.getElementById('HTML9'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sidebar-left-1', document.getElementById('HTML6'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar-left-1', document.getElementById('HTML5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'sidebar-left-1', document.getElementById('Text1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-left-1', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Carregando\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-left-1', document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'sidebar-right-1', document.getElementById('HTML8'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-right-1', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_StatsView', new _WidgetInfo('Stats1', 'sidebar-right-1', document.getElementById('Stats1'), {'title': 'Total de visualiza\xe7\xf5es de p\xe1gina', 'showGraphicalCounter': true, 'showAnimatedCounter': true, 'showSparkline': false, 'statsUrl': '//marianacosta180.blogspot.com/b/stats?style\x3dBLACK_TRANSPARENT\x26timeRange\x3dALL_TIME\x26token\x3dAPq4FmCrOZTpHdvLeXEwF2aak9XDOGftr8_z2SpOIROFKBDcAhm_5vxERMne7-cB-7z4IivVMkyKBkQM9zSGj3qz4MGdjfU8Xg'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar-right-1', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar-right-1', document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_SubscribeView', new _WidgetInfo('Subscribe1', 'sidebar-right-1', document.getElementById('Subscribe1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image2', 'sidebar-right-1', document.getElementById('Image2'), {'resize': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'sidebar-right-1', document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeedView', new _WidgetInfo('Feed1', 'sidebar-right-1', document.getElementById('Feed1'), {'title': 'Baixaki - Destaques-Baixaki', 'showItemDate': false, 'showItemAuthor': false, 'feedUrl': 'http://www.baixaki.com.br/rss/destaques.xml', 'numItemsShow': 5, 'loadingMsg': 'Carregando...', 'openLinksInNewWindow': false, 'useFeedWidgetServ': 'true'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar-right-1', document.getElementById('Followers1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'footer-1', document.getElementById('Image1'), {'resize': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BloggerButtonView', new _WidgetInfo('BloggerButton1', 'footer-2-2', document.getElementById('BloggerButton1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>