13 maio 2020

Como personalizar gadget "A blogueira" - Truques HTML

a blogueira personalizar


Oláá! tudo bem com vocês? espero que sim. Como foi o fim de semana de vocês? Espero que estejam bem, os pedidos podem ser feitos pela Ask ou comentários.

 Concentrando no post de hoje, que eu não entendi o pedido, mas vou tentar atender. 




Eu não entendi muito bem o que a pessoa realmente quer, mas vou ensinar alguns truques.



Então isso são coisas bem fáceis, para fazer um gadget de A blogueira/Welcome/sobre/boas vindas, você irá criar primeiro um gadget de HTML/Javascript Você pode escrever nele suas boas vindas normalmente. 


Se você quiser o texto centralizado basta por <center> antes das boas vindas que você escreveu e </center> no fim. pronto seu texto está centralizado. Se você quiser adicionar uma imagem antes do seu texto use o código abaixo 

ficando algo semelhante a isso

<center>meu texto de boas vindas, meu texto sobre mim.</center>


Se você quiser por alguma parte do texto ou uma palavra em negrito basta colar <b> antes do que você quiser e </b> depois; para sublinhado vale a mesma coisa muda apenas o código que é
 <u></u>

exemplo:

Seja <b>bem vindo</b> ao meu blog!

Seja <u>bem vindo</u> ao meu blog!

Para a sua imagem você pode soltar sua criatividade, pode deixar redonda, colocar numa moldura, deixar quadrada use sua criatividade e estilo, eu gosta da minha foto na moldura polaroid, você pode fazer isso em qualquer programa de edição de imagem ou app no celular caso prefira. Um editor online bem legal e semelhante ao photoshop é o pixlr.

Leia também: Melhores editores de imagens online 

Separei algumas molduras legais que você pode usar clique no modelo que você escolheu para salvar em tamanho original.




                                                       

Para adicionar sua imagem você precisar adicionar o código simples, você precisa fazer o upload da sua foto em algum servidor, eu uso o próprio blogger, e é o melhor na minha opinião, e o link da sua imagem. 



<center><img src="ENDEREÇO DA IMAGEM" /></center>



Com esse código você pode aumentar ou diminuir essa imagem sem precisar edita-la novamente, pode ser qualquer tipo de imagem, o ideal é que sua foto tenha uma boa qualidade para que você possa aumentar ou diminuir a altura. Lembre-se de manter a proporção.




<img src="URL-DA-SUA-IMAGEM" width=100 height=100



Se você quiser a imagem no centro do gadget (como eu uso) basta usar esse código

<img src="URL DA SUA IMAGEM" class="border" align="center"/>
Troque center right (direita) por left (esquerda) isso é de acordo com seu gosto.

Para colocar icones das redes sociais eu já tenho um post sobre isso onde disponibilizei os botões gratuitos e expliquei como usar. 

Leia aqui: Como usar botões de ícones sociais no seu blog

Bem o post é pequeno e isso é HTML para iniciantes, espero que tenha ajudado a quem fez o pedido e aos demais também. Até a próxima postagem.

