26/07/2013

Postagem Teste 1


O blog Adolescente Nerd completou 1 ano de blog e para comemorar essa data, eu,
Hannah G3, fiz uma votação no blog, o que foi mais votado, foi um layout free, embora atrasado, o layout está acabado, espero que gostem.

O layout Contém:
Big;Bold, Strike, Underline e italic Personalizado em hover;
Leia mais personalizado;
Blockquote personalizado;
Dois backgrounds;
Slide passando no banner;
Título de gadgets personalizados;
Marcadores personalizados;
Título da postagem personalizado em hover;
Corpo da postagem personalizada e gadgets;
Paginação personalizada;
Barra de créditos;
Atribbuition retirado e postagens atom;
Seleção colorida;
Footer da postagem em hover;
Área de comentários personalizada e foto;
Tooltip personalizado.
Cores do layout:
Color3

Regras:

Podem usar como base, modificar tudo, contanto que deixem o crédito de base.
Não reblogue.
Não retire os créditos.

Download

25/04/2013

Usando o Welcome+ Slide


Para usar o Welcome, cole em um gadget HTML/JavaScript:

<center><img src="http://25.media.tumblr.com/b81008b45e665c516c6d1cc357547217/tumblr_mlxbou6DL31r9rrcbo6_250.gif" width="230px" /></center><center><b style="-webkit-transition: 0.8s; color: #c54c7b; transition: 0.8s;"><span style="color: #f84287; font-family: Verdana, sans-serif; font-size: 14pt;">Bem-vindos!</span></b></center><center>Layout de comemoração de <b>1 ano</b> do blog <a href="http://adolescentenerd.blogspot.com.br/">Adolescente Nerd</a>, muito obrigada pelo carinho de todos vocês on-line a tanto tempo conosco. Espero que gostem, usem e abusem!</center>

Para usar o Slide, cole em um gadget HTML/JavaScript:
<div style="position: absolute; margin-top: -313px; left: -710px;"><div id="w2bSlideContainer">
<div id="w2bNivoSlider">
<a href="http://layoutexclusivoan.blogspot.com.br/"><img src="http://24.media.tumblr.com/65b1f420a7afca858d1c2c52b8303609/tumblr_mlxdsqqIZX1r03kaso1_500.png" title="" /></a>
<a href="http://layoutexclusivoan.blogspot.com.br/"><img src="http://25.media.tumblr.com/b89e650dd7101d30840c23cf2cee7ae1/tumblr_mlxdsqqIZX1r03kaso3_500.png" title="" /></a>
<a href="http://layoutexclusivoan.blogspot.com.br/"><img src="http://25.media.tumblr.com/de0f93e522a6b3711f5bd7a8bba5bacb/tumblr_mlxdsqqIZX1r03kaso2_500.png" title="" /></a>
</div>
</div></div>
Clique em "mais informações" e veja alguns gifs da série TWD

Usando o Menu+ Paginação e Topo


Para usar o Menu, cole em um gadget HTML/JavaScript:
<a href="http://adolescentenerd.blogspot.com.br/" title="TITULO"><simples>Home</simples></a><a href="http://adolescentenerd.blogspot.com.br/2012/04/ouca-radio-zoe-direto-do-adolescente.html" title="TITULO"><simples>Rádio</simples></a><a href="http://adolescentenerd.blogspot.com.br/p/chocomapa.html" title="TITULO"><simples>Mapa</simples></a><a href="http://adolescentenerd.blogspot.com.br/" title="TITULO"><simples>link</simples></a>
Para usar o Topo cole em um gadget HTML/JavaScript:
<center><a href="#" id="subir"><img src="http://4.bp.blogspot.com/-dLmzbnBiYMk/UWGnErjczSI/AAAAAAAA0xQ/QuJx1ganQ4A/s1600/244.png"/></a></center>

Para usar a Paginação, cole em um gadget HTML/JavaScript:

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(http://3.bp.blogspot.com/-bFs2KLF7O6Y/UYk1CfXc0fI/AAAAAAAAEZQ/Z5pfMjjJJMs/s1600/nava.jpg) repeat-x;border:1px solid #A84874;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(http://2.bp.blogspot.com/-w3zJZ1Lo6_4/UYk0pE0H5AI/AAAAAAAAEZI/UKouCUjddg8/s1600/nav1.jpg) repeat-x;border:1px solid #C2D498;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=10;var numshowpage=5;var upPageWord="Anterior";var downPageWord="Pr&oacute;xima";var urlactivepage=location.href;var home_page="/"</script><script src='http://code.helperblogger.com/hb-page-navi.js' type='text/javascript'></script>
Clique em "mais informações" e veja alguns gifs da série TWD

Usando o End


Para usar o End cole em um gadget HTML/JavaScript:
<br /><img src="http://25.media.tumblr.com/afe1b640f8838e1f703a1d984d382300/tumblr_mlxbou6DL31r9rrcbo2_250.gif" />
 <center>Saindo do blog? Não deixe de comentar e muito obrigada pela visita</center>
<center><script type="text/javascript">
document.write('<style type="text/css">.tabber{display:none;}< \/style>');
</style></script>
<script type="text/javascript" src="http://static.tumblr.com/dlelfro/DZqmha795/javascriptkw.js"></script>
<link rel="stylesheet" href="http://static.tumblr.com/dlelfro/Ic9mha75p/abas.css" type="text/css" media="screen" />
<br />
<div class="tabber">
<div class="tabbertab" title="Link-nos"><center><img src="http://25.media.tumblr.com/b5fa797e9279931f8d365db1e402e710/tumblr_mkciafantQ1s4u87vo7_500.png" width="230px" /></center><center>Coloque aqui seu link-nos</center></div>
<div class="tabbertab" title="Afiliados"><center><img src="http://25.media.tumblr.com/6f4a9eba93c0222e0560237397d9619d/tumblr_mlkjg6EQ1M1s11o7vo2_500.jpg" width="230px" /></center>
Aqui ficam todos os afiliados do blog<a href="Link do Blog" title="Título do Blog"><img src="http://25.media.tumblr.com/avatar_9bfc27484fc2_64.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://25.media.tumblr.com/avatar_9bfc27484fc2_64.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://25.media.tumblr.com/avatar_9bfc27484fc2_64.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://25.media.tumblr.com/avatar_9b6447960952_64.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://25.media.tumblr.com/avatar_9b6447960952_64.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://25.media.tumblr.com/avatar_9b6447960952_64.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://1.bp.blogspot.com/-oWxWhjiciMY/UfM21yXBLvI/AAAAAAAAE00/XBZLHIiV_gk/s1600/anafiliado.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://1.bp.blogspot.com/-oWxWhjiciMY/UfM21yXBLvI/AAAAAAAAE00/XBZLHIiV_gk/s1600/anafiliado.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://1.bp.blogspot.com/-oWxWhjiciMY/UfM21yXBLvI/AAAAAAAAE00/XBZLHIiV_gk/s1600/anafiliado.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://4.bp.blogspot.com/-7z1cYs5iTLU/UfM4if_NjUI/AAAAAAAAE1I/KnMdkUcovBE/s1600/anafiliado.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://4.bp.blogspot.com/-7z1cYs5iTLU/UfM4if_NjUI/AAAAAAAAE1I/KnMdkUcovBE/s1600/anafiliado.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://4.bp.blogspot.com/-7z1cYs5iTLU/UfM4if_NjUI/AAAAAAAAE1I/KnMdkUcovBE/s1600/anafiliado.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://2.bp.blogspot.com/-EovEn34z-E8/UfM4G4CSpDI/AAAAAAAAE1A/6UNIduW7w1o/s1600/anafiliado.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://2.bp.blogspot.com/-EovEn34z-E8/UfM4G4CSpDI/AAAAAAAAE1A/6UNIduW7w1o/s1600/anafiliado.png" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="http://2.bp.blogspot.com/-EovEn34z-E8/UfM4G4CSpDI/AAAAAAAAE1A/6UNIduW7w1o/s1600/anafiliado.png" class="elite"/></a></div>
<div class="tabbertab" title="Créditos"><center><img src="http://24.media.tumblr.com/12b1e443a690a383daf9ffc14c715965/tumblr_mkp3a3HKHC1qmelfdo1_500.png" width="230px" /></center><center><b>Créditos:</b></center>
<ul>
<li style="text-align: center;"><a href="http://adolescentenerd.blogspot.com.br/">Adolescente Nerd</a>&nbsp;</li>
<li style="text-align: center;"><a href="http://birthdaycakeoficial.blogspot.com.br/">Birthday Cake</a>&nbsp;</li>
<li style="text-align: center;"><a href="http://mundootakuotome.blogspot.com.br/">Nyah Kawaii</a>&nbsp;</li>
<li style="text-align: center;"><a href="http://cherrybubble-oficial.blogspot.com.br/">Cherry Bubble</a>&nbsp;</li>
<li style="text-align: center;"><a href="http://mundootakuotome.blogspot.com.br/">Nyah Kawaii</a>&nbsp;</li>
<li style="text-align: center;"><a href="http://www.redeseblogger.com/">Redes e Blogger</a>&nbsp;</li>
<li style="text-align: center;"><a href="http://zombie-of-html.blogspot.com.br/">Zombies HTML</a>&nbsp;</li>
<li style="text-align: center;"><a href="http://extras-placefame.blogspot.com.br/">Place Fame</a></li>
<li style="text-align: center;"><a href="http://mississippi--queen.blogspot.com.br/">Mississippi Queen</a></li>
</ul></div>
<div class="tabbertab" title="Aba 4"><center><img src="http://24.media.tumblr.com/43c48ce86a2cce2ddb5451cfe7149920/tumblr_mfnqhyBmjV1rfbxnbo1_500.png" width="230px" /></center>Coisas da aba 4</div>
</div><br /></center>
No código está incluso o menu de abas.
Clique em "mais informações" e veja algumas imagens da série TWD