08/10/2015

1. códigos

 Olá, pessoal. Este layout pode ser usado tanto em blogs de resources como blogs pessoais, porque é bem clean e não muito tematizado. Eu o mantive básico e neutro, de modo que pode ser usado por blogueiros femininos e masculinos. O título "Wild" – Selvagem, em português – surgiu simplesmente porque estava ouvindo uma música intitulada como tal, então apenas ignorem. Devo admitir que fiquei bem satisfeita com o resultado e é mesmo um dos lays com menos "mimimi" que faço. Haha! Mesmo seus códigos são simples e mal tenho recomendações para esse tema, mas as poucas que tenho, devem ser seguidas à risca para melhor uso. Se você está se perguntando porque estou enrolando tanto, respondo que é simplesmente para alinhar o template – coisa que o deixa mais bonito e organizado, então por mais difícil que seja, recomendo que preencha esse mesmo número de linhas quando usar o layout. Agora, leia mais para acompanhar o que importa. ~ enche ~

REGRAS & INFORMAÇÕES
Não retire os créditos.
Não manipule a autoria de modo algum, dizendo que você quem fez este layout. Plágio é crime!
Não é permitido alterar o layout de modo algum.
Não é permitido usar como base.
A ilustração tem exatamente as medidas 481x100.

WELCOME
<div style="text-align: justify;"><img src="http://1.bp.blogspot.com/-4_e0wOLm1YM/U8weLJCYdjI/AAAAAAAAHj4/EDdG29OmKLE/s1600/50.jpg" style="margin-left: 4px;" class="heart" align="right" />Welcome to my kingdom! Aqui você coloca uma breve introdução ao seu blog.</div><style>
#menu{
width: 38px;
background-color: #e9e9e9;
height: 11px;
float: left;
font: 10px Georgia;
color: #cdcdcd;
padding: 1px 0 4px 0;
letter-spacing: 2px;
text-align: center;
margin: 1px;
text-transform: lowercase;
-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;
}
#menu:hover{
background-color: #525252;
color: #dad7d7;
letter-spacing: 4px;
font-style: italic;
}
 </style>
<br />
<a href="LINK" id="menu">1</a><a href="LINK" id="menu">2</a><a href="LINK" id="menu">3</a><a href="LINK" id="menu">4</a><a href="LINK" id="menu">5</a>

TAGS
<style>
#menutags{
width: 99%;
background-color: #e9e9e9;
height: 11px;
float: left;
font: 10px Georgia;
color: #cdcdcd;
padding: 1px 0 4px 0;
letter-spacing: 2px;
text-align: center;
margin: 1px;
text-transform: lowercase;
margin-bottom: 2px;
-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;
}
#menutags:hover{
width: 99%;
background-color: #525252;
color: #dad7d7;
letter-spacing: 4px;
font-style: italic;
}
 </style>
<a href="LINK" id="menutags">marcador</a><a href="LINK" id="menutags">marcador</a><a href="LINK" id="menutags">marcador</a><a href="LINK" id="menutags">marcador</a><a href="LINK" id="menutags">marcador</a> 

FRIENDS
<style>
.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }
#menutags20{
width: 99%;
background-color: #e9e9e9;
height: 11px;
float: left;
font: 10px Georgia;
color: #cdcdcd;
padding: 1px 0 4px 0;
letter-spacing: 2px;
text-align: center;
margin: 1px;
text-transform: lowercase;
-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;
}
#menutags20:hover{
background-color: #525252;
color: #dad7d7;
letter-spacing: 4px;
font-style: italic;
}
 </style><div class="esquerda"><a href="LINK" id="menutags20">friend1</a><a href="LINK" id="menutags20">friend2</a></div><div class="direita"><a href="LINK" id="menutags20">friend3</a><a href="LINK" id="menutags20">friend4</a></div><a href="LINK" id="menutags">more +</a> 

Abaixo do gadget "friends", adicione um gadget sem título para os seguintes códigos:
<div style="position: fixed; margin-top: -650px; margin-left: -850px;"><form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder=' digite + enter  ' type="text" value="" />
</form></div> 

Repita os procedimentos para esses:
<a style="display:scroll;position:fixed;top:8px;right:65px;" href="http://www.blogger.com/home" title="Back to home"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a><a href="http://www.blogger.com/follow-blog.g?blogID=SEUID" style="display: scroll; right: 5px; position: fixed; top: 8px;" title="Follow me!"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><style></style> 
RECOMENDAÇÕES
  Recomendo que mude o número de postagens para apenas uma e mantenha o alinhamento.
Tem a opção de tirar o "Tecnologia do Blogger".
Recomendo que coloque o estilo de data da postagem em --/--/--. 
 Ao usar este layout, você concorda com todas as regras e termos aqui expressos, sujeito à denúncia.

2 comentários: