sexta-feira, 20 de setembro de 2013

Coluna da Câah : Criando um Layout Básico Parte |


                          
Já pensou em criar seu próprio layout , e ainda ter seus próprios beneficios ?
Isso pode se tornar realidade ! Siga esse tutorial até o fim e terá um Layout Básico porém 
Fashion em seu blog , Lest Go !

Antes de tudo , faça o BACKUP do seu MODELO COMPLETO para não perder nada .
Ou apenas crie um blog de Teste/Demo


1° Vou começar editando HTML , vamos colocar um Leia Mais Personalizado
Vá no seu MODELO >>> Editar HTML >>> Aperte CTRL + F para facilitar a busca
Procure pela tag
<data:post.jumpText/>
Quando achar Apague! E substitua por 
<img src='LINK DA IMAGEM'/>
Editar é super simples como podem ver , apenas mude "LINK DA IMAGEM" pelo o URL de seu Leia Mais

Bônus 



2° Já que estamos cuidando das postagens primeiro , que tal o tutorial do blockquote ?
Não sabe oque é isso ?! Não tem problema ele veio se apresentar *-*
Olá , sou muito usado em tutoriais :) Tenho fundos e bordas variadas . Ainda não me conhece ? Prazer BLOCKQUOTE
 Peguei esse tutorial no Cherry Bomb , ele é super bem explicado então tenho certeza que vocês não iram ter complicações ao aplica-lo 
MODELO >>> EDITAR HTML >>> CTRL + F 

 ]]></b:skin>
Acima da tag ^^ cole 

.post blockquote { 

background:url(LINK DA IMAGEM DE FUNDO AQUI) ; /*Altere o fundo como preferir*/ 

border:2px dashed #2b2a59; /*Altere a cor da borda como preferir*/ 

padding: 5px; 

margin:10px 20px 10px 20px; 

}  

Agora edite as cores e substitua LINK DA IMAGEM DE FUNDO AQUI pela imagem de fundo do blockquote selecionado 
Aplicando o blockquote




3° E último tutorial do dia :/ vou começar a alterar os Gadget's Widgets 
Vamos aprender como colocar ribbon no titulo do widget
/* Mobile 
Antes de Body.Mobile cole
.sidebar .widget h2{
background: url(LINK DA SUA FAIXINHA)  no-repeat left;
margin-top:-2px;
margin-left:-19px;
margin-bottom:0px;
 
padding:15px;
width:150%;
overflow:hidden;
}
Agora é só editar LINK DA SUA FAIXINHA pelo URL do Ribbon
Bônus 


Se vocês estão pensando que é só isso estão estramamente enganados :3 
Acompanhe a Parte || A Parte ||| e quem sabe a Parte |||| não é ?!



Nenhum comentário:

Postar um comentário