Personalizar gadgets do Blog

Esse tutorial vai mostrar como é simples formatar o texto dos links dos marcadores do blog e isso pode ser utilizado para formatar qualquer gadget do seu blogger, pois o modo de fazer é o mesmo e funcionará bem em qualquer texto que esteja dentro de um gadget.

Primeiro vamos entrar na pagina editar HTML e procurar pelos marcadores do blog, aperte ctrl+F no seu teclado que aparecerá uma caixa para procurar texto na pagina, então digite o título dos seus marcadores em nosso caso utilizamos o título guia rápido.

html do blogger
Então encontramos a linha:

<b:widget id='Label1' locked='false' title='Guia Rápido' type='Label'/>

O que procuramos aqui é a id do gadget, no caso é label1 que está logo no começo widget id='Label1', então deve ver e usar como está nos marcadores do seu blog.

Depois volte ao começo do código html e procure por body{....}, se precisar ajuda para achar o lugar certo no html do blogger veja aqui:Onde colocar os códigos no blog, então coloque esse código antes dele(body):

#Label1 a{text-indent:15px;letter-spacing: 1px;background-image: url(endereço da imagem);background-repeat: no-repeat;background-position: left;padding-left:15px}
#Label1 a:hover{letter-spacing: normal; font-weight: bold;background-image: url(endereço da imagem);background-repeat: no-repeat;background-position: left}

Aqui você poderá escolher qualquer formatação de texto, imagem de fundo(veja que no código tem endereço da imagem, então coloque uma ou apague aquele trecho), além disso podemos colocar bordas, ou seja, poderá deixar com a aparência que desejar (veja nossa postagem sobre fazer botões). Novamente vamos repetir que neste estilo que acabamos de criar usamos label1 no inicio dele porque é a id dos marcadores de nosso blog, então você usará igual está no seu blog senão não funcionará.

Esse mesmo procedimento serve para formatar o texto de qualquer gadget, basta entrar a id e criar um estilo utilizando o mesmo nome. Mantenha as letras maiúsculas e minúsculas como estão no código do gadget para evitar erros.

Esse tutorial foi feito atendendo alguns pedidos e duvidas sobre como fizemos o nosso menu guia rápido mudando o estilo dos links dos marcadores do blog.
Related Posts with Thumbnails
Personalizar gadgets do Blog
4/ 5
Oleh

164 Comentários

Anônimo
30 de agosto de 2010 14:51 delete

um dos pedidos foi meu (sic), mas não imaginei que era tão simples rsrs

Reply
30 de agosto de 2010 18:15 delete

Acho que o outro pedido foi meu... rsrs.
Mas, Fabiano me ajude a identificar no código, a parte que leva os links (marcadores) para a posição left (aqui no blog... estão centralizados).
Valeu!

Reply
31 de agosto de 2010 14:20 delete

se usar esse código que mostramos poderá escolher o posicionamento do link

Reply
Anônimo
31 de agosto de 2010 15:55 delete

sou iniciante no blogger e adorei essa dica. amigo teria como dar uma forçinha? queria mudar as postagens do blog para link tipo, meu blog e de imagens e para nao pesa a pagina inical queri mudar para link a pessoa clika e vera a imagem e dexaria seu cometario.

Reply
31 de agosto de 2010 16:02 delete

Anônimo, o que você está procurando na verdade é Mostrar resumo da postagem

Reply
'
31 de agosto de 2010 16:49 delete

Eu estou tentando fazer tipo umas JANELAS DE OUTROS Blog para por no meu BLOG tipo uma coluna com icones de blogs alternativos se poder me ajuda serei grato. MSN bruniho.show@hotmail.com

Reply
31 de agosto de 2010 17:01 delete

Bruninho, é melhor você visitar os sites que deseja incluir no seu blog e procurar quase todos tem alguma forma de fazer isso, veja por exemplo em nosso menu no inicio da pagina o item dicas no seu site

lá tem varias maneira de colocar nossas dicas no seu blog

Reply
Anônimo
31 de agosto de 2010 21:50 delete

tou tentando perceber onde colocar esse tal código mas não entendo. pode dizer onde?

laura

Reply
1 de setembro de 2010 16:57 delete

Fabiano,quero aderir a esta sua dica,mas me esclalece uma dúvida: os marcadores tem que estar como lista ou cloud? Uso como cloud,funciona se estiver configurado assim? Beijos ;)

Reply
1 de setembro de 2010 17:29 delete

ઇઉ Mel ☆ mendes♫ ♪ ♫
os marcadores deve estar na forma de lista

Reply
1 de setembro de 2010 21:43 delete

Amei,Fabiano. Estava afim de fazer essa personalização nos marcadores a um tempão,ficou tão lindo...Coloquei duas imagens png em forma de tag.Queria colocar essa mesma imagem na palavra marcadores que fica no roda pé das postagens...quando puder,me ensina como fazer? Muito obrigado por mais lição! beijos!

Reply
2 de setembro de 2010 14:53 delete

ઇઉ Mel ☆ mendes♫ ♪ ♫
vou olhar os códigos do blogger e preparar isso

Reply
8 de setembro de 2010 00:03 delete

Olá!

Nossa, muito bom o seu post! Eu estava procurando isso há semanas, achei!! que bom, já fiz as mudanças em meu blog, deu certo!
Obrigada!

Estou escrevendo esse comentário para agradecer e dizer que divulguei no http://kimbah.com , se quiser divulgue seus posts lá tb, e se puder avise aos seus leitores sobre esse novo agragador.

