Changer ton blogger blog Favicon

Pour ceux qui ne savent pas c'est quoi le "favicon"  "favicon est une petite icône (l'image) s'affiche au début de la barre d'adresse de la navigateur , et chaque site a leur "favicon" mais les blog ont seulement cet orange icon de merde qui a dit a chaque visiteur "hey toi ce site est juste un blogger sous domaine" :s


alors aujourd'hui on va changer cet orange favicon a le tien 


I- Générer une Icon



1-Entrer au http://www.favicongenerator.net/

2-Choisir une image "png ou jpeg pu gif"


3-Choisir le 32 x 32 ( la plus utilise )

4-Cliquer sur generate et Enregistrer la sur votre disque dur




II-Télécharger la vers un serveur

1-Allez à http://explore.live.com/windows-live-skydrive  

2-connecter vous avec ton Hotmail compte 

3-cliquer sur Mes documents

4-Telecharger ton Icon

5-Cliquer sur Continuer

5-Maintenant affichez la dans une nouvelle onglet 


6-Copier son lien 


III-Appliquer la Sur Ton Blog


1- Va vers Présentation =>modifier HTML => 


2-Trouver <b:skin><![CDATA[/*

7-Maintenant Copier le code en bas et coller le juste avant le premier


<link href='Ton Lien IcI' rel='shortcut icon'/>
<link href='Ton Lien IcI' rel='icon'/>


8-(Changer Ton Lien IcI avec ton lien )

Note => supprimer le alternative lien après .icon dans votre lien de la icon 


Par Exp: votre lien est comme ca: https://7g4riw.bay.livefilestore.com/y1pxlTEeSWHJCjWJWbM4_L7RNOFCPZ9toR9FxjZhpH2vYAPDr9mPzqR_YNgJSnv_icZ6o-4qtOPyqbt2A_wzkMRN7mtocnvOLeL/favicon(5).ico?psid=1
Alors tu auras besoin juste ce chemain: https://7g4riw.bay.livefilestore.com/y1pxlTEeSWHJCjWJWbM4_L7RNOFCPZ9toR9FxjZhpH2vYAPDr9mPzqR_YNgJSnv_icZ6o-4qtOPyqbt2A_wzkMRN7mtocnvOLeL/favicon(5).ico 
 Ca veux dire tu faut supprimer  ?psid=1


9-alors le résultat devrait comme ca




<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

<link href='https://7g4riw.bay.livefilestore.com/y1pxlTEeSWHJCjWJWbM4_L7RNOFCPZ9toR9FxjZhpH2vYAPDr9mPzqR_YNgJSnv_icZ6o-4qtOPyqbt2A_wzkMRN7mtocnvOLeL/favicon(5).ico' rel='shortcut icon'/>

<link href='https://7g4riw.bay.livefilestore.com/y1pxlTEeSWHJCjWJWbM4_L7RNOFCPZ9toR9FxjZhpH2vYAPDr9mPzqR_YNgJSnv_icZ6o-4qtOPyqbt2A_wzkMRN7mtocnvOLeL/favicon(5).ico' rel='icon'/>

    <b:skin><![CDATA[/*

10-Enregistrer Le modèle est afficher ton blog 

Note : la Favicon vas afficher seulement au FireFox et Internet Explore Pour la afficher a tous les navigateurs (Chrome) Trouver ce code 

 <b:include data='blog' name='all-head-content'/>  

 et supprimer le  

11-Enregistrer le modèle est félicitations

Share