Tutorial: Colocando Barrinha de Divulgação

Oi gente eu estou fazendo este tutorial por que o Davi Gabriel então os creditos esta no final do post.

1.Va até Modelo > Depois aperte em editar html e procure por:

border-$startSide: 1px solid $(tabs.selected.text.color);

2.e Logo abaixo cole o seguinte codigo:

.elitescale{

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

-webkit-transition: 0s linear;

-webkit-transition: opacity 0.5s linear;

-webkit-transition: all 0.3s linear;

-webkit-transition: all 0.3s linear;

-moz-transition: all 0.3s linear;

transition: all 0.3s linear;

background-color: #e7a5de; 

padding: 3px;

}

.elitescale:hover {

-webkit-transform: scale(1.20);

-moz-transform: scale(1.20);

background-color: #c4a6cb; 

padding: 3px;

}

3. e Salve!!

4. Agora vá em Layout > Adicionar um Gadget > HTML/JavaScript e cole esse codigo:

<a href="Link do Blog" title="Nome do blog"><img src="link da sua imagem" class="elitescale"/></a>

Ai você editar o link do blog,o nome do blog e o link a sua imagem que vai apareçer a barrinha

Creditos: Winx Club Forever.

Tomara que eu tenha ajudado Davi.