1. Primeiro fazemos o login no Blogger e clique em Modelo..
2. Procura-se pelo link Editar HTML e clicamos nele. Após isso, pressione as teclas Ctrl + F para abrir o localizador de seu navegador e digite a tag:
]]></b:skin>
3. Imediatamente acima desta tag, vamos colar este outro código. Este código será utilizado para ocultar a mensagem:
.status-msg-wrap{display: none;}
4. Salve seu modelo e visualize seu blog e procure por um marcador e verá que não terá a mensagem.
Mostrando postagens com marcador sites. Mostrar todas as postagens
Mostrando postagens com marcador sites. Mostrar todas as postagens
Slides com Banners
Como fazer
Apresentação de Slides com Banners
Vamos criar
uma apresentação de slides com banners no seu blog, o código é um pouco longo,
mas depois de instalar você verá que adicionar mais banners ou trocar os que já
colocaram é muito simples de fazer é igual a mudar um banner comum. Já
publicamos outro código pode ser utilizado para mostrar os banners deslizando
pela pagina que também pode criar um bom efeito visual no seu blog.
Para
colocar esses slides no seu blog entre na pagina Designer (layout), clique para
adicionar um gadget, escolha a opção HTML/javascript e cole o código abaixo:
<style type="text/css">
#slider {
width:
400px; /* Largura das as imagens */
height:
300px; /* Altura das as imagens */
position: relative;
overflow: hidden;
}
#sliderContent {
width:
150 px; /* Largura das as imagens */
position: absolute;
top: 0px;
margin: 0px;
padding:
0px;
}
.sliderImage
img{
width:
400px; /* Largura das as imagens */
height:
300px; /* Altura das as imagens */
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: 15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 100%;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}
.clear {clear: both;}
.sliderImage span strong {font-size: 14px;}
.top {top: 0px;left: 0px;}
.bottom {bottom: 0px;left: 0px;}
ul { list-style-type: none;}
</style>
<script
src='http://dl.getdropbox.com/u/1659986/jquery.js'
type='text/javascript'></script>
<script src='http://dl.getdropbox.com/u/1659986/s3Slider.js'
type='text/javascript'></script>
<script
type="text/javascript">
$(document).ready(function() {
$('#slider').s3Slider({
timeOut:
3000 /*Representa em milesimos de segundo o tempo de troca de imagem (neste
caso temos 3 segundos)*/
});
});
</script>
<div id="slider">
<ul id="sliderContent">
<li class="sliderImage">
<a
href="http://dicasparablogs.net"><img
src="http://acessoriosparablogs.com.br/dicas/banneranime.gif"
border="0"/>
<span
class="top">Dicas</span></a>
</li>
<li class="sliderImage">
<a
href="http://frasescurtas.com.br"><img
src="http://acessoriosparablogs.com.br/dicas/dicas4.jpg"
border="0"/>
<span
class="top">Frases</span></a>
</li>
<div class="clear
sliderImage"></div>
</ul>
</div>
Esse código
é somente para banners (imagens e links) se para fazer o mesmo com postagens do
blog temos outro código no tutorial sobre criar uma apresentação de slides com
as postagens recentes do blog.
Veja que a
parte final do código é igual qualquer HTML, portanto para trocar os banners ou
usar mais só precisa colocar os códigos nesta parte, e claro troque também o
endereço do site e o texto que aparece sobre ele:
<li class="sliderImage">
<a
href="http://dicasutilsegura.blogspot.pt/"><img
src="http://img834.imageshack.us/img834/9150/dicasuteis.png"
border="0"/>
<span
class="top">Frases</span></a>
</li>
Mas alguns
cuidados são necessários você deve usar banners todos do mesmo tamanho, porque
se não forem iguais o código irá distorcê-los, então use um programa para
editar as imagens antes de hospedar seus banners.
Outras
partes importantes do código que você precisa alterar:
Para
ajustar o tamanho da imagem procure esse trecho no código:
width:
400px;
height:
300px;
Ele aparece
duas vezes então deve modificar para as dimensões das imagens que utilizará.
Tempo dos
slides, isso você controla neste trecho: timeOut: 3000, basta mudar o valor,
lembre que 3000 equivalem a 3 segundos, então deixe como desejar.
Mais uma
coisa existe dois códigos javascripts que utilizados neste código que estão
hospedados no site getdropbox.com:
<script
src='http://dl.getdropbox.com/u/1659986/jquery.js'
type='text/javascript'></script>
<script
src='http://dl.getdropbox.com/u/1659986/s3Slider.js'
type='text/javascript'></script>
Se quiser
você pode baixar esses arquivos e hospedar você mesmo como já dissemos você
pode baixa-los no link de nossa pagina de demonstração que está no inicio desta
postagem, assim caso esses sejam deletados ou tenham algum problema você poderá
substituí-los. Isso é útil principalmente por se tratar de um site de
hospedagem grátis se muitos blogs usarem o mesmo arquivo ele pode ser apagado.
Slide no Cabeçalho
No painel de seu Blog vá em Design//editar Html,
procure utilizando CTRL+F, por </head>.
Abaixo da mesma, cole o seguinte código:
<script src='http://www.yourjavascript.com/12300300114/mootools.v1.11.js' type='text/javascript'/>
<script src='http://www.yourjavascript.com/10162001424/jd.gallery.js' type='text/javascript'/> <link href='http://api.ning.com:80/files/SN3eeozgUFWu*rJrzfJnsEuXtQuTxjUiS6nF2kD5NjG*p341SM0ecKKlIYZHbbNpw-19mQEl257b2cGsvHx8uVz-IyRDaVdN/jd.gallery.css' media='screen' rel='stylesheet' type='text/css'/>
Agora, procure por
]]></b:skin> e cole este segundo código, antes dele:
#myGallery{
width: 960px !important;
height: 200px !important;
overflow: hidden;
}
Salve as alterações e click em "Elementos da Página"
Os números em vermelho podem ser alterados de acordo com as dimensões de seu cabeçalho, lembrando que as imagens também deverão ter as mesmas dimensões.
Agora Copie este código e adicione-o como um gadget,substituindo o que se pede:
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: true,
showCarousel: false,
});
}
window.addEvent('domready', startGallery);
</script>
<div id="myGallery">
<div class="imageElement">
<a class="open" href="Endereço do Blog"/>
<img src="Url da imagem" class="full" />
<h3>Título do Texto</h3>
<p>Descrição </p>
</a></div>
<div class="imageElement">
<a class="open" href="Endereço do blog"/>
<img src="Url da Imagem" class="full" />
<h3>Título</h3>
<p>Descrição</p>
</a></div>
<div class="imageElement">
<a class="open" href="Endereço do Blog"/>
<img src="Url da imagem" class="full" />
<h3>Título</h3>
<p>Descrição</p>
</a></div>
<div class="imageElement">
<a class="open" href="Endereço do Blog"/>
<img src="Url da imagem" class="full" />
<h3>Título</h3>
<p>Descrição</p>
</a></div>
</div>
---------------------------------------------
Agora exclua o antigo cabeçalho
Como excluir o cabeçalho do Blogger
Para isto, procure [Ctrl+F] no seu template, por cabeçalho. Você encontrará, o "cadeado" chamado de locked='true'. Troque true por false, e o cabeçalho irá se separar do template. Salve e vá ao painel de seu Blog. Perceba que agora, clicando em editar o cabeçalho, você verá a opção Excluir.
Click e pronto!
Agora, se você se arrependeu de ter excluído o Cabeçalho de seu Blog, basta ir em adicionar gadget//e procurar por cabeçalho.
procure utilizando CTRL+F, por </head>.
Abaixo da mesma, cole o seguinte código:
<script src='http://www.yourjavascript.com/12300300114/mootools.v1.11.js' type='text/javascript'/>
<script src='http://www.yourjavascript.com/10162001424/jd.gallery.js' type='text/javascript'/> <link href='http://api.ning.com:80/files/SN3eeozgUFWu*rJrzfJnsEuXtQuTxjUiS6nF2kD5NjG*p341SM0ecKKlIYZHbbNpw-19mQEl257b2cGsvHx8uVz-IyRDaVdN/jd.gallery.css' media='screen' rel='stylesheet' type='text/css'/>
Agora, procure por
]]></b:skin> e cole este segundo código, antes dele:
#myGallery{
width: 960px !important;
height: 200px !important;
overflow: hidden;
}
Salve as alterações e click em "Elementos da Página"
Os números em vermelho podem ser alterados de acordo com as dimensões de seu cabeçalho, lembrando que as imagens também deverão ter as mesmas dimensões.
Agora Copie este código e adicione-o como um gadget,substituindo o que se pede:
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: true,
showCarousel: false,
});
}
window.addEvent('domready', startGallery);
</script>
<div id="myGallery">
<div class="imageElement">
<a class="open" href="Endereço do Blog"/>
<img src="Url da imagem" class="full" />
<h3>Título do Texto</h3>
<p>Descrição </p>
</a></div>
<div class="imageElement">
<a class="open" href="Endereço do blog"/>
<img src="Url da Imagem" class="full" />
<h3>Título</h3>
<p>Descrição</p>
</a></div>
<div class="imageElement">
<a class="open" href="Endereço do Blog"/>
<img src="Url da imagem" class="full" />
<h3>Título</h3>
<p>Descrição</p>
</a></div>
<div class="imageElement">
<a class="open" href="Endereço do Blog"/>
<img src="Url da imagem" class="full" />
<h3>Título</h3>
<p>Descrição</p>
</a></div>
</div>
---------------------------------------------
Agora exclua o antigo cabeçalho
Como excluir o cabeçalho do Blogger
Para isto, procure [Ctrl+F] no seu template, por cabeçalho. Você encontrará, o "cadeado" chamado de locked='true'. Troque true por false, e o cabeçalho irá se separar do template. Salve e vá ao painel de seu Blog. Perceba que agora, clicando em editar o cabeçalho, você verá a opção Excluir.
Click e pronto!
Agora, se você se arrependeu de ter excluído o Cabeçalho de seu Blog, basta ir em adicionar gadget//e procurar por cabeçalho.
Slides no Blogger
Slides no Blogger com as Postagens Recentes
Esse código de slides é simples de usar, mas você precisa ter cuidado na hora de fazer as alterações para não apagar nada por engano no código. Entre na pagina modelo clique para adicionar um gadget e escolha a opção html/javascript então coloque esse código:
Esse código de slides é simples de usar, mas você precisa ter cuidado na hora de fazer as alterações para não apagar nada por engano no código. Entre na pagina modelo clique para adicionar um gadget e escolha a opção html/javascript então coloque esse código:
Agora veja aqui as alterações que pode fazer para personalizar os
slides no seu blog:
Imagem para o thumbnail (miniatura da imagem) quando a postagem não tem imagem:
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
Largura total do slide:
#spylist ul{
width:320px; altere o valor 320 neste trecho do estilo CSS.
Tempo para trocar cada slide: intervalspy=4000
Tamanho da imagem no slide:
thumbwidth = 70; - largura
thumbheight = 70; - altura
Se quando alterar o tamanho da imagem os slides aparecer cortados no seu blog então faça o ajuste no CSS do slide alterando o valor 350 neste trecho:
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
Mudar o tamanho da fonte do título da postagem no slide:
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:16px; - altere o valor 16
Quantidade de postagens mostradas nos slides e endereço do seu blog:
numposts = 10;
limitspy=4
home_page = " COLOCA URL DA PRIMEIRA PAGINA DO BLOG/";
Depois que terminar só precisa salvar as alterações no gadget e pronto já tem slides dos posts recentes no seu blog, veja nos links abaixo outras dicas relacionadas a postagens recentes e slides para seu blog:
slides no seu blog:
Imagem para o thumbnail (miniatura da imagem) quando a postagem não tem imagem:
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
Largura total do slide:
#spylist ul{
width:320px; altere o valor 320 neste trecho do estilo CSS.
Tempo para trocar cada slide: intervalspy=4000
Tamanho da imagem no slide:
thumbwidth = 70; - largura
thumbheight = 70; - altura
Se quando alterar o tamanho da imagem os slides aparecer cortados no seu blog então faça o ajuste no CSS do slide alterando o valor 350 neste trecho:
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
Mudar o tamanho da fonte do título da postagem no slide:
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:16px; - altere o valor 16
Quantidade de postagens mostradas nos slides e endereço do seu blog:
numposts = 10;
limitspy=4
home_page = " COLOCA URL DA PRIMEIRA PAGINA DO BLOG/";
Depois que terminar só precisa salvar as alterações no gadget e pronto já tem slides dos posts recentes no seu blog, veja nos links abaixo outras dicas relacionadas a postagens recentes e slides para seu blog:
<div class="titlebar_01" style="border: 0px; font-family: Tahoma, Lucida, Arial, sans-serif; font: inherit; line-height: 18px; margin: 20px 0px; padding: 0px; vertical-align: baseline;">
<h2 class="tt_r22 d_inline_block" style="border: 0px; color: #cc0000; display: inline-block !important; font-family: Helvetica, sans-serif; font-size: 22px; font-weight: 300; font: inherit; line-height: 1; margin: 0px; padding: 0px; vertical-align: baseline;">
Atores e atrizes</h2>
</div>
<div class="media_list_02 margin_10b" style="border: 0px; font-family: Tahoma, Lucida, Arial, sans-serif; font: inherit; line-height: 18px; margin-bottom: 10px !important; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;">
<ul style="border: 0px; font-size: 12px; font: inherit; list-style: none; margin: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;">
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-18923/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Vince Vaughn" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/92/37/01/20195892.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Vince Vaughn" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Vince Vaughn</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Dave</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-59046/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Jason Bateman" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/87/54/09/20040851.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Jason Bateman" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Jason Bateman</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Jason</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-48745/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Faizon Love" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/72/82/38/19179780.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Faizon Love" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Faizon Love</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Shane</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-24377/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Jon Favreau" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/87/46/98/20029576.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Jon Favreau" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Jon Favreau</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Joey</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li class="clear" itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; clear: both; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-97430/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Malin Akerman" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/87/46/01/20040251.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Malin Akerman" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Malin Akerman</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Ronnie</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-96248/" style="border: 0px; color: #cc0000; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Kristin Davis" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/35/93/96/19455203.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Kristin Davis" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Kristin Davis</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Lucie</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-105159/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Kristen Bell" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/87/53/57/20040813.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Kristen Bell" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Kristen Bell</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Cynthia</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-1659/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Jean Reno" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/87/44/33/20040119.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Jean Reno" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Jean Reno</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Marcel</div>
</li>
</ul>
</div>
<h2 class="tt_r22 d_inline_block" style="border: 0px; color: #cc0000; display: inline-block !important; font-family: Helvetica, sans-serif; font-size: 22px; font-weight: 300; font: inherit; line-height: 1; margin: 0px; padding: 0px; vertical-align: baseline;">
Atores e atrizes</h2>
</div>
<div class="media_list_02 margin_10b" style="border: 0px; font-family: Tahoma, Lucida, Arial, sans-serif; font: inherit; line-height: 18px; margin-bottom: 10px !important; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; vertical-align: baseline;">
<ul style="border: 0px; font-size: 12px; font: inherit; list-style: none; margin: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;">
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-18923/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Vince Vaughn" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/92/37/01/20195892.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Vince Vaughn" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Vince Vaughn</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Dave</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-59046/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Jason Bateman" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/87/54/09/20040851.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Jason Bateman" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Jason Bateman</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Jason</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-48745/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Faizon Love" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/72/82/38/19179780.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Faizon Love" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Faizon Love</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Shane</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-24377/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Jon Favreau" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/87/46/98/20029576.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Jon Favreau" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Jon Favreau</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Joey</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li class="clear" itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; clear: both; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-97430/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Malin Akerman" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/87/46/01/20040251.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Malin Akerman" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Malin Akerman</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Ronnie</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-96248/" style="border: 0px; color: #cc0000; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Kristin Davis" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/35/93/96/19455203.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Kristin Davis" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Kristin Davis</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Lucie</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-105159/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Kristen Bell" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/87/53/57/20040813.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Kristen Bell" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Kristen Bell</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Cynthia</div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
</div>
</li>
<li itemprop="actors" itemscope="" itemtype="http://schema.org/Person" style="border: 0px; float: left; font-size: 12px; font: inherit; margin: 0px 30px 20px 10px; padding: 0px; vertical-align: baseline; width: 80px;"><a class="xXx " href="http://www.adorocinema.com/personalidades/personalidade-1659/" style="border: 0px; color: #005ea8; cursor: pointer; font-size: 12px; font: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Jean Reno" height="50" itemprop="image" src="http://br.web.img1.acsta.net/r_120_160/b_1_d6d6d6/medias/nmedia/18/87/44/33/20040119.jpg" style="border: 0px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" title="Jean Reno" width="50" /></a><div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
<span itemprop="name" style="border: 0px; font-size: 12px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Jean Reno</span></div>
<div style="border: 0px; font: inherit; padding: 0px; vertical-align: baseline;">
Personagem: Marcel</div>
</li>
</ul>
</div>
Assinar:
Postagens (Atom)