compose de widgets qui sont exploités et gérés à l'aide des classes et les ID. La section blog messages lui-même est un widget géant qui peuvent être décorés de différentes manières. Pour simplifier les choses, je vais partager aujourd'hui comment créer une page HTML vide à partir d'un modèle Blogger, puis commencer à ajouter des widgets à l'd'expérimenter de nouvelles façons excitantes de personnalisation de l'affichage blog.
Également consulter la page Démo Colouful onglets, le menu a été ajouté à une page HTML vide créé basé sur la méthode d'aujourd'hui.
Comment cela se fait?
Une page HTML simple dispose d'une description de type de document suivi d'un code HTML, HEAD et balises BODY respectivement. Les balises meta, JavaScripts et des feuilles de style sont toujours ajoutés à l'intérieur de la section de tête et les sections DIV ou le contenu est enfermé à l'intérieur de la section de corps. Dans Blogger depuis le modèle est programmé automatiquement par b dynamique: balises de section donc il faut d'abord supprimer toutes les sections et de laisser de telles qu'un parce que l'étiquette de balisage XML nécessite la présence d'au moins une telle section. Pour simplifier le processus, j'ai créé un "thème statique HTML" qui fonctionne très bien pour vous. Vous pouvez utiliser ce thème pour jouer avec de remarquables outils nouveaux, Fantaisie CSS3 tweaks, et mettre en pratique vos compétences en conception. Vous aimez travailler sur elle parce qu'elle vous offre une expérience beaucoup plus agréable par rapport à MBT HTML Editor
Étapes pour installer le thème:
- Aller à tableau de bord Blogger
- Créer un blog Nouveau test
- Donnez-lui un titre et l'adresse
- Choisissez le modèle simple et pas vues dynamiques
- Suivant Naviguez à Modèle> Modifier le code HTML> Proceed
- Remplacez tout le code dans l'éditeur avec le code suivant:
7. Cliquez sur Enregistrer et lorsque vous êtes invité à propos de l'erreur suivante:
Attention:
Votre nouveau modèle n'inclut pas les widgets suivants: BlogArchive1 Profil1 Attribution1 header1 blog1
il suffit de cliquer sur Supprimer les widgets et vous êtes tous fait!
Les points importants:
Alors que la création de widgets, vous allez ajouter le code JavaScript juste au-dessous ou au-dessus <head> </ head>
Vous allez ajouter le code CSS dans les deux sections en surbrillance <b:skin><![CDATA[/* ]]></b:skin>
Et vous allez ajouter les widgets de données ou de code HTML dans les deux balises body
Ce que vous ne pouvez pas faire?
Maintenant, si vous visitez la section présentation de votre blog en allant sur Blogger> Mise en page. Vous trouverez un champ vide avec le Widget Favicon seulement. Si vous créez de nouveaux messages ou des pages, ils l'habitude de figurer sur votre blog. Si vous avez déjà créé des postes, puis ils y resteront, ils l'habitude supprimés mais si vous ajoutez le widget billet de blog, pas de messages ou commentaires apparaîtront.
Créer un widget Blog Post
Maintenant, pour vous donner une idée de la facilité avec laquelle un modèle blogueur pourrait être conçu à partir de zéro il suffit d'ajouter le code suivant juste au-dessus </ body> pour faire fonctionner le widget de message sur votre thème HTML statique.
Enregistrez votre modèle et puis visite de la mise en page à nouveau. Vous serez en mesure de voir le widget Post et vous pouvez maintenant facilement éditer ses options de formatage. Aller et de créer un nouveau poste et de visiter votre blog pour voir fonctionner très bien. Félicitations! vous avez créé un de vos widgets premier blogueur. Jouer de cette façon avec des widgets passionnants nouveaux et découvrez comment vous pourriez aller créative.
Pour comprendre les blogs Google programmation, vous devrez vous familiariser avec la disposition standard et les balises des widgets. La meilleure référence est fournie par Blogger équipe elle-même. S'il vous plaît visitez le lien suivant pour comprendre les rudiments de base de données étiquetées.
Lire: Mots de données Layouts
Enregistrer un commentaire