Comment faire une ligne Divider justifié à droite sur Blogger

April 27

Comment faire une ligne Divider justifié à droite sur Blogger


Ajout d'un diviseur de ligne pour vos messages de blog Blogger peut améliorer la mise en page de la page et rendre votre contenu plus facile à lire. Certains modèles de blog Blogger viennent avec des séparateurs de ligne comme une caractéristique standard. Pour les autres modèles, les utilisateurs peuvent modifier la conception de modèle pour ajouter un diviseur de ligne personnalisé entre chaque blog. Par défaut, la plupart des diviseurs de ligne dans le centre de la page Blogger, mais vous pouvez faire le diviseur justifié à droite en ajustant HyperTextMarkup Langue du code de conception de votre blog.

Instructions

1 Connectez-vous à Blogger.

2 Localisez le blog que vous souhaitez modifier dans la liste des blogs sur la page "Tableau de bord". Cliquez sur "Design" sous le titre de blog.

3 Cliquez sur "Modifier le code HTML" dans le sous-menu de navigation de conception sous le menu principal.

4 Faites défiler jusqu'à la section "Modifier le modèle". Sélectionnez et cochez la case à côté de "Développez Modèles Widget." Cette affiche le code HTML complet pour votre blog dans le champ de saisie Modifier le modèle.

5 Localisez la section du code HTML à partir de "data: post.body" et dans cette section, recherchez le code pour votre diviseur de ligne existante. Sur certains blogs, le code ressemblera à ceci:

fond: URL (http://www.yourimagehost.com/divider.jpg);

background-repeat: no-repeat;

background-position: centre en bas;

Sur d'autres blogs le code ressemblera à ceci:

<Img src = 'http://www.yourimagehost.com/divider.jpg' aligner 'centre' =>

6 Mettez en surbrillance et changer le "centre" attribut dans le code de «droit». Cliquez sur le bouton "Enregistrer le modèle" pour enregistrer et télécharger vos modifications.

Conseils et avertissements

  • Le code de conception exacte pour le diviseur de ligne sur votre blog peut varier légèrement selon le modèle que vous avez utilisé ou personnalisé. Cependant, vous trouverez le code correspondant dans la section "post" de l'éditeur de modèle HTML. Dans tous les cas, changer l'étiquette d'alignement du "centre" à "droite" pour changer la position du diviseur.

          

Post a comment: