se encontrar algum erro, por favor me avise por email: sf.santin@gmail.com
Layout Neapolitan


Edite apenas as partes marcadas em vermelho.

Não pule nenhuma etapa.

Aplique no Layout exatamente da mesma ordem que se encontra aqui.

Não copie nenhum código para criação de novos layouts.

Dê os devidos créditos.


instalando...
1. Vá em Layout > Main > Editar e marque as alternativas conforme a imagem abaixo:


2. Vá em Configuração > Configurações de data e hora e siga a imagem abaixo:








GADGET DO CROSS-COLUMN

<div style="position: absolute; margin-top: -61px; left:10px;">
<a href="http://www.blogger.com/follow-blog.g?blogID=ID DO SEU BLOG"><figure><img src="http://i.imgur.com/oKQ7XNE.jpg" width="94" class="menuimg" align="left" alt=""/>
<figcaption>SIGA +</figcaption>
</figure>
<div class="menuclass">Texto do header. </div>
<div style="position: absolute; margin-top: -102px; left:105px; margin-right: 400px;">
<style>
#afiliados5{
background: #9c4a6c;
width: 21px;
height: 12px;
font-family: arial;
font-size: 10px;
float: left;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 2px;
padding-right: 1px;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #fff;
border-radius: 3px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
#afiliados5:hover{
background: #948983;
color: #444;
text-shadow: 0 1px 1px #c1bbb8;
}
#afiliados2{
background: #9c4a6c;
width: 137px;
height: 12px;
font-family: sans serif;
font-size: 11px;
float: left;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 2px;
padding-right: 1px;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #fff;
border-radius: 3px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
#afiliados2:hover{
background: #948983;
color: #444;
text-shadow: 0 1px 1px #c1bbb8;
}
#afiliados3{
background-image: linear-gradient( to right, #948983, #8c7374, #c9c1b8, #d19eb3, #b8698a, #9c4a6c ); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.46);
width: 135px;
height: 35px;
font-family: arial, sans serif;
font-size: 10px;
float: left;
text-align: justify;
padding-bottom: 2px;
padding-top: 1px;
padding-left: 3px;
padding-right: 3px;
margin-left: 5px;
margin-bottom: 4px;
line-height: 12px;
color: #fff;
border-radius: 3px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
#afiliados4{
background: #9c4a6c;
width: 21px;
height: 12px;
font-family: arial;
font-size: 10px;
float: left;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 2px;
padding-right: 1px;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #fff;
border-radius: 3px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
#afiliados4:hover{
color: #444;
background: #9c4a6c;
}
</style>
<a href="LINK"  title="DESTAQUE" id="afiliados2">DESTAQUE</a>
<a href="LINK"  title="AFILIADO" id="afiliados5">VG</a>
<a href="LINK"  title="AFILIADO" id="afiliados5">VG</a>
<a href="LINK"  title="AFILIADO" id="afiliados5">VG</a>
<a href="LINK"  title="AFILIADO" id="afiliados5">VG</a>
<a href="LINK"  title="AFILIADO" id="afiliados5">VG</a>
<a href="LINK"  title="AFILIADO" id="afiliados5">VG</a>
<a href="LINK"  title="AFILIADO" id="afiliados5">VG</a>
<a href="LINK"  title="AFILIADO" id="afiliados5">VG</a>
<a href="LINK"  title="AFILIADO" id="afiliados5">VG</a>
<a href="LINK"  title="AFILIADO" id="afiliados5">VG</a>
<a href=""  title="" id="afiliados3">"<b>Napolitano:</b> <span style=" color: #fff;"><i>sorv.</i></span> originário de Nápoles e composto por três sabores de sorvete."</a>
<div style="position: absolute; margin-top: 8px; right:2px;">
<div style="position: absolute; margin-top: -14px; right: -989px;"><div class="menurate">.</div><div style="position: absolute; margin-top: -94px; right:335px;">
<a href="LINK" class="menupags" title="PAG 1">PAG 1</a>
<a href="LINK" class="menupags" title="PAG 2">PAG 2</a>
<a href="LINK" class="menupags" title="PAG 3">PAG 3</a>
<div style="background-image: linear-gradient( to right, #948983, #8c7374, #c9c1b8, #d19eb3, #b8698a, #9c4a6c ); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.46);" class="menupags">NOME DO BLOG</div></div></div></div></div></a></div>


WELCOME

Texto de welcome. <!-- INICIO CONTADOR -->
<a href='http://www.blogutils.net/olct/' id='lnolt_' target='_blank' style='font-family:sans-serif;font-size:11px;text-decoration:none;color:#9c4a6c;'>
<script language='JavaScript' src='http://blogutils.net/olct/online.php?site=LINK DO SEU BLOG.&interval=600'></script></a><a href='http://www.blogutils.net/' target='_blank' style='font-family:sans-serif;font-size:11px;text-decoration:none;color:#9c4a6c;'> sorvetes aqui ?</a>
<!-- FIM CONTADOR -->
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="search the blog" />
<input class="searchbut" type="submit" value="Go" />
</form></div>

CREDTS

Texto de tchau.
<form><select name="links" style="color: #fff; width: 167px; background-color: #9c4a6c; border: none; font-family: arial, sans serif; font-size: 11px;"onchange="top.location.href=this.form.links.options[this.form.links.selectedindex].value">
<option selected />blogs
<option value="www.link.tumblr.com" style="color: #fff; width: 150px; background-color: #9c4a6c; font-family: arial, sans serif; font-size: 11px;" />Kawaii world
<option value="www.link.tumblr.com" style="color: #fff; width: 150px; background-color: #9c4a6c; font-family: arial, sans serif; font-size: 11px;" />Bunny Crazy
<option value="www.link.tumblr.com" style="color: #fff; width: 150px; background-color: #9c4a6c; font-family: arial, sans serif; font-size: 11px;" />GNMH
<option value="www.link.tumblr.com" style="color: #fff; width: 150px; background-color: #9c4a6c; font-family: arial, sans serif; font-size: 11px;" />Cherry Bomb
<option value="www.link.tumblr.com" style="color: #fff; width: 150px; background-color: #9c4a6c; font-family: arial, sans serif; font-size: 11px;" />W3schools
<option value="www.link.tumblr.com" style="color: #fff; width: 150px; background-color: #9c4a6c; font-family: arial, sans serif; font-size: 11px;" />Designer lovers
<option value="www.link.tumblr.com" style="color: #fff; width: 150px; background-color: #9c4a6c; font-family: arial, sans serif; font-size: 11px;" />Wonderland
</select> </form>

HTML/JAVA SCRIPT

Aqui você escreve qualquer comentário final;