40 comentários:

  1. Eu nunca acho um código pro gadget Welcome, mas tudo bem.. eu supero... u.u kkk' Sinceramente, eu também não entendi a pergunta dela '-'

    Teen Diary

    ResponderExcluir
    Respostas
    1. kkkk é porque não existe código para welcome, vai depender de como vc quer kkk

      Excluir
  2. Eu também não entendi a pergunta dela, masok.
    Mais eu gostei da dica de que você não precisa editar a imagem pra mudar o tamanho!

    Modern HTML

    ResponderExcluir
    Respostas
    1. Acho que ninguém entendeu ;S kkk que bom que as dicas ajudaram XD

      Excluir
  3. Gostei do tutorial flor!! Também não entendi a pergunta dela!! Lindo o lay flor!! Gostaria de fazer uma encomenda, mas já fiz uma esses dias, quem sabe numa próxima, mas estou participando do sorteio =D!! Sou viciada em layouts KKKKK' Beijos >.<

    http://princesasmaquiada.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que gostou flor >< Obrigada flor, eu também sou viciada sabe kkkkkk quase todo mês eu troco XD

      Excluir
  4. Adorei! É realmente muito simples, mas para quem não entende, assim como eu, foi ótimo! Mudei agora mesmo isso no meu blog hahaha
    obg

    Beijos
    http://heyealaysa.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que gostou ^^ é realmente muito simples, de nada querida bjs

      Excluir
  5. aceito sim afiliação, vou colocar seu link lá :D
    poison bomb

    ResponderExcluir
  6. Eu acho que ela queria que você ensinasse como bota a imagem e a barra de pesquisa. Leitora nova e amei o blog, seguindo já. Aceita afiliação? XX

    http://therepublicafeminina.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. eheheu' pelo menos a imagem eu ensinei '-' kkkk aceito sim querida, já vou te por na elite.

      Excluir
  7. Adorei as dicas *-* Eu estava precisando mesmo, ahh, o novo lay ficou lindo *--*

    Beijos, Vanessa do Universo Cute

    ResponderExcluir
    Respostas
    1. Que bom que gostou querida >< Obrigada diva ;3

      Excluir
  8. Também não entendi a pergunta dela :s
    O tutorial ficou bem legal, e tem varias dicas ótimas. Eu gostei :D

    ResponderExcluir
    Respostas
    1. Acho que ninguém entendeu '-'

      ah obrigada querida, são dicas simples mas úteis

      Excluir
  9. Primeira vez aqui no seu blog, e já me apaixonei por ele *--*
    Amei post, acho que era isso que ela pediu, sei lá rs'.
    Parabéns pelo blog, eu amei ele, demais !!!!!!

    Seguindo, segue de volta?
    lendoeaprendendoblog.blogspot.com
    Aceita afiliações ?
    Beijinhos, fica com Deus.

    ResponderExcluir
    Respostas
    1. É eu acho que ela pediu mais ou menos isso kkkk' obrigada flor, irei retribuir r já te ponho na elite.

      Excluir
  10. ownn que lindoo amei demaisss o/
    fica divo o welcome assim o/
    acervo-de-livros.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom que gostou diva \o/ realmente fica muito melhor assim \o/ Obrigada pela visita

      Excluir
  11. Pergunta meio estranha... mas suas dicas foram ótimas ^^

    Meu Mundo, Meu Estilo

    ResponderExcluir
  12. Nossa ! Amei o tutorial. Sempre quis fazer
    esse Welcome e nunca sabia o código, e procurava em tudo
    quanto era canto e não achava, hahaha ><
    Agora já sei onde tem, favoritei o teu tutorial viu?
    Seguindo, retribui?

    Beijos, tudo de bom pra você
    Letícia.


    papodemenina-pdm.blogspot.com.com

    ResponderExcluir
    Respostas
    1. Oiiee flor >< é bem fácil de fazer só depende de como vc quer ><

      Irei retribuir

      Excluir
  13. Amei o tutorial vou fazer no meu prox lay

    beijo
    http://toutrever.blogspot.com.br

    ResponderExcluir
  14. Adorei, usei o negrito e o sublinhado .

    Nhackt Yoo
    Crazycherry-sa.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom que gostou fofa >< fica feliz por ter ajudado alguém XD

      Excluir
  15. Muito bom o tutorial.
    Eu ainda não tinha encontrado em outros blogs códigos para Welcome.
    Quando eu precisar no meu blog, vou recorrer aqui hahaha'

    Beijão, fofuramentos.blogspot.com

    ResponderExcluir
    Respostas
    1. Que gostou querida ^^

      É dificil mesmo, poucos blogs lembram desses pequenos detalhes kkk pode recorrer

      Excluir
  16. Fica bem legal!
    Está tendo joguinho valendo divulgação.
    Dá uma passadinha, lá?!
    http://caandyspace.blogspot.com.br/2013/05/joguinho-valendo-digulvacao.html
    beijnhos!

    ResponderExcluir
    Respostas
    1. ^^

      Irei participar sim querida, obrigada pela visita

      Excluir
  17. nossa faz muuito tempo que eu procuro um tuto desse! Acho que vou tentar fazer *-* mas eu tbm queria saber como colocar aqueles players no gadget welcome. Faz um tuto explicando? Obrigada :)

    ResponderExcluir
    Respostas
    1. Claro que faço querida^^ amanhã eu posto. Obrigada ;3

      Excluir
  18. me ajudou muuito!!!! eu coloquei até os créditos!!!
    ameei seu blog, awmm *Johnny Depp* rsrs'
    o meu blog é novo ainda, se puder fazer uma visita, fique a vontade *u*
    http://candy-strawberry.blogspot.com.br/

    ResponderExcluir
  19. Otimo <3 Me ajudou bastante!
    Seu blog além de lindo é muito util!

    http://dramanosso.blogspot.com.br/

    ResponderExcluir
  20. Oi, Gleicy!
    Amei o tutorial! Super útil e bem fácil também :D O gadget sobre o autor é o que mais me chama atenção num layout e eu sempre gosto de ver quem está por trás do blog, saber mais sobre a pessoa haha.
    Já estou seguindo aqui!

    Beijos!
    Estante Bibliográfica

    ResponderExcluir
  21. E essa mulher faz tudo! Sempre trazendo conteúdo de qualidade, adorei o post e já até salvei pra hora de personalizar novamente o layout!

    Abraços,

    www.tendenciacosmica.com.br

    ResponderExcluir
  22. Ficou muito legal esse gadget.

    Big Beijos,
    Lulu on the sky

    ResponderExcluir
  23. Gostei dessa dica, e das outras que eu vi também em outros posts.
    blogger expert

    ResponderExcluir

» Nossas redes sociais: Fã page | | Instagram | | Pinterest

» Críticas construtivas são sempre bem vindas.

» Deixe o link do seu blog no final do comentário e retribuiremos a visita com carinho.

» Lembre-se, tudo aqui é feito para você, então fique a vontade para pesquisar,ler,comentar e pedir postagens.

© BELEZA NERD 2013 - 2019. Todos os direitos reservados.
Layout e codificação: GLEICY HANER - DESIGNS E FOTOGRAFIA .
Tecnologia do Blogger.
imagem-logo