Comment faire pour créer extensible post résumés dans Blogger

Avec ce truc, vous pouvez choisir d'afficher un chiffre arbitraire de texte depuis le début de chaque poste, comme un teaser pour le tout.

Résumés extensible Post est la méthode par laquelle chaque message blog se compose d'un court paragraphe d'introduction, suivie d'un "Read More" lien. Cela permet au lecteur d'avoir une petite introduction à chaque poste sur la page principale. Il peut alors cliquer sur le lien en savoir plus, s'il est suffisamment intéressés ... ... ..

De nombreux blogueurs ont fait état de confusion quand ils ont essayé de suivre les instructions sur la page d'aide blogueur officiel pour ce donc j'ai essayé de mettre l'aide en plus facile à suivre termes ici. Il existe essentiellement trois étapes à suivre si vous souhaitez mettre en œuvre extensible post résumés dans le nouveau modèle de mise en page.

CONDITIONNEL CSS

La première étape est de mettre le code de la condamnation css. Cela modifie la façon dont les postes sur les différentes pages. Pour ce faire, l'accès au tableau de bord et cliquez sur Mise en page de votre blog. Ensuite, cliquez sur Modifier le code HTML et la première sauvegarde de votre modèle en utilisant le lien Télécharger le modèle. Ensuite, faites défiler vers le bas jusqu'à ce que vous venez de balise </ head> et ajoutez le code suivant immédiatement au-dessus de lui:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost (display: inline;)
<b:else/>
span.fullpost (display: none;)
</ b: if>
</ style>

tag just above the </head> tag. Enregistrer le modèle. NOTE IMPORTANTE dans les schémas, il est un modèle ]]></ b: skin> juste au-dessus de la balise </ head> tag. Ajouter le code ci-dessus afin qu'il se trouve entre ces deux balises. Ce que nous avons ici est de définir une classe appelée "fullpost", qui s'affiche seulement sur la mise en pages (liens permanents).

«LIRE PLUS» LIENS

La deuxième étape consiste à ajouter les liens Lire la suite qui apparaîtra après le paragraphe résumés. Pour ce faire, mettre un chèque dans la case à cocher Développer Widgets modèle en haut de la zone de texte Modifier le modèle. C'est dans le sous-onglet Modifier le code HTML de l'onglet Modèle. Ensuite, faites défiler le code jusqu'à ce que vous venez de le Blog Posts Widget code où trouver cette ligne de code:

<data:post.body/>

Ajouter le code ci-dessous, immédiatement après le code ci-dessus:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_blank'> savoir plus </ a>
</ b: if>

Enregistrer le modèle. Ce lien ne s'affiche que sur la page principale et les pages d'archives, et il redirigera votre lecteur à la page de message blog contenant le texte intégral de votre message.
IMPORTANT: Ne pas utiliser un autre code ou il donnera erreur.

MISE À JOUR

A Reader voulait augmenter la taille de la police de la Lire la suite! lien. Pour ce faire, ajoutez ce code au lieu de celle-ci:

<b:if cond='data:blog.pageType != "item"'>
<span> <a expr:href='data:post.url' target='_blank'> savoir plus </ a> </ span>
</ b: if>

Augmenter ou diminuer le chiffre 120 comme vous le souhaitez, puis enregistrez le modèle. Pour faire la police en gras utiliser ce code au lieu:

<b:if cond='data:blog.pageType != "item"'>
<span style="font-weight:bold;"> <a expr:href='data:post.url' target='_blank'> savoir plus </ a> </ span>
</ b: if>

Enregistrer le modèle. Pour faire aussi bien utiliser ce code:

<b:if cond='data:blog.pageType != "item"'>
<span style="font-weight:bold;"> <span> <a expr:href='data:post.url' target='_blank'> savoir plus </ a> </ span> </ span>
</ b: if>

Enregistrer le modèle.

MODIFICATIONS POST

La dernière étape consiste à modifier le modèle de message blog afin que chaque poste sera créé lorsque vous montrer où placer votre résumé paragraphe et où placer le reste de la poste. Pour ce faire, allez dans Paramètres -> Mise en forme et faire défiler vers le bas à la fin de la page dans la case de la Poste modèle. Copiez et collez les lignes suivantes, il:

Voici le début de mon message. <span class="fullpost"> Et voici le reste de celui-ci. </ span>

Enregistrer les paramètres. Lorsque vous cliquez sur Créer des postes et ensuite l'onglet Modifier le code HTML de la Poste Editor vous verrez les suivantes (Cliquez sur l'image pour l'agrandir):

Remplacez la ligne "Voici le début de mon message." (Tapez votre résumé ici) avec votre résumé paragraphe. Puis remplacez la ligne "Et voici le reste." (Type de repos du poste ici.) Avec le reste de votre poste. . Ne supprimez pas les autres lignes <span class="fullpost"> et </ span>. Ajoutez également votre résumé ci-dessus à la fois les lignes et le reste de votre message entre les lignes. Ensuite, cliquez sur Publier pour publier la poste.

Avantages de cette méthode

Les avantages de cette méthode est que vous obtenez un lien à vos messages de votre résumé le paragraphe ci-dessous qui est un lien supplémentaire dans les moteurs de recherche d'indexation. Aussi vous ne devez pas compter sur une intervention extérieure Javascript. Le troisième avantage est que le lien ouvre Lire la suite dans une nouvelle page de quitter votre page principale encore ouvert dans le navigateur de spectateur.
Pour de plus amples Hack CLIQUEZ ICI

Si vous avez aimé ce post: Suivez-moi sur Twitter ou S'abonner via RSS ou