Sei que não gosta de links no comentário, e não espero q vc o aprove, apenas fiz assim por preguiça de enviar email, rs aff q absurdo...rsrs

Abraços! Muito obrigada!!

Reply
28 de setembro de 2010 17:49 delete

ñ consegui esse html ñ tem no meu blog.



eu sei que ñ é guia´rápido, eu coloquei o marcadores eu eu tenho + não funcionou, o marcado é anime. ajuda ai.

Reply
Aliine...
30 de setembro de 2010 13:24 delete

Não intendii esta parte (Depois role o código html até o começo de antes de body{....})
é que não entendo muito dessas coisas e não sei oq é esse body e nem oq é rolar o código html.. Me ajudem pliss..

Reply
30 de setembro de 2010 18:52 delete

o trecho body{.. é uma referencia para saber onde estão os códigos da formatação do blog(estilos CSS), é um lugar para colocar códigos que definem tipos de letras, cores de fonte e fundo, bordas e outras coisas

Reply
20 de outubro de 2010 21:20 delete

Mais uma boa dica com o certificado de qualidade do dicas para blogs..

=)

Já sigo o seu blog a bastante tempo e tem-me ajudado muito no meu blog...

Continue assim!!

Reply
24 de outubro de 2010 01:34 delete

Olá Fabiano, tudo bem ?
Eu tenho meu blog (galleyfashion.blogspot.com.br(,mais a parte do templante no faz conjunto com as da postagens, e só consigo fazer 1 templante na parte de cima.
Gpstaria de saber como colocar as partes do templante assim, e que um parte do templante pareça que está no plano de fundo do blog.
COMO DESEJO: (trashfame.blogspot.com.br)
Achei super lindo o blg deles acima!

Reply
24 de outubro de 2010 14:27 delete

União Galley Fashion
o link que enviou não abriu, use nossa pesquisa no inicio da pagina e certamente achará o que procura

Reply
10 de dezembro de 2010 14:19 delete

Eu nao entendi a parte "Depois role o código html até o começo de antes de body{....}"

eu nao achei esse "body{....}"

Reply
10 de dezembro de 2010 14:53 delete

eu queria pf q vc podesse fazer uma postagem de como cria templantes personalizados!! sempre quiz fazer, procurei, procurei a unica coisa q achei foi como fazer sites em hospedagem gratuita!! pf ... acho q fazer templantes poderia aumentar as visitas de meu blog e promover melhor, deixandu meu link no templantes!! li uma postagem sua de como promover o blog ou ter um site de sucesso é alguma coisa assim!! pf msm

Reply
10 de dezembro de 2010 20:53 delete

JOAO VICTOR
o trecho body{.. é um estilo CSS, você pode usar como referencia para colocar outros estilos de códigos parecidos com ele que fazem a formatação do blog

!!TaahHinara!!

realmente fazer um blog é bem diferente de um site, não tem como fazer os códigos já prontos para o blogger, você precisa criar as imagens do template e saber um pouco sobre CSS para colocar as imagens no seu template atual.

Reply
Anônimo
14 de dezembro de 2010 17:47 delete

n consegui fazer o codigo


em q parte eu coloco?


Valeu!

Reply
14 de dezembro de 2010 17:58 delete

tem que procurar no seu html por b:widget id='Label1' locked=...

claro que do gadget que deseja personalizar, mas não será exatamente igual a esse devido ao nome e tipo de gadget

Reply
1 de janeiro de 2011 19:33 delete

Fabiano, eu queria saber como colocar imagem de fundo no Gadget !
essa daí é a explicação ?

Reply
1 de janeiro de 2011 20:31 delete

no exemplo que citamos usando o estilo #Label1

se criar um estilo assim:
background-repeat: no-repeat;
background-position: right top;
background-image: url(fundofixo.jpg);}

essa imagem ficaria como fundo do gadget (fundofixo.jpg), veja mais aqui: Posicionar imagem de fundo

Reply
2 de janeiro de 2011 20:05 delete

(blog de teste)
http://gameskratos.blogspot.com/2009/05/metal-slug.html

Olá...
Bom, estou com o seguinte problema...
no meu template eu não consegui usar esse codigo então consegui com o codigo abaixo
-----------------------------------------------
#HTML1 {
background: url(http://img521.imageshack.us/img521/6554/publicidadew.jpg) no-repeat;
height:90px;
max-height:90px;
max-width:510px;
text-align:center;
padding-top:12px;
margin-bottom:0px;
-----------------------------------------------
Minha intenção era remover a imagem que tinha anteriomente com o codigo background-image:none(pois como eh possivel ver, o template pega a imagem das laterais e coloca ao meio).

como não consegui remover coloquei entaum outra imagem no lugar, só que a imagem ki era pra ser susbtituida fica por cima da outra...

Reply
2 de janeiro de 2011 21:24 delete

como essa imagem é um anuncio deveria colocar como um gadget e não como imagem de fundo.

se usar como fundo não é possivel clicar nela

Reply
2 de janeiro de 2011 21:40 delete

mais essa imagem de anuncio eh pra ser fundo msm...
pq quando eu colocar outra imagem clicavavel ae soh vai soh vai ficar aparecendo o nome publicidade da imagem de fundo....
porem o problema eh que a imagem que deveria ficar apenas na lateral fica da imagem ki eu coloquei para ser o fundo.

Reply
2 de janeiro de 2011 21:49 delete

tente criar um estilo assim:

#main .widget-content{background-image:none}

mas não tenho certeza que funcionará bem, pois você está usando duas imagens de fundo no mesmo gadget.

a imagem que aparece e vc quer retirar é a parte de baixo de todos os gadgets do seu blog

http://img522.imageshack.us/img522/4465/barrinha.gif

Reply
2 de janeiro de 2011 21:58 delete

eu kero retirar apenas "barrinha.gif" do gadget que fica no centro.
só isso...
como eh ki pra usar #main .widget-content{background-image:none}

Reply
2 de janeiro de 2011 23:21 delete

sim, faça o teste deste jeito para ver se funciona...

Reply
5 de janeiro de 2011 15:50 delete

Bom, eu entendi tudo, só que eu ainda não descobri aonde eu tenho que colocar o código.

Aí fala no body do começo. Mas eu realmente não descobri aonde.

Reply
5 de janeiro de 2011 19:25 delete

o trecho body é apenas uma referencia de onde estão os estilos CSS do seu blog, mas pode ser em qualquer lugar antes de ]]></b:skin>

Reply
6 de janeiro de 2011 12:50 delete

Nossa, Fabiano, muito obrigada. Você é realmente muito bom. Finalmente deu certo, e eu consegui colocar o código.

Muito obrigada mesmo, principalmente pela rapidez da sua resposta.

Reply
6 de janeiro de 2011 13:53 delete

Eu de novo, rs.

Eu tava colocando a minha imagem, mas eu queria que ela ficasse apenas na palavra "marcadores", por exemplo.

Tem jeito?

Reply
6 de janeiro de 2011 14:37 delete

entao tem que apagar o código da imagem de fundo e deixar somente o titulo do gadget

Reply
8 de janeiro de 2011 19:02 delete

nao consegui fazer alguem poderia me ajudar.

Reply
15 de janeiro de 2011 21:38 delete

Olá Fabiano, tenho uma duvida:

Exemplo: Numa coluna os meus widgets ficam muito afastados um para ao outro, tem um espaço entre cada widget (no final deles para ser exato)... e eu gostaria de diminuir esse espaço, como posso fazer isso??

Reply
15 de janeiro de 2011 22:02 delete

qual o endereço do blog? que esta´com esse problema de espaço no final de cada gadget?

Reply
17 de janeiro de 2011 17:33 delete

SUPER URGENTE!
estou com uma duvida muito chata, como coloco uma imagem no fundo da minha barra lateral?

Reply
17 de janeiro de 2011 17:53 delete

pode usar o código de imagem de fundo no estilo #sidebar na pagina editar html, use nossa pesquisa para achar mais detalhes sobre imagens de fundo

Reply
Izabella C
17 de janeiro de 2011 20:01 delete

Eu n intendo o q q é HTML e pra q serve!!!Será q voces poderiam me explicar??

Reply
18 de janeiro de 2011 14:31 delete

Izabella C
o html é o código que faz a pagina, sei que aprender mexer com esses códigos é complicado mas algumas alterações do blog tem que ser feitas desta maneira

Reply
6 de fevereiro de 2011 15:05 delete

cara queria saber se tem como eu colocar tipo um cadastro de cliente no meu blog .
+ ou - assim .
quero vender umas camisas de um ralir dai queria que o interessado entrasse no meu blog realizasse tipo um cadastro e que seu dados fossem enviado por email .
tem como faser isso ?

Reply
Anônimo
19 de fevereiro de 2011 11:37 delete

Fabiano eu sou nova no blog, o meu é o novo modelo, eu queria que você mostrase como faz para personalizar gadget no novo modelo de blog.

Reply
19 de fevereiro de 2011 13:36 delete

para personalizar os gadgets como mostramos neste tutorial tanto faz o seu template ser do modelo novo ou antigo, o procedimento é o mesmo, achar a id e criar um estilo com ela

Reply
Anônimo
23 de fevereiro de 2011 14:50 delete

Eu nao intendi oq é rolar HTML?
eu ja editei o codigo do jeito que eu quero pro meu blog mas nao sei onde colocar esse codigo.

Reply
23 de fevereiro de 2011 15:30 delete

rolar, foi uma maneira de dizer para descer a pagina até achar o código

Reply
a.
4 de março de 2011 13:15 delete

boas!
entento nada de HTML... pelo que percebi do que li, isto é para mudar todas os fundos do blog.
estou a tentar colocar um fundo colorido apenas em 2 widgets laterais no meu blog. Não consigo escrever nem perceber que código tenho de inserir no html do widget.
pode me ajudar?

Reply
4 de março de 2011 13:57 delete

se o gadget esta´com erro tente excluir e adicionar novamente, se não der certo na pagina designer, veja aqui: Apagar Gadget

Reply
a.
4 de março de 2011 19:09 delete

o gadget não está com erro. a opção geral é as caixas de gadget terem fundo transparente, mas quero configurar uma caixa de texto com uma cor de fundo. e não sei que codigo colocar apenas nessa caixa. obrigada

Reply
5 de março de 2011 00:59 delete

é só usar o código como mostramos... e colocar o endereço de uma imagem

Reply
12 de março de 2011 12:32 delete

olá eu descobri uma maneira de personaliza o gadgets de uma maneira mais facil é assim primeiro procure por .footer-outer .widget h2 {
color: $(footer.widget.title.text.color);
}

de espaço a baixo dessa tag e coloque esta

.sidebar h2 {
text-align:center;
margin:0;
height:30px;
padding:3px 0 .2em 0px;
line-height:1.5em;
font:normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
background: url(url da imagem bem aqui) no-repeat left top;
color: #bd470c;
}
.sidebar ul {
list-style:none;
margin:0 0 1.25em;
padding:0;
}
.sidebar ul li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:3px;
padding-left:16px;
margin-bottom:3px;
border-bottom:1px dotted #7b3211;
line-height: 1.2em;
}
.sidebar p {
margin:0 0 .6em;
}
.sidebar .clear, .main .widget .clear {
clear: both;
}

