Também postarei hoje um novo desenho meu. Não é lá grandes coisas, mas espero que vocês gostem, pois fiz com carinho. Vamos ao tuto, então?
Personalizar resultados da pesquisa:
Antes de seguir esse tutorial, salve uma cópia do seu template para o caso de algo dar errado. Para personalizar a área dos resultados da pesquisa, tudo o que você precisa fazer é:- Entre no seu Painel do Blogger;
- Clique em Modelo > HTML (botão branco abaixo da miniatura de seu template);
- Clique em qualquer parte do seu HTML e aperte Ctrl + F no seu teclado;
- Na caixa que abriu, cole o seguinte código: ]]></b:skin> e aperte a tecla "Enter";
- ACIMA do trecho que ficou em destaque, cole o seguinte código:
#uds-searchControl .gsc-results {
background-color: #ffffff !important; /*Fundo do resultado da pesquisa*/
border-radius: 20px 20px 20px 20px !important;
-moz-border-radius: 20px 20px 20px 20px !important;
-webkit-border-radius: 20px 20px 20px 20px !important;
box-shadow: 3px 3px 3px #ccc inset !important;
-moz-box-shadow: 3px 3px 3px #ccc inset !important;
-webkit-box-shadow: 3px 3px 3px #ccc inset !important;
margin: 20px !important;
margin-top: 0px !important;
border-color: #cccccc !important;
}
.gsc-control div {
position: static;
font: 1.0em Arial Black !important; /*Tamanho e fonte sem link*/
color: #666666 !important; /* Cor da Fonte sem link*/
}
div.gsc-results-wrapper-nooverlay.gsc-results-wrapper-visible {
padding-top: 10px !important;
}
#uds-searchControl .gsc-tabHeader {
float: none !important;
text-align: center !important;
font: 1.3em Arial Black !important; /*Tamanho e fonte dos links de cima*/
color: indigo !important; /*Cor dos links de cima*/
text-decoration: underline !important;
}
.gsc-above-wrapper-area {
border-bottom: 0px solid rgb(233, 233, 233) !important;
}
#uds-searchControl .gs-result .gs-title, #uds-searchControl .gs-result .gs-title *, #uds-searchControl .gsc-results .gsc-trailing-more-results, #uds-searchControl .gsc-results .gsc-trailing-more-results * {
color: mediumpurple !important; /*Cor dos títulos das postagens*/
text-decoration: none !important;
text-align: center !important;
font: 1.1em Arial Black !important; /*Tamanho e fonte dos títulos das postagens*/
}
#uds-searchControl .gs-relativePublishedDate, #uds-searchControl .gs-publishedDate {
visibility: hidden !important;
}
.gsc-results .gsc-cursor-box {
margin-bottom: 10px !important;
font: 1.3em Arial Black !important; /*Tamanho e fonte dos números de baixo*/
text-align: center !important;
}
#uds-searchControl .gsc-tabHeader.gsc-tabhActive {
border-width: 2px 10px 0px !important;
color: black !important;
text-decoration: none !important;
border-style: solid;
}
div.gsc-tabHeader.gsc-inline-block.gsc-tabhActive { color: black !important; text-decoration: none !important;}
#uds-searchControl .gsc-cursor-current-page {
color: hotpink !important; /*Cor do número selecionado*/
}
background-color: #ffffff !important; /*Fundo do resultado da pesquisa*/
border-radius: 20px 20px 20px 20px !important;
-moz-border-radius: 20px 20px 20px 20px !important;
-webkit-border-radius: 20px 20px 20px 20px !important;
box-shadow: 3px 3px 3px #ccc inset !important;
-moz-box-shadow: 3px 3px 3px #ccc inset !important;
-webkit-box-shadow: 3px 3px 3px #ccc inset !important;
margin: 20px !important;
margin-top: 0px !important;
border-color: #cccccc !important;
}
.gsc-control div {
position: static;
font: 1.0em Arial Black !important; /*Tamanho e fonte sem link*/
color: #666666 !important; /* Cor da Fonte sem link*/
}
div.gsc-results-wrapper-nooverlay.gsc-results-wrapper-visible {
padding-top: 10px !important;
}
#uds-searchControl .gsc-tabHeader {
float: none !important;
text-align: center !important;
font: 1.3em Arial Black !important; /*Tamanho e fonte dos links de cima*/
color: indigo !important; /*Cor dos links de cima*/
text-decoration: underline !important;
}
.gsc-above-wrapper-area {
border-bottom: 0px solid rgb(233, 233, 233) !important;
}
#uds-searchControl .gs-result .gs-title, #uds-searchControl .gs-result .gs-title *, #uds-searchControl .gsc-results .gsc-trailing-more-results, #uds-searchControl .gsc-results .gsc-trailing-more-results * {
color: mediumpurple !important; /*Cor dos títulos das postagens*/
text-decoration: none !important;
text-align: center !important;
font: 1.1em Arial Black !important; /*Tamanho e fonte dos títulos das postagens*/
}
#uds-searchControl .gs-relativePublishedDate, #uds-searchControl .gs-publishedDate {
visibility: hidden !important;
}
.gsc-results .gsc-cursor-box {
margin-bottom: 10px !important;
font: 1.3em Arial Black !important; /*Tamanho e fonte dos números de baixo*/
text-align: center !important;
}
#uds-searchControl .gsc-tabHeader.gsc-tabhActive {
border-width: 2px 10px 0px !important;
color: black !important;
text-decoration: none !important;
border-style: solid;
}
div.gsc-tabHeader.gsc-inline-block.gsc-tabhActive { color: black !important; text-decoration: none !important;}
#uds-searchControl .gsc-cursor-current-page {
color: hotpink !important; /*Cor do número selecionado*/
}
Os trechos que você pode editar estão em negrito, a explicação de cada um está logo ao lado.
Não precisa visualizar, pois não aparecerá nada de diferente, apenas clique em " Salvar Modelo ".
Pronto. Agora vá no seu blog e faça um teste para ver como sua pesquisa aparece!!!
Desenho:
Já faz um bom tempo que eu não tenho postado um desenho, tenho alguns guardados mas venho acumulando por falta de tempo para digitalizar.Aproveitando que hoje eu estou postando um, devo acrescentar que assim que a loja estiver pronta, recolocarei todas as imagens dos desenhos aqui do blog (houve um problema de hospedagem) e que a partir de hoje os desenhos do blog só serão à lápis de cor, pois os digitalizados tomam muito o meu tempo #TrueStory.
Enfim, o desenho de hoje veio de um rascunho que gostei muito e que decidi recuperar. Eu sei que está meio torto, mas lá vai:
Espero que tenham gostado do tuto e do desenho, amanhã teremos capas do Twitter!!!
Mil Sweetkisses,

