1 ano que estou no blogger + Como colocar ribbons no blog+Menu cute+utilitarios diversos

Oii lindas dia 18/09 fez 1 ano que estou no blogger mais não deu pra fazer este post
e em comemoração trouxe dois tutos super legais mais utilitarios diversos para vcs !!

Vamos ao 1°
Como colocar ribbons no blog

Quem sou eu

Vá em Design  Editar HTML Procure por :

/* Mobile 

Abaixo da tag vc ira achar  body.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;
}

Salve e pronto !!

Agora vamos ao menu cute

         

                           

Vá em  Design  Editar HTML  procure por :

]]></b:skin>

Acima da tag cole 

 Os códigos estão divididos por cada cor do menu para vcs poderem personalizar melhor

#nav{
color:#A8DEE7; */Cor da fonte*/
display: block;
padding-bottom: 1px;
font-weight:bold;
text-decoration:none;
line-height:15px;
vertical-align:middle;
width: 100%;
font-size:9px;
font-family: Tahoma;
margin-bottom: 2px;
background-color:#E3FBFF; */Cor do Menu*/
border-top:1px solid #E3FBFF; */Cor do Menu iguais*/
border-left:1px solid #E3FBFF;
border-right:1px solid #E3FBFF;
border-bottom:1px solid #E3FBFF;
padding:0px;}

#nav:hover{
color:#a1f78f; */Cor da fonte ao passar o mouse*/
display: block;
padding-bottom: 1px;
font-weight:bold;
text-decoration:none;
line-height:15px;
vertical-align:middle;
width: 100%;
font-size:9px;
font-family: Tahoma;
margin-bottom: 2px;
background-color:#ceffc7; */Cor do menu ao passar o mouse*/
border-top:1px solid #ceffc7;
border-left:1px solid #ceffc7;
border-right:1px solid #ceffc7;
border-bottom:1px solid #ceffc7;
padding:0px;}

#nav2{
color:#FFADD6; */Cor da fonte*/
display: block;
padding-bottom: 1px;
font-weight:bold;
text-decoration:none;
line-height:15px;
vertical-align:middle;
width: 100%;
margin-bottom: 2px;
font-size:9px;
font-family: Tahoma;
background-color:#FFEFF7; */Cor do Menu*/
border-top:1px solid #FFEFF7;
border-left:1px solid #FFEFF7;
border-right:1px solid #FFEFF7;
border-bottom:1px solid #FFEFF7;
padding:0px;}

#nav2:hover{
color:#a1f78f; */Cor da fonte ao passar o mouse*/
display: block;
padding-bottom: 1px;
font-weight:bold;
text-decoration:none;
line-height:15px;
vertical-align:middle;
width: 100%;
font-size:9px;
font-family: Tahoma;
margin-bottom: 2px;
background-color:#ceffc7; */Cor do menu ao passar o mouse*/
border-top:1px solid #ceffc7;
border-left:1px solid #ceffc7;
border-right:1px solid #ceffc7;
border-bottom:1px solid #ceffc7;
padding:0px;}

#nav3{
color:#b5abe7; */Cor da fonte*/
display: block;

padding-bottom: 1px;
font-weight:bold;
text-decoration:none;
line-height:15px;
vertical-align:middle;
width: 100%;
font-size:9px;
font-family: Tahoma;
margin-bottom: 2px;
background-color:#f1e3ff; */Cor do Menu*/
border-top:1px solid #f1e3ff;
border-left:1px solid #f1e3ff;
border-right:1px solid #f1e3ff;
border-bottom:1px solid #f1e3ff;
padding:0px;}

#nav3:hover{
color:#a1f78f; */Cor da fonte ao passar o mouse*/
display: block;
padding-bottom: 1px;
font-weight:bold;
text-decoration:none;
line-height:15px;
vertical-align:middle;
width: 100%;
margin-bottom: 2px;
font-size:9px;
font-family: Tahoma;
background-color:#ceffc7; */Cor do menu ao passar o mouse*/
border-top:1px solid #ceffc7;
border-left:1px solid #ceffc7;
border-right:1px solid #ceffc7;
border-bottom:1px solid #ceffc7;
padding:0px;}

 Para o menu funcionar vá em Layout  Adicinar um gadgett selecione  HTML/JavaScript

e cole 

<div id="nav"><a title="descrição do link" href="URL DA PAGINA">Pagina a</a> – bla bla bla</div>

<div id="nav2"><a title="descrição do link" href="URL DA PAGINA">Pagina b</a> – bla bla bla</div>

<div id="nav3"><a title="descrição do link" href="URL DA PAGINA">Pagina c</a> – bla bla bla</div>

Faça as alterações e salve !!

Agora vamos aos utilitarios :

Backgrounds

        

Cursores 

    

è isso espero que gostem !!

Créditos : Kawaii the Word