caso alguem erre abaixe o modelo do blog no meu de certo mais não sei nos do outros eu descobri personaliza o gadgets na sorte.

Reply
12 de março de 2011 12:34 delete

ah tbm os marcadores fica personalizados

Reply
17 de março de 2011 12:43 delete

O que vc quer dizer com isso: "Depois role o código html até o começo de antes de body{....} coloque esse código"

???

Reply
17 de março de 2011 14:30 delete

para colocar o outro código antes do trecho body{....}

vou alterar a postagem e tentar explicar melhor

Reply
17 de março de 2011 19:11 delete

Obrigada por explicar melhor. Agora assim encontrei, mas ainda não tá dando certo. Insiro código, mas é como se eu não fizesse qualquer alteração, porque nada aparece, mesmo se eu salvar a alteração. =/

Reply
26 de março de 2011 18:37 delete

como eu retiro o background do blog? ou deixo do tamanho da pagina? qual é a linha que devo mudar?

Reply
26 de março de 2011 22:51 delete

o background pode estar em varias partes... se for uma imagem é mais facil ver o endereço da imagem e procurar por ele na pagina editar html..

senão normalmente a imagem de fundo fica no trecho body{....

Reply
10 de abril de 2011 19:04 delete

como faz pra afastar eles pra esquerda? estao muito ddistantes do canto da pagina

Reply
10 de abril de 2011 20:22 delete

a distancia dos gadgets tem a ver com a largura total do blog ou pode usar padding-left:10px no código do gadget

Reply
19 de abril de 2011 16:18 delete

ola fabiano olha gostaria muito voce desse uma olhada no meu blog e me diz o que ta faltando... pois ja li quase todos os seus artigos para melhoralos mas precisa de uma espiadinha de um proficional desde ja agradeço um forte abraço grupodeevangelismodespertaieide.blogspot.com

Reply
19 de abril de 2011 16:20 delete

me desculpe por postar o nome do meu blog

Reply
19 de abril de 2011 19:28 delete

Tancoso por Robson ferraz
tem que procurar descobrir o que seus visitantes gostam... isso é o mais importante.

faça testes, coloque algum gadget e veja se alguém comenta algo, crie enquetes... olhe as estatisticas e veja quais assuntos tem mais comentários ou visitas..

Reply
.
20 de abril de 2011 15:29 delete

Minha dúvida é a seguinte:

Eu queria saber como deixar o título do gadget, quer dizer, a moldura perto dele como um parêntes grande deitado, mais ou menos isso que quero dizer. Espero sua resposta.

Grato.

Reply
20 de abril de 2011 18:41 delete

você pode criar uma formatação no estilo h2 e usar uma imagem de fundo para fazer essa imagem nos titulos dos gadgets, se não der certo teste também no estilo h3 pois isso varia conforme o template

Reply
20 de maio de 2011 17:52 delete

Parabéns pelos tópicos, vc ajuda muito que esta começando nesse mundo dos blogs.

Reply
29 de maio de 2011 00:40 delete

Boa noite. Após acompanhar esse tópico ainda continuei com dúvida qto a mudar a cor do fundo de apenas um gadget q eu gostaria.

Reply
6 de julho de 2011 14:38 delete

olá fabiano sou dono do site www.sosimuladores.com.br, a pouco tempo coloquei um novo template,so que os anuncios do adsense ficam invisiveis tem algum jeito de fazer eles aparecerem com algum codigo? aguardo respostas... abraços

Reply
6 de julho de 2011 14:43 delete

Matt, tente adicionar os anuncios novamente... talvez o gadget com o anuncio tenha sido excluido na troca de template

Reply
6 de julho de 2011 18:36 delete

incrivel eles so nao aparecem na pagina inicial em outras paginas aparecem :(

Reply
8 de julho de 2011 21:03 delete

amigos não consegui fazer e colocar o banner para parcerias no meu blog me ajuda por favor!!!

Reply
9 de julho de 2011 00:14 delete

Clovis Sousa
mas qual o seu problema? criar a imagem do banner, gerar o código... hospedar a imagem...

Reply
4 de agosto de 2011 19:38 delete

Fabiano, + como faço pra diminuir? não achei no codigo =\!!

Reply
4 de agosto de 2011 23:55 delete

coloque margin-left:20px;margin-right:20px;

e claro ajuste os valores, isso cria uma margem de cada lado do gadget

Reply
5 de agosto de 2011 15:11 delete

Opa, agora deu =)!!!
Vé so fabiano axo que foje um poco do assunto + e o seguinte, como faço pra modificar a caixa e os comentarios ( tipow deixa transparente ou mudar a cor ) porque o que venho o template e feioso =\! ou então deixa feito o seu.

Vé como é a caixa de comentario que feioso =x!!

> http://i51.tinypic.com/24uzqqf.png


Vlws cara!! abaração!!

Reply
5 de agosto de 2011 16:39 delete

Heitor
procure por estilos CSS tipo: .comment ou #comment... vai achar varios se algum deles tiver background.... apague e veja se resolveu

vai precisar fazer testes até achar onde é o local exato, por isso copie o trecho antes de apagar assim se não der certo poderá colocar de volta

Reply
5 de agosto de 2011 22:09 delete

Fabiano vé so. Eu fiz oq vc mandou que foi tirar os que tiver background, tirei so que n saio tudo. ficou uma parte ainda.

Acabei gerando + 1 duvida, como faço pra mudar o link.

Vé ae > http://i53.tinypic.com/vfio03.png

O link ta circulado de azul. e a parte cinza ta citado na foto.

Vlws ae cara :)!!

Reply
6 de agosto de 2011 00:11 delete

tem que procurar entre os varios estilos comment... até achar o trecho certo... isso varia conforme o template

Reply
6 de agosto de 2011 14:51 delete

Putz fabiano Vlwzão cara!! Consegui =D! tirei todos os background agora ele ficou normal =).
Agora vé so cara, quando eu tava testando reparei que tem 1 bug na hora de postar, o código fica pela metade não tem como o visitando colocar o código para pode postar o seu comentário.
Como faço pra ajeitar isso?!

Vé ae >> http://i56.tinypic.com/in5tzd.png


Vlws ae cara, pela sua ajuda :)!!

Reply
6 de agosto de 2011 16:53 delete

Era isso que eu estava procurando,mais eu sou meio novata,e assim,na hora de procurar ''body'' eu botei na barra de pesquisa que abriu quando eu apertei ctrl + f body,e apareceu muitos body,e agora eu não sei em qual eu tenho que botar o link antes.

Reply
6 de agosto de 2011 20:45 delete

Pow fabiano vlws ae cara!!! deu certo, so que la na tua postagem falava pra diminuir no meu caso foi pra aumentar, não sei o pq + deu certo =D!!!

Agora tem como mudar a cor do fundo onde você coloca o código?pq o fundo ficou branco e meu backgound e preto ai fica tosco =x!!!


