Tutoriais: Bordas arredondadas e Área de créditos.

Hoooy gente  hoje vou ensinar a vocês dois tutoriais super básicos testado no template Viagem. O primeiro é como deixar os cantos do template arredondados, deixando seu blog mais meigo e com o aspecto mais cute e o segundo será como criar uma área de créditos/texto no final do template. Veja um exemplo clicando  aqui.

 Arredondar Área dos post

Vá no seu HTML e cole o código abaixo de> .main-inner .column-center-outer {

-moz-border-radius: 10px; /* Para Firefox */

-webkit-border-radius: 10px; /*Para Safari e Chrome */

border-radius: 10px; /* Para Opera
10.5+*/

 Arredondar Sidebar
Vá no seu HTML e cole o código abaixo de> .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { ( se sua sidebar for à direita) 
ou
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {  (se sua sidebar for à esquerda) 

-moz-border-radius: 10px; /* Para Firefox */

-webkit-border-radius: 10px; /*Para Safari e Chrome */

border-radius: 10px; /* Para Opera

10.5+*/

 Criar área de créditos/texto

Cole o código abaixo acima de>   ]]></b:skin> 

#footer-wrapper {
background:  #FF1493 ; /*** cor do fundo ***/
background-repeat: no-repeat;
z-index: 1000;
height: 20px;
clear: both;
font-size: 90%; /*** tamanho da fonte ***/
color: #fff; /*** cor da fonte ***/
text-align: center; /*** alinhamento da fonte ***/
padding: 5px;
}

Agora cole o seguinte código acima de:   </body> 

<div id='footer-wrapper'>Heey escreva aqui</div>

visualize se der tudo certo, salve (:

Bye gurias&guris