Vi o tutorial no blog: Kokoro Kawaii
UP! TUTORIAL ATUALIZADO!
Lembrando que é recomendável fazer um backup do seu modelos de html antes de fazer qualquer alteração.
Vá em editar HTML do seu blog dê Ctrl+F e procure por:
/* Widgets
Cole abaixo (lodo depois dos pontilhados, caso haja em seu blog) esse código.
.sidebar .widget { text-align: center; border-bottom: 2px solid $(widget.border.bevel.color); padding-bottom: 10px;padding-left: 10px;padding-right: 10px; margin: 30px 0;Background: #ffffff;box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;border-bottom: 10px solid #aca8e8;}.sidebar h2 {font-family: Century Gothic; /*Nome da fonte*/text-transform: uppercase;font-size: 20px; /*Tamanho da fonte*/color: #fff; /*Cor da fonte*/background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvSxCV44TsvBTPvuwNwCg01j48YkTOVDMQh1kw8_QJFerC-_2iNLIeHKpQpKLKh0G_T2WGBYy3wUay-6YkSB2Olawwzkcdu1lg793J07FdcEb-FvqUk52EBr1p9Ji96u4BBaEqR6q4uv4/s1600/74.png) no-repeat center; /*Sua faixa e posição*/height: 16px;/*Altura da imagem*/line-height: 6px;text-align: center; /*Alinhamento do texto*/margin-top: 0px;margin-left:-36px ;text-shadow:0 2px 2px #e07eb6;margin-bottom:20px ;margin-right: -4px;padding:21px;width:112%;-webkit-transition-duration: .40s;}
Altere as partes em roxo escuro. A primeira parte destacada é a cor da borda. A segunda é a onde você irá colocar o link de sua faixinha.
Visualize, se tudo estiver certinho, salve.
RECEBI MENSAGENS DE PESSOAS QUE NÃO CONSEGUIRAM COLOCAR DESSA FORMA.
AQUI, OUTRA MANEIRA CASO ESSA NÃO DÊ CERTO NO SEU TIPO DE CÓDIGO HTML
Tutorial do blog: Caramelos Encantados
Dê Ctrl+F e pesquise por
/* Mobile
Terá esse código abaixo dele:
body.mobile
Cole antes dele:
.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;
}
background: url(LINK DA SUA FAIXINHA) no-repeat left;
margin-top:-2px;
margin-left:-19px;
margin-bottom:0px;
padding:15px;
width:150%;
overflow:hidden;
}
Faixinhas do site: kokoro Kawaii
Muito bom, mesmo o tutorial :)
ResponderExcluirNão tem como fazer o titúlo subir um pouco com as faixinhas 3
ResponderExcluir