Vlws ae mesmo cara!! seu site ajuda muito!!

Reply
6 de agosto de 2011 22:12 delete

Julia-*
o body que falei são os estilos css é depois que fechar as chaves de algo assim body { ..... }

Reply
6 de agosto de 2011 22:27 delete

Heitor
isso já é mais complicado pois os comentarios são um iframe, ou seja ele não faz parte da pagina do seu blog no momento naõ achei como alterar

Reply
8 de agosto de 2011 22:37 delete

fabiano roberto eu era o beelzemon mais eu testei em um template daqueles que vem única coisa que eu fiz foi colocar antes de ]]> e funcionou antes eu não entedia nada sobre css mais agora entendo melhor

si quiser ver meus dois blogs

http://todostipodownloads.blogspot.com/

http://blogmasterune.blogspot.com/

Reply
15 de agosto de 2011 14:47 delete

Fabiano, me tira essa duvida.
Quero fazer um menu para meu blogger com imagens, só que eu queria saber se tem algum código que, quando eu botar o mause por cima da imagens ele mude de cor, vamos supor:
Uma imagem escrito "Contato"(com o fundo preto).
Quando alguem passar o mause por cima dessa imagem ela fique( com o fundo vermelho ).
Tem como você me dizer se tem como fazer isso?


Vlws ae :)

Reply
15 de agosto de 2011 17:16 delete

Não tem lugar para pesquisar o marcadores de blog então nao achei.

Reply
15 de agosto de 2011 18:34 delete

Mania de Mulher
não entendi... pesquisar o marcadores de blog?

o que está querendo fazer?

Reply
17 de agosto de 2011 21:12 delete

Fabiano esse seu código pegou,+ só nos Gadgets laterais ( tanto nas laterais direitas como nas esquerdas ),+ nos gadgets encima do posts ele não pegou =\, eu conseguir achar o código para mudar o background dos Gadgets, + mesmo assim ainda não eliminou o desing que eu fiz para os gadgets das laterais.Queria saber como faço para tirar só esse design do gadget encima do post,já que esse seu código, comigo não funcionou =\.

Vé ae ( esse e o meu blog test ^^ )
> http://i56.tinypic.com/1t7ur8.png

Vlws ae fabiano :)!!

Reply
18 de agosto de 2011 00:07 delete

esse código tem que alterar um gadget por vez

Reply
18 de agosto de 2011 12:14 delete

Mais fabiano eu fiz isso, mais só funcionou nos gadget das laterais.
No gadget que coloque encima do post, o código não funcionou, por isso queria saber se tem como tirar esse designe, mais só do gadget encima do post.

Reply
18 de agosto de 2011 13:38 delete

mas usou o nome correto do gadget... com letra maiuscula? era para funcionar em qualquer gadget.. só precisa colocar o nome exato no estilo

Reply
18 de agosto de 2011 14:54 delete

Coloquei tudo certo, até porque meus Gadget são tipo HTML, como tem na sua foto aqui no post "id=HTML1", mesmo colocando certinho ainda não dá ;\.

Reply
18 de agosto de 2011 16:48 delete

não sei qual o problema deste gadget....

mas veja o link que está acima da caixa de comentario: seu perfil no blogger está bloqueado?

não consigo acessar o seu perfil... ou seja não posso saber qual o seu blog

Reply
20 de agosto de 2011 17:00 delete

Fabiano me tira essas 2 duvidas porfavor.

1- você sabe me dizer qual o Código para eu mudar o Background do blog? queria por uma foto.

Da olhada ai( no meu blog de test).
> http://i54.tinypic.com/16jki6r.png

2 - Tava vendo um site, que ele usa a mesma caixa de mensagem que eu uso, só que no site dele eu vi que ele colocou a caixa dentro de um botão, que quando você clica ele aparece, e quando reclica ele desaparece, achei muito interessante pois diminui mais o espaço dos gadgets. Você sabe como faço isso?

Obrigado fabiano.

Reply
21 de agosto de 2011 14:05 delete

Olá você sabe me dizer o porque a caixa de postagem minha está dessa maneira? por antigamente ela era mais atualizada.obg

> http://imageshack.us/f/818/imagemxdb.png/

Reply
21 de agosto de 2011 15:07 delete

Adm Kaizu
entre em configurações e vá até o final da pagina, vai encontrar Selecionar editor de postagem

lá poderá alterar o editor, mas isso vale para todos os seus blogs (caso tenha mais de um nesta conta)

Reply
25 de agosto de 2011 23:50 delete

esse body{....}, não sei bem o que ele significa... por exemplo, aonde eu tenho que procurar ele? porque no código do meu blog, ter até que tem vários "bodys", mais não achei nenhum perto dos gadgets...
me ajudem plz!!

Reply
26 de agosto de 2011 14:34 delete

ミ★ℓσя∂~yυкι-кυη★彡
o código body é apenas uma referencia para achar os estilos CSS do seu blog

veja aqui Onde colocar os códigos no blog

Reply
26 de agosto de 2011 21:26 delete

Fabiano, me diz uma coisa.
Você sabe me dizer como faço para abri uma pagina ou algo parecido no meu blogger + que faça esse função.
- quando aguem acessar meu blogger aparecer essa paginas ( contendo nela um botão "entrar" que redirecione para meu blogger), como se fosse uma apresentação. porque quero por publicidade nela, + para isso queria saber como faço esse método.

Como sempre, muito obrigado cara, você e o único que me socorre ^^.

Reply
27 de agosto de 2011 00:20 delete

Heitor
o blogger não tem pagina de entrada...

Reply
30 de agosto de 2011 13:19 delete

Ae fabiano blz?
Me tira essas 2 duvidas por favor.

1- Como faço para instalar um gadget em outro ponto do blogger? tipo cabeçalho , rodapé.Da um olhada ai : http://i55.tinypic.com/5cnk9z.png

2- Como faço para que um gadget só apareça na pagina inicial?.

Vlws cara :)!!

Reply
30 de agosto de 2011 15:08 delete

Ola Fabiano,é possivel gerar um codigo para fixar no nome do blog e fazer com que este ao ser clicado direcione a pessoa para a pagina desejada?
porque tenho 2 blogs um para divulgar meus produtos e outros posts, e esse outro pra usar como loja entao gostaria de ter como se fosse um botao (shop) que direcionasse quem clicar para este segundo blog.Desculpe a confusao espero que tenha entendidoe que possa me ajudar.

Obrigada

Marcela

Reply
30 de agosto de 2011 15:19 delete

Olá Fabiano
Veja se pode me ajudar!gotaria de fazer com que o nome do meu sugundo blog tivesse um codigo e gerasse um botão que eu pudesse colocar no primeiro blog, e que este botão direcionasse quem clicar nele.Desculpe a confusão espero que tenha entendido minha duvida e possa me ajudar.
Obrigada

Marcela

Reply
30 de agosto de 2011 15:39 delete

Marcela Felippe
você pode colocar um link de texto ou imagem de um blog para o outro

isso é igual a qualquer banner

Reply
6 de setembro de 2011 22:06 delete

OLHA SO GOSTARIA DE UMA AJUDA NO MEU BLOG NAO CONSIGO FAZER MAIS DE UMA POSTANGEM EM UMA PAGINA FICA TUDO NA MESMA COMO FAÇO PARA RESOLVER ESTE PROBLEMA

Reply
7 de setembro de 2011 14:55 delete

na pagina inicial ficam varias postagens, as elas são separadas.

Reply
11 de setembro de 2011 11:58 delete

Fabiano como faço para adicionar esses Gadgets em locais diferente no meu blogger, feito esse template que achei na net, pois achei muito interessante. Olha ae as imagens deixei em azul pra destacar. Vlws ae =)

Imagem do corpo do template :

http://i56.tinypic.com/21d38tc.png

Imagem dele visualizado :

http://i52.tinypic.com/wkqlau.png

obg.

Reply
11 de setembro de 2011 14:30 delete

deve ter algum erro de margin ou padding com valor maior que os demais... mas não tenho como dizer onde é.

já tentou excluir esse gadget que está fora da posição

Reply
11 de setembro de 2011 15:28 delete

+ Fabiano eu n quero excluir n. Eu queria fazer o msm que tem nesse template só que sendo no meu template, porque achei muito legal, pois alivia as laterais do blogger ^^.Você sabe me dizer como faço? pq até agora não achei neguem que consiga me dizer.

Reply
11 de setembro de 2011 19:29 delete

adaptar um template em outro é dificil... precisa aprender um pouco de html e CSS para fazer isso. não tenho como explicar como fazer

Reply
16 de setembro de 2011 10:33 delete