Sheila, adoro os seus desenhos! O seu traço é bem diferente, gosto muito deles! Continue postando-os aqui!
ResponderExcluirBeijos,
Caroline, do Criticando por Aí.
Como eu disse uma vez, você é muito criativa!!!!!!!!!!!!!!
ResponderExcluirhttp://www.powerinred.blogspot.com.br/2013/01/resenha-blush-mac-frankly-scaltet.html
Muito lindo o desenho.. fofa..adoro quando posta seus desenhos....
ResponderExcluiradorei as dicas pra pesquisa.. eu não tinha porque achava sem graça...
Quem sabe agora com seu Tutorial não arrisco um? bjs
http://simplesmasessencial.blogspot.com.br/
Eu nunca tinha pensado em personalizar a área de pesquisa. Gostei de sua dica.
ResponderExcluirE o desenho ficou lindo. Bjus!!!
galerafashion.blogspot.com.br
Obrigada Sheila!! Me ajudou muito
ResponderExcluirmmencantado.blogspot.com
Ótima dica e o desenho ficou legal, eu como só desenho boneco palito... rs
ResponderExcluirwww.reticenciando.com
Milhões de beijos
Lindoooo parabeeeens
ResponderExcluirAdoro seu blog, Deus te ama muito amada! S2
ResponderExcluir