Bom primeiro vá em Design > Editar Html , pressione as teclas Ctrl + F e procure por :

}]]></b:skin>


ou por 


]]></b:skin>

Quando o encontrar logo ACIMA dessa tag , cole o código abaixo :

/* Cute Menu

----------------------------------------------- */

#menuextra {

display : block;

font-size: 11px;

font-family: Tahoma;

letter-spacing : 0;

border-bottom : 1px dashed #CDB7B5;

background-repeat : no-repeat;

text-indent : 5px;

vertical-align : middle;

text-decoration : none;

line-height : 15px;

margin-bottom : 1px;

background : url('URL DO MINE GIF 1') no-repeat left;

padding-left : 10px;

}

#menuextra:hover {

display : block;

text-decoration : none;

vertical-align : middle;

line-height : 15px;

border-bottom : 1px dashed #FF69B4;

background : url('URL DO MINE GIF 2') no-repeat left;

padding-left : 10px;

}

Personalização1

Depois de colar o código , vem a parte de deixar o menu de acordo com sua preferência.

•Onde tem URL DO GIF 1 coloque a url do mine gif que que irá aparecer quando o mouse não estiver no link .

•Onde tem URL DO MINE GIF 2 você coloca a url do mine gif que irá aparecer quando o mouse passar por cima do link.

(Procure colocar mine gifs pequenos e não grandes )

Exemplos:

•Mine Gifs

Personalização 2

•Onde tem o código : #CDB7B5

é a cor da barrinha pontilhada que sublinha o link quando o mouse não está no link.

•Onde tem o código :  #FF69B4

é a cor da barrinha que sublinha o link quando o mouse passa por cima.


quando terminar , salve o modelo.

Ok,terminamos a primeira parte ,agora vamos fazer com que o estilo seja adicionado nos links.

onde você quer que apareçam os link com esse estilo ,seja em um gadget ou postagem você vai em editar html e cola o seguinte código: 

<div id="menuextra"><a href="Link ">Nome do link</a>

</div>

<div id="menuextra"><a href="Link">Nome do link</a></div>

se for em uma postagem ou página , você coloca o código e volta para a opção escrever pois facilita

Daí você verá apenas os links , que terão o nome '' Nome do link '' daí é só você clicar em cima,ir na opção alterar , e alterar o nome e o link e salvar , veja :

Depois é só ir adicionando mais códigos do link e nome do link para mais links existentes na página.

Agora se você for colocar o código em um gadget , prefira colocar os links e nome através do código em html pois nos gadgets que eu lembre não tem a opção alterar.


Caso um dia queira tirar é  só retirar apenas o código que foi colocado no html

Então é isso , muito fácil e que deixará seu blog com um aspecto bem mais organizado , ah! e antes que alguém pergunte eu não sei ainda como colocar os links desse menu em duas colunas , como o do Coisinhal Mil , se um dia souber com certeza posto aqui.

Espero que tenham gostado

Então ?

beijinhos

Como colocar background no titulo da postagem e data

Para colocar um fundo no

Titulo das Postagens primeiro vá em  Design > Editar HTML > Ctrl + F >

e procure por /* Posts e vai aparecer assim:

/* Posts
----------------------------------------------- */

E depois disso coloque isso: h3 {background-color: #d1e0cc ;}
deve ficar assim:

/* Posts----------------------------------------------- * /

 /h3 {background-color: #d1e0cc ;}

Ai voce escolhe a cor alterando o que esta em verde!  Para colocar fundo na data.
procure por /* Headings  e vai aparecer assim:

/* Headings

----------------------------------------------- */

Depois disso coloque: h2 {background-color: #dle0cc;}

deve ficar assim:

/* Headings
----------------------------------------------- */
h2 {background-color: #dle0cc;}

Para alterar a cor mude em vermelho! Tabela de Cores

Como colocar imagem na barra lateral

como você coloca uma imagem na barra lateral do seu blog. Não é difícil,

mas primeiro precisamos saber se sua barra é a esquerda ou a direita sabendo que:

Esquerda - Left  | Direita - Right

 

Acho que tem outra forma de se fazer isso, mas essa foi a que eu consegui.

Se a sua barra for a esquerda (left): vá em > Design > Editar HTML > Ctrl + F >

procure por:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

  

deve aparecer assim:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

}

altere assim:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

 background-image: url(URL DA SUA IMAGEM) $(widget.outer.background.gradient) repeat scroll top left;

}

ok, esse foi o primeiro passo, ainda não vai aparecer nada agora 

procure por:

.main-inner .fauxcolumn-left-outer {

deve aparecer assim:

.main-inner .fauxcolumn-left-outer {

        width: $(main.column.left.width);

      }

acrescente o background assim:

.main-inner .fauxcolumn-left-outer {

        width: $(main.column.left.width);

        background-image: url(URL DA SUA IMAGEM);

     }

Veja se esta tudo certo, se apareceu a imagem, e pronto! salve

Caso sua barra seja a direita (right) apenas quando for procurar troque Left por Right.

espero ter ajudado beijoos

Obs: Tutorial apenas testado no modelo Travel do blogger

Blockquote é tipo uma caixinha que você põe nos textos para destacar alguma citação.

Hoje vamos aprender como por isso no seu blog! É bem simples, basta fazer tudo certinho.
Abra seu blog, clique em Design > Editar HTML.
Aperte Ctrl+F e na caixa de pesquisa coloque:  ]]></b:skin>
Cole acima de ]]></b:skin> , o seguinte código:
.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 é só alterar conforme quiser. Substitua LINK DA IMAGEM DE FUNDO AQUI pelo link da imagem que vc quer por no fundo do blockquote.
Se quiser colocar apenas cor de fundo, substitua url(LINK DA IMAGEM DE FUNDO AQUI) por: #código da cor.
Mude também a cor da borda se quiser, é só alterar o código da cor. Pra aumentar a espessura da borda é só modificar 2px pelo valor que quiser.
Depois de modificar tudo, salve! ^^
Quando quiser usar o blockquote nos posts , é só clicar naquele botão com aspas:

Oie leitora

oi este é o primeirisimo post do nosso blog:
Sonhando Acordada
pra vocês leitoras saberem nosso blog é sobre tutoriais!!!
espero que todas vocês gostem!!!