Impossible d'apporter des modifications au modèle de blogspot

Question

J'essaie d'apporter des modifications à mon modèle blogspot qui a été téléchargé à partir d'Internet.

Lorsque j'essaie par exemple de changer la couleur du titre, je ne peux pas le faire ou d'autres changements.

Comment puis-je faire ce qui suit:

1. Je change de couleur par exemple
2. Appliquer sur le blog.

Mais cela ne fonctionne pas après, il n'y a aucun changement, s'il vous plaît aidez-moi avec cette situation.

Answer 1

Pour votre premier problème, lorsque vous cliquez sur "Modifier le code HTML" et qu'aucun code n'apparaît: c'est un petit problème dans l'interface de Blogger.com. Cela m'arrive aussi de temps en temps, depuis qu'ils ont changé ("amélioré") le fonctionnement de l'éditeur. Il suffit de rafraîchir la page ou de cliquer sur le bouton "Prévisualiser le modèle" et une fois que cela est chargé, cliquez sur le bouton "Modifier le modèle".

Une fois le codage apparaît, recherche (pour le rechercher, maintenez la touche Ctrl de votre clavier et appuyez sur F, puis copiez et collez ce code dans la zone de recherche):

$(post.title.text.color) 

Si vous n'êtes pas trouver ce code, c'est parce qu'il n'est pas codé dans votre modèle personnalisé. Ce code vous permet de modifier facilement la couleur du titre de message à partir de la page "Blogger Template Designer". Sans le code ci-dessus, l'option permettant de modifier la couleur de votre titre à partir de la page conviviale ne fonctionnera pas.

Pour activer cette option: à partir de votre "modèle Modifier" recherche de la page et trouver:

</b:skin> 

CI-DESSUS le "/ b: la peau" coller ce code:

h3.post-title, h4 { 
font: $(post.title.font); 
color: $(post.title.text.color); 
} 

h3.post-title a { 
font: $(post.title.font); 
color: $(post.title.text.color); 
} 

Cela vous permettra pour modifier la couleur du titre du message et la police du titre du message, à partir de la page Concepteur personnalisé de Blogger.

Si vous souhaitez que les autres options de la page Concepteur personnalisé fonctionnent, vous devez ajouter d'autres codes similaires dans d'autres zones de votre modèle. Par exemple, pour changer la couleur du texte par défaut et la police du blog tout de la page Designer, le code ci-dessous doit être dans votre modèle:

body { 
    font: $(body.font); 
    color: $(body.text.color); 
    } 

Il y a toute une liste d'autres varibles qui doit être ajouté pour pour obtenir TOUTES les fonctions disponibles à partir de la page Designer sur Blogger. Pour obtenir ces codes, je vous suggère de créer un nouveau blog avec un modèle Blogger stadard et d'ouvrir la page de modèle "Modifier HTML". A partir de là, au sommet des codes, l'une des premières choses que vous devriez voir est:

/* Variable definitions 
    ==================== 

Ce sont les variables qui permettent de travailler la page Designer personnalisée.

Le code pour chaque varibile sera répertorié dans cette section et toujours ressembler, en commençant par le symbole « $ » suivi des mots descriptifs comme:

$(widget.border.color) 

Il ne faut pas beaucoup pour commencer à voir le motif. Et le "sélecteur =" vous dira toujours ce qui doit être placé AU-DESSUS du "/ b: skin". Pour exmaple, pour la couleur de la bordure du widget, mentionné ci-dessus, vous verrez ce code similaire:

 <Group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span"> 
<Variable name="date.font" description="Font" type="font" 
    default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> 
<Variable name="date.text.color" description="Text Color" type="color" default="#666666" value="#cccccc"/> 
<Variable name="date.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="#cccccc"/> 

Et où vous voyez le code:

selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span"> 

... comment vous savoir pour former votre code ci-dessus le "/ b: peau". Par conséquent:

.main-inner .widget h2.date-header, .main-inner .widget h2.date-header span { 
$(widget.border.color) 
} 

Bien sûr, vous pouvez mettre le varible partout où vous voulez et quand vous changez la couleur de ce sélecteur, à partir de la page Custom Designer, il changera toutes les zones correspondantes. Vous pouvez même placer la couleur de la bordure du widget dans le titre du message si vous le souhaitez et le titre du message correspondra toujours à la couleur du foreur du widget.

C'est agréable de pouvoir utiliser la page Custom Designer mais une fois que vous vous êtes habitué au codage, ce n'est pas nécessaire. Vous pouvez simplement modifier le code directement dans la page de modèle "Modifier HTML" en plaçant le code de couleur souhaité dans la section souhaitée. Par exemple, recherchez et trouvez (dans/b: skin):

 .post-title { 

 .post-title { 

et supprimer le code variable et le remplacer par la couleur que vous voulez:

.post-title { 
    color: blue; 
    } 

Ou utilisez: http://www.colorpicker.com/ pour trouver le code HEX pour la couleur exacte et le placer comme titre de votre message:

.post-title { 
    color: #E01B5D; 
    } 

Espérons que cela aide.