Caro Fabiano, Parabéns pelo seu trabalho e pela ajuda que vc nos da....

meu Blog: http://norteverdadeiro.blogspot.com

ele é dividido em 2 colunas, preciso ACABAR com o espaço vertical entre todos os gadgats da coluna direita..... ja tentei de tudo, não consigo.... se puder me ajudar.... muito obrigado

Reply
16 de setembro de 2011 13:14 delete

esses novos templates são dificeis de alterar... veja se tem padding ou margin no html das colunas.. mas precisa fazer testes para achar

Reply
Anônimo
30 de setembro de 2011 15:27 delete

Oi, já fiz as alterações no meu código mas não sei onde colocar. Quando digito "body {" na caixa de pesquisa, aparece vários "body {" em qual eu coloco?

Reply
30 de setembro de 2011 23:59 delete

tente no primeiro... mas verá que eles tem alguma diferente... não devem ser todos iguais

Reply
15 de outubro de 2011 19:00 delete

olá, tem como colocar os marcadores dentro do cabeçalho, como se fosse no lugar do título do blog?

Reply
15 de outubro de 2011 22:07 delete

Erico Graeff Fotografia
você poderia arrastar o gadget dos marcadores para o topo da pagina, mas se fizer isso use a opção Cloud e não lista nos marcadores

Reply
23 de outubro de 2011 19:50 delete

Fabiano, nao consegui achar body{...} oque eu faço ?

Reply
24 de outubro de 2011 13:16 delete

use o ctrl F para achar o body, mas cuidado esse código aparece varias vezes no html, eles são parecidos mas não iguais:
< body >
body {.....
< / body >

Reply
24 de outubro de 2011 21:12 delete

testei no meu blog de teste e nao funciono :/

Reply
25 de outubro de 2011 14:26 delete

*Le kako*
o nome do estilo que vai criar tem tem ser igual ao id... até as letras maiusculas...

por exemplo se o id estiver Label1 e você criar o estilo #label1 não vai funcionar por causa da diferença da letra "l" e "L"

Reply
1 de novembro de 2011 01:57 delete

ola queria saber como eu coloco um nome na frente dos links de dentro do gaget ex: temos o menu ai em baxo tem equipe como por [new] na frente de equipe deu pra entender obrigado ótimo post

Reply
1 de novembro de 2011 16:00 delete

SG-Rafael
isso pode ser feito com uma imagem pequena ou escrevendo o texto...

claro que tem alguns codigos prontos que fazem isso automaticamente

Reply
20 de dezembro de 2011 19:30 delete

ola, minha template é baixada do btemplate, e nao consigo mais adicionar gadgats e nem mudalas de posição, gostaria de saber se tem alguma maneira de " desbloquear isso" Obrigado

Reply
28 de dezembro de 2011 19:45 delete

Oiie,aqui é a Bela,vc pode me ajudar,pf responda,eu adorei a dica,mais não achei essa linha no html,eu uso o modelo do bloger simples,será que isso tem a ver?mais oq eu queria mesmo era deixar o titulo do gadgets com uma imagem de plano de fundo,eu tentei mais como disse nao acho aquela linha,já apertei f3 e pesquisei mais não adiantou,pf responda!!

Reply
29 de dezembro de 2011 00:20 delete

@Bela441 o procedimento é parecido com esse: Imagem no título da postagem

mas tem que usar no estilo h2 ou h3, precisa testar pois varia conforme o template

Reply
1 de janeiro de 2012 19:12 delete

Ola, não sei se posso posta isso aqui + estou com essa duvida a tempo...

Eu estava fazendo um Script de um gerador de links premium para colocar em meu blogger. so que ele está acusando esse erro :


Deve haver uma, e somente uma skin no modelo. No entanto, o número de skins encontrado foi: 0

Error 500



Você pode me dizer como faço para ajeitar isso?

Obrigado =).

Reply
2 de janeiro de 2012 00:37 delete

@Miguxi não tenho com responder sem saber direito que código era esse

mas normalmente é erro momentaneo se tentar depois deve funcionar

Reply
2 de janeiro de 2012 00:45 delete

@Fabiano Roberto

Fabiano se você me permitir mandar o Código pelo seu email para você dar uma olhada qual Código se trata. Obrigado pela atenção.

Reply
2 de janeiro de 2012 15:51 delete

@Fabiano Roberto

Olá Fabiano. Já enviei o código :). Obg pela atenção.

Reply
12 de janeiro de 2012 21:50 delete

Muito bom só ñ to achando body{....}

Reply
20 de janeiro de 2012 19:57 delete

meu grande não consegui executar este comando! por favor me ajude de uma forma mais minuciosa. agradeço a colaboração

Reply
21 de janeiro de 2012 00:25 delete

Eugenio Serlam
basicamente esse tutorial diz para criar um estilo com o nome do gadget.

Reply
6 de março de 2012 00:47 delete

Passei horas tentando fazer isso, não consegui foi nada.
Agradeço ao dono do site, mas, esse tutorial tá muito ruim, não entendo nada. Olha os trechos abaixo:
"então deve ver e usar como está nos marcadores do seu blog" pode explicar isso como mais clareza?

Depois volte ao começo do código html e procure por body{....}, QUAL BODY? TEM MAIS DE 34 BODYS. Não repita as mesmas respostas por favor.

Não quero ser grosso, e nem fui, apenas preciso realmente disso.

Reply
6 de março de 2012 02:44 delete

é o trecho body { ... } que tem as chaves

Reply
7 de abril de 2012 01:36 delete

Olá
gostaria de uma ajuda, instalei o template chamado Oulipo,http://btemplates.com/2010/blogger-template-oulipo/demo/ e eu queria acrescentar lá embaixo uma espécie de rodapé para colocar mais gadgets, como é possível nos designers de modelo do blogguer (tipo 2 colunas ou 3 colunas) para colocar estatísticas, seguidores, etc.. vc saberia como que faz isso, um código? obrigada

Reply
8 de abril de 2012 01:17 delete

na pagina design do modelo tem como separar o rodapé em colunas

Reply
23 de abril de 2012 06:26 delete

Ae Fabiano... foi dessa forma que fiz e ficou muito bom, mas como coloco a imagem atras (fundo) do marcador?

Reply
23 de abril de 2012 14:47 delete

esse código já é uma imagem por tras dos marcadores.

só precisa fazer uma imagem no tamanho certo e depois se precisar corrigir o posicionamento da imagem neste trecho

background-position: left;

Reply
Anônimo
1 de maio de 2012 23:26 delete

Fabiano Roberto eu quero mudar as cores dos gadget do meu blog e deixar assim como o seu dividido em dois lados postagens e gadgets(cores diferentes)tem como?tem como fazer isso com esse código.

Reply
2 de maio de 2012 00:44 delete

primeiro precisa dividir as colunas depois personalizar as cores, veja aqui: Designer de modelo - Layout e Configurações Avançadas

Reply
3 de maio de 2012 15:11 delete

Fabiana roberto nesse link que vc me passou não é pra formatar as posições dos GADGETs do blog ???
Eu quero e formatar o plano de fundo dos gadget, pq eu quero dividir as cores(poetagem e gadget)assim como o seu que.Ajudará a visualizar melhor a divisão entre gadget e postagens,assim como o seu,com uma cor unica para p plano de fundo dos gadgets os gadgets.

Reply
3 de maio de 2012 16:15 delete

Codigo para blog a imagem de fundo do meu blog é no estilo
.main-inner .columns{.... }

mas isso varia conforme o templte.

e o acesso ao seu perfil está bloqueado, ou seja ninguém consegue ver seu perfil ou acessar seu blog clicando no seu nome aqui no comentario.
Permitir acesso ao Perfil Blogger
.

Reply
26 de maio de 2012 22:36 delete

Olá, Fabiano. Boa noite.
Personalizei o gadget do feeds e das redes sociais do blog (os ícones), mas tem algo estranho, errado... Estive vendo a página do blog com outra conta e notei que a ferramenta de edição, aquele "chave de fenda e a chavezinha de boca" que ficam sempre ao lados dos gadgets, que deveria está exposto apenas para minha conta, está publico. É apenas nesses ícones. Como faço para ocultar/retirar do modo público?
Te mando o link pra você me entender.
http://dicasebijoux.blogspot.com.br/

Beijos

Reply
26 de maio de 2012 23:42 delete

Liege Karina
normalmente era para mostrar esse icone da ferramenta somente para o dono do blog.

mas tente colocar o código

.quickedit img{display:none}

no seu html, mas isso é apenas uma improvisação e seu template pode ter algum falha

Reply
27 de maio de 2012 03:01 delete

Onde encaixo esse código?

.quickedit img{display:none}

Tentei colocá-lo logo abaixo do código html/JavaScript refente aos ícones mas não funcionou.

Reply
27 de maio de 2012 10:55 delete

é na pagina editar html antes de body{....}

Reply
19 de agosto de 2012 16:58 delete

Ae, eu queria saber um negocio, tipo assim, eu consegui trocar o titulo dos gadgets por uma imagem determinada por mim por meio de outro tutorial. Mas tipo assim, agora eu quero trocar o das páginas tb (as que ficam em cima, e não do lado) mas não consigo pelo mesmo código. Tem um código pra trocar o escrito por exemplo 'Início', 'Equipe', etc. Por uma imagem? Nos gadgets que ficam do lado do blog eu conssigo... mas quero as páginas como imagem

Reply
19 de agosto de 2012 20:27 delete

Barracão do Humor veja esse tutorial: Menu Horizontal com Efeitos no Blogger usando CSS

na verdade você vai usar uma imagem de fundo em todos os itens do menu

Reply
18 de novembro de 2012 15:05 delete

Não visito muito o blog por que não acho tudo muito explícito, mas admito que desta vez me ajudo, muito obrigado ^^

Reply
Anônimo
28 de janeiro de 2013 17:55 delete

ola, hj após editar o html do blog entrei no layout do blogger e o meu layout estava confuso !!
as sidebar apareceram uma acima da outro, todas fora de ordem :
http://4.bp.blogspot.com/-Pcd7TPK_VyA/UQbXXvEjB-I/AAAAAAAAA0A/xwZZ0RXYBJY/s1600/layout.png

esse erro é comum ? a como fazer voltar ao normal ?

Reply
28 de janeiro de 2013 23:42 delete

Anonimo já li e respondi seu outro comentário falando deste problema....

é bom saber que deu certo

Reply
10 de fevereiro de 2013 00:00 delete

Mais um codigo que não funciona com nenhuma id.

Reply
10 de fevereiro de 2013 00:14 delete

tem que escrever exatamente igual o nome da id e colocar o sinal #, por exemplo

#Label1 {....

se escrever #label1 com letra minuscula não funciona

Reply