Como colocar favicon no blogspot e wordpress

Se você quer colocar favicon no seu blogspot blog ou wordpress blog significa que você quer fazer um blog profissional. Um favicon personalizado é um diferencial, pois ele aparece não só na barra do navegador, mas também quando o seu usuário salva o seu site nos favoritos. Este tutorial tem o intuito de ajudar você a mudar o favicon do blog criado tanto no wordpress como blogspot em poucos minutos.

O que é um favicon?

Favicon é uma imagem de 16x16px que fica na barra do seu navegador, no lado esquerdo de one você digita a url do site. O ícone padrão do blogger, por exemplo, é aquele "B" branco com fundo cor de laranja. É possível sim trocar aqule ícone no blogspot e adicionar favicon no wordpress. Para isso você terá de adicionar alguns códigos simples ao fonte do seu template. Veja como:

  favicon  blogspot, wordpress

Mudar favicon no Blogspot

Para trocar o favicon no blogger, você precisa hospedar a imagem em um servidor, pois o blogger não permite fazer a hospedagem de imagens. Depois de hospedar o icone do site no picasa, por exemplo, substitua o que está em vermelho por esse link. Agora é só colar o código abaixo modificado. Clique no menu “Layout” > “Editar HTML” e procure pela linha </b:skin>. Logo ABAIXO disso, cole :

<link href='URL_do_icone.png' rel='icon' type='image/x-icon'/>
<link href='URL_do_icone.png' rel='shortcut icon' type='image/x-icon'/>

Adicionar favicon Wordpress

Envie a imagem com o favicon que você pretende alterar para a pasta onde estão as imagens do seu blog wordpress. Agora clique em "Aparência” > “Editor” e selecione o arquivo "functions.php”. Cole o código abaixo e pronto.

function childtheme_favicon() { ?>
    <link rel="shortcut icon" href="<?php echo bloginfo('stylesheet_directory') ?>/imagens/favicon.png" >
<?php }
add_action('wp_head', 'childtheme_favicon');

Parabéns, você acaba de trocar o favicon do blogger e adicionar um favicon ao wordpress. Isso deixará seu blog mais profissonal.


Tutoriais relacionados a criar blog

Privacidade | Contato | Mapa do site