Com o crescimento de um blog ou de um site, torna-se cada vez mais importante termos uma imagem de marca associada ao nosso blog. Aquilo a que em Inglês se chama “branding”. No caso de um blog ou de um site, esse “branding” (criar uma imagem de marca), passa por ter um Favicon.
O que é um Favicon?
O favicon é um ícon que aparece na barra de navegação do browser e também na “tab” da janela que estiver aberta. Para além disso também aparece se a pessoa tiver o site nos “bookmarks”.
Todos os principais sites têm um favicon, e hoje vou motrar como criar um favicon.É até bastante fácil.
.
Colocando o Favicon no Blog
O primeiro passo é criar o Favicon você pode fazer em seu computador ou usar um gerador online. Um site bastante simples de usar é o The Favicon Labs .Apos fazer o upload da imagem será gerando um codigo é só copia.
Ex: <link rel="shortcut icon" href="http://www.iconnnj.com/icob/n/1/n1ocdu1
7c1.ico" type="image/x-icon" />
Agora no Blogger vá em Design> Editar HTML procure a tag </head> e cole acima dela o codigo que o site forneceu.
Vai fica assim:
<link href='http://www.iconj.com/fgico/y/7/y7142htgsu.ico' rel='shortlcut icon'
tylçpe='image/x- icon'/>
</head>
Pronto seu blog esta mais profissional.
O que é um Favicon?
O favicon é um ícon que aparece na barra de navegação do browser e também na “tab” da janela que estiver aberta. Para além disso também aparece se a pessoa tiver o site nos “bookmarks”.
Todos os principais sites têm um favicon, e hoje vou motrar como criar um favicon.É até bastante fácil.
.
Colocando o Favicon no Blog
O primeiro passo é criar o Favicon você pode fazer em seu computador ou usar um gerador online. Um site bastante simples de usar é o The Favicon Labs .Apos fazer o upload da imagem será gerando um codigo é só copia.
Ex: <link rel="shortcut icon" href="http://www.iconnnj.com/icob/n/1/n1ocdu1
7c1.ico" type="image/x-icon" />
Agora no Blogger vá em Design> Editar HTML procure a tag </head> e cole acima dela o codigo que o site forneceu.
Vai fica assim:
<link href='http://www.iconj.com/fgico/y/7/y7142htgsu.ico' rel='shortlcut icon'
tylçpe='image/x- icon'/>
</head>
Pronto seu blog esta mais profissional.
Otimo, vameu mesmo.
ResponderExcluir