Libellés :
Astuces Blogger
Bismillah. Bienvenue sur Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.Nous allons changer l'icon B (Blogger) qui se trouve à côté du lien et du nom du blog.
Vous pouvez voir des examples de favicons sur l'image à côté.
Vous pouvez utiliser les formats suivantes : jpg , png , ico , gif.
Mais internet explorer n'accepte que le format ico.
Donc dans cette explication on va utiliser deux sites :
- Favicon from pics pour changer les formats d'images en .ico
- http://www.iconj.com/ pour uploader le favicon .ico qu'on va télécharger du premier site
Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.
Premièrement :
On upload l'icon qu'on veut mettre favicon sur le site à partir de http://www.htmlkit.com/services/favicon/ pour la transformée en format .ico puis on le retélécharge En appliquant les étapes suivantes :
- Browse ---> Choisir l'icon ---> Generate Favicon .ico
- Après on télécharge le dossier du favicon on cliquant sur Download
- Extraire les fichiers
- Ce qui nous concerne dans le dossier téléchargé c'est le favicon.ico
Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.
Deuxièmement :
On upload le favicon.ico sur http://www.iconj.com/ En appliquant les étapes suivantes :
- Browse ---> Choisir le favicon.ico ---> Upload Now
- Copier l'adresse du favicon : on copiant le code si-dessous (le code encadré en Rouge)
<link rel="shortcut icon" href="http://www.iconj.com/ico/k/0/k0uxahhrwf.ico" type="image/x-icon" />
- Ce qui nous concerne dans le code si-dessus c'est l'adresse du favicon en rouge : http://www.iconj.com/ico/k/0/k0uxahhrwf.ico
Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.
Finalement :
On ajoute le code du favicon au modèle blogger en appliquant les étapes suivantes :
- Mettre l'adresse du favicon : http://www.iconj.com/ico/k/0/k0uxahhrwf.ico dans le code suivant
<link href='http://www.iconj.com/ico/k/0/k0uxahhrwf.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/> <link href='http://www.iconj.com/ico/k/0/k0uxahhrwf.ico' rel='icon'/>
- Puis connectez-vous sur blogger
- Présentation ---> Modifier le code HTML --->
- Et placer le code si-dessus juste avant : </head>
Outils Blogger www.outils-blogger.blogspot.com : Outils, Astuces, Widgets, Modèles, Adsense, Seo.
0 commentaires:
Laisser un commentaire