[Blogger] Faire un lien "Lire la suite"

le Mer Nov 22, 2006 15:03

Bonjour,

Je me suis récemment inscrit à Blogger et je souhaiterai pouvoir faire un message "Lire la suite" pour que mes articles trop longs ne s'affichent pas en entier sur la page d'accueil.
J'ai fait une recherche dans l'aide proposée et j'ai trouvé ceci :

Comment puis-je créer des récapitulatifs de messages blog pouvant être développés ?

Le problème c'est que ça ne m'aide pas trop car, il faut le reconnaitre, je ne m'y connais pas assez :oops:

Pour le premier point par exemple je ne trouve pas ma feuille de style, pour le deuxième je ne vois pas ce qu'ils entendent par "modèle"... Seul le dernier point me parait compris :]

Quelqu'un pourrait-il m'aider et reprendre les étapes une à une et, si possible, de manière très détaillée ?
Ou alors puis-je donner l'accès à mon blog temporairement à quelqu'un pour qu'il me le fasse (si cela vous prend moins de temps que d'expliquer par exemple, c'est comme vous préférez !).

Si cela peut vous aider, voici ce qui s'affiche quand je clique sur Modèle> Modifier le code HTML (je ne trouve pas la balise <style> si c'est bien là qu'elle doit se trouver) :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
* Blogger Template Style
* Name: TicTac (Blueberry)
* Author: Dan Cederholm
* URL: www.simplebits.com
* Date: 1 March 2004
* Updated by: Blogger Team
*/

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

<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">

<Variable name="pagetitlecolor" description="Page Header Color"
type="color" default="#FFF" value="#FFFFFF">

<Variable name="datecolor" description="Date Header Color"
type="color" default="#999999" value="#999999">

<Variable name="titlecolor" description="Post Title Color"
type="color" default="#993333" value="#993333">

<Variable name="footercolor" description="Post Footer Color"
type="color" default="#999" value="#999999">

<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#999" value="#999999">

<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#666" value="#666666">

<Variable name="linkcolor" description="Link Color"
type="color" default="#69c" value="#6699cc">

<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#666699" value="#666699">

<Variable name="bodyfont" description="Text Font"
type="font"
default="normal normal 100% Verdana, sans-serif" value="normal normal 100% Verdana, sans-serif">

<Variable name="pagetitlefont" description="Page Header Font"
type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'" value="normal normal 100% 'Lucida Grande','Trebuchet MS'">

<Variable name="titlefont" description="Post Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">

<Variable name="sidebarheaderfont" description="Sidebar Title Font"
type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">
*/

/* ---( page defaults )--- */

body {
margin: 0;
padding: 0;
font-size: small;
text-align: center;
color: $textcolor;
background: #e0e0e0;
}

blockquote {
margin: 0 0 0 30px;
padding: 10px 0 0 20px;
font-size: 88%;
line-height: 1.5em;
color: #666;
background: url(http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top left;
}

blockquote p {
margin-top: 0;
}

abbr, acronym {
cursor: help;
font-style: normal;
border-bottom: 1px dotted;
}

code {
color: #996666;
}

hr {
display: none;
}

img {
border: none;
}

/* unordered list style */

ul {
list-style: none;
margin-left: 10px;
padding: 0;
}

li {
list-style: none;
padding-left: 14px;
margin-bottom: 3px;
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 0 6px;
}

/* links */

a:link {
color: $linkcolor;
}

a:visited {
color: $visitedlinkcolor;
}

a:hover {
color: #5B739C;
}

a:active {
color: #5B739C;
text-decoration: none;
}

/* ---( layout structure )---*/

#outer-wrapper {
width: 847px;
margin: 0px auto 0;
text-align: left;
font: $bodyfont;
background: url(http://www.blogblog.com/tictac_blue/tile.gif) repeat-y;
}

#content-wrapper {
margin-left: 42px; /* to avoid the border image */
width: 763px;
}

#main {
float: left;
width: 460px;
margin: 20px 0 0 0;
padding: 0 0 0 1em;
line-height: 1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar {
float: right;
width: 259px;
padding: 20px 0px 0 0;
font-size: 85%;
line-height: 1.4em;
color: $sidebartextcolor;
background: url(http://www.blogblog.com/tictac_blue/sidebar_bg.gif) no-repeat 0 0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

/* ---( header and site name )--- */

#header-wrapper {
margin: 0;
padding: 0;
font: $pagetitlefont;
background: #e0e0e0 url(http://www.blogblog.com/tictac_blue/top_div_blue.gif) no-repeat 0px 0px;
}

#header {
margin: 0;
padding: 25px 60px 35px 160px;
color: $pagetitlecolor;
background: url(http://www.blogblog.com/tictac_blue/top_h1.gif) no-repeat bottom left;
}

#header h1 {
font-size: 200%;
text-shadow: #4F73B6 2px 2px 2px;
}

#header h1 a {
text-decoration: none;
color: $pagetitlecolor;
}

#header h1 a:hover {
color: #eee;
}

/* ---( main column )--- */

h2.date-header {
margin-top: 0;
padding-left: 14px;
font-size: 90%;
color: $datecolor;
background: url(http://www.blogblog.com/tictac_blue/date_icon_blue.gif) no-repeat 0 50%;
}

.post h3 {
margin-top: 0;
font: $titlefont;
letter-spacing: -1px;
color: $titlecolor;
}

.post {
margin: 0 0 1.5em 0;
padding: 0 0 1.5em 14px;
border-bottom: 1px solid #ddd;
}

.post h3 a,
.post h3 a:visited {
color: $titlecolor;
text-decoration: none;
}

.post-footer {
margin: 0;
padding: 0 0 0 14px;
font-size: 88%;
color: $footercolor;
background: url(http://www.blogblog.com/tictac_blue/tictac_grey.gif) no-repeat 0 8px;
}

.post img {
padding: 6px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

/* comment styles */

#comments {
padding-top: 10px;
font-size: 85%;
line-height: 1.5em;
color: #666;
background: #eee url(http://www.blogblog.com/tictac_blue/comments_curve.gif) no-repeat top left;
}

#comments h4 {
margin: 20px 0 15px 0;
padding: 8px 0 0 40px;
font-family: "Lucida Grande", "Trebuchet MS";
font-size: 130%;
color: #666;
background: url(http://www.blogblog.com/tictac_blue/bubbles.gif) no-repeat 10px 0;
height: 29px !important; /* for most browsers */
height /**/:37px; /* for IE5/Win */
}

#comments ul {
margin-left: 0;
}

#comments li {
background: none;
padding-left: 0;
}

.comment-body {
padding: 0 10px 0 25px;
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 10px 5px;
}

.comment-body p {
margin-bottom: 0;
}

.comment-author {
margin: 4px 0 0 0;
padding: 0 10px 0 60px;
color: #999;
background: url(http://www.blogblog.com/tictac_blue/com ... w_blue.gif) no-repeat 44px 2px;
}

.comment-footer {
border-bottom: 1px solid #ddd;
padding-bottom: 1em;
}

.deleted-comment {
font-style:italic;
color:gray;
}

/* ---( sidebar )--- */

.sidebar h2 {
margin: 0 0 0 0;
padding: 25px 0 0 40px;
font: $sidebarheaderfont;
color: $sidebarcolor;
height: 32px;
background: url(http://www.blogblog.com/tictac_blue/sidebar_icon.gif) no-repeat 10px 15px;
height: 32px !important; /* for most browsers */
height /**/:57px; /* for IE5/Win */
}

.sidebar .widget {
margin: 0;
padding: 0 0 10px 10px;
border-bottom: 1px solid #ddd;
}

.sidebar li {
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 0 5px;
}

.profile-textblock {
clear: both;
margin-left: 0;
}

.profile-img {
float: left;
margin: 0 5px 5px 0;
border: 1px solid #ddd;
padding: 4px;
}

/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
clear: both;
}

#footer-wrapper {
margin: 0;
padding: 0 0 9px 0;
font-size: 85%;
color: #ddd;
background: url(http://www.blogblog.com/tictac_blue/bottom_sill.gif) no-repeat bottom left;
}

#footer {
margin: 0;
padding: 20px 320px 20px 95px;
background: url(http://www.blogblog.com/tictac_blue/bottom_sash.gif) no-repeat top left;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {
padding-top: 0;
margin-top: 0;
}

body#layout #outer-wrapper,
body#layout #content-wrapper {
width: 740px;
}

body#layout #sidebar {
margin-right: 0;
margin-bottom: 1em;
}

body#layout #header,
body#layout #footer,
body#layout #main {
padding: 0;
}

body#layout #content-wrapper {
margin: 0px;
}
]]></b:skin>
</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Exyntigor (en-tête)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Messages blog' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'/>
</b:section>
</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 
</body>
</html>

Merci par avance !

Pierre, Exyntigor

le Mer Nov 22, 2006 16:07

Salut et bienvenue :wink:

Ce que tu as copié/collé c'est le code source que tu as récupèrer via ton navigateur ??

Si oui (je pense avoir juste

) il faut que tu ailles dans ton admin,
vas à l'onglet: "modèle"
et copie le début du code (tu peux le mettre dans les balises -[code] dans ton message ici :wink:

)

ça a pas l'air bien compliquè à faire. Bon je repasserai pas avant un petit moment mais peut être quelqu'un t'auras donner la solution ??

Si dd32 passe , j'ai l'admin en français tiens aujourd'hui dans blogger :wink:

++

le Mer Nov 22, 2006 16:56

Salut !

Merci de m'avoir répondu aussi vite !

Ce que j'ai copié provient déjà de "Modèle". Voici un screenshot pour illustrer l'endroit d'où j'ai copié le code :

Faut-il que je copie autre chose ?

le Mer Nov 22, 2006 17:31

Re'

Oui je pense qu'il faut que tu trouves autre chose, apparemment tu es là dans la personnalisation du modèle (fonction que je n'utilise pas, dsl

)

Regardes dans "éléments de la page" si tu n'y retrouves pas les fonctions de type:
<$Blogpostbody$> ou un truc du genre.

++

le Mer Nov 22, 2006 18:23

La page "Éléments de la page" ne semble pas être le bon endroit. Là bas je ne peux qu'ajouter des éléments à la page et les organiser :/

le Mer Nov 22, 2006 18:54

Bah désolé, un autre pourra peut être de donner la solution ou contacte blogger via le formulaire

++

le Mer Nov 22, 2006 20:30

Pas grave ! Je vais attendre un jour ou deux histoire de voir si quelqu'un à une idée puis je passerai par le formulaire.

Merci à toi d'avoir tout de même pris le temps de me répondre !

Bonne soirée !

le Mer Nov 22, 2006 21:37

Je me permets de faire un double post pour dire que j'ai trouvé la solution : il fallait que je bascule mon affichage du code en version classique ou quelque chose comme ça

Si jamais l'un d'entre vous se pose la question, ça devrait vous aider j'espère.

Bonne soirée à vous.

[Blogger] Faire un lien "Lire la suite"

[Blogger] Faire un lien "Lire la suite"

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne