Formation par Olivier Duffez

Formation au référencement par Olivier Duffez, créateur de WebRankInfo !
Une formule efficace alliant théorie et pratique, avec une haute disponibilité des intervenants
Cette formule a déjà convaincu plusieurs centaines d'entreprises, pourquoi pas vous ?
Réservez vite votre place en ligne (convention possible pour imputer sur le budget formation)

Formation référencement Marseille

[Blogger] Faire un lien "Lire la suite"

Poster un nouveau sujet Imprimer cette discussion    Forum -> Gmail, Google Talk, Blogger et Orkut   Les dernières discussions de ce forum sont disponibles au format RSS
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
 
Exyntigor
Nouveau WRInaute

Inscrit le: 22 Nov 2006
Messages: 7

URL permanente de ce messagePosté le : Mer Nov 22, 2006 16:03    Sujet du message: [Blogger] Faire un lien "Lire la suite"

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 Embarassed
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) :

Citation:
<?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/comment_arrow_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'>

<!-- skip links for text browsers -->
<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>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>

</div> <!-- end content-wrapper -->

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

</div></div> <!-- end outer-wrapper -->
</body>
</html>

Merci par avance !

Pierre, Exyntigor
 
Exyntigor
pene-r
WRInaute accro
WRInaute accro

Inscrit le: 12 Jan 2005
Messages: 1169
Localisation: Page 1 :- )

URL permanente de ce messagePosté le : Mer Nov 22, 2006 17:07    Sujet du message: [Blogger] Faire un lien "Lire la suite"

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 Razz ) 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

++
 
pene-r Visiter le site web du posteur
Exyntigor
Nouveau WRInaute

Inscrit le: 22 Nov 2006
Messages: 7

URL permanente de ce messagePosté le : Mer Nov 22, 2006 17:56    Sujet du message: [Blogger] Faire un lien "Lire la suite"

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 ?
 
Exyntigor
pene-r
WRInaute accro
WRInaute accro

Inscrit le: 12 Jan 2005
Messages: 1169
Localisation: Page 1 :- )

URL permanente de ce messagePosté le : Mer Nov 22, 2006 18:31    Sujet du message: [Blogger] Faire un lien "Lire la suite"

Re' Wink

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 Confused )

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

++
 
pene-r Visiter le site web du posteur
Exyntigor
Nouveau WRInaute

Inscrit le: 22 Nov 2006
Messages: 7

URL permanente de ce messagePosté le : Mer Nov 22, 2006 19:23    Sujet du message: [Blogger] Faire un lien "Lire la suite"

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 :/
 
Exyntigor
pene-r
WRInaute accro
WRInaute accro

Inscrit le: 12 Jan 2005
Messages: 1169
Localisation: Page 1 :- )

URL permanente de ce messagePosté le : Mer Nov 22, 2006 19:54    Sujet du message: [Blogger] Faire un lien "Lire la suite"

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

++ Wink
 
pene-r Visiter le site web du posteur
Exyntigor
Nouveau WRInaute

Inscrit le: 22 Nov 2006
Messages: 7

URL permanente de ce messagePosté le : Mer Nov 22, 2006 21:30    Sujet du message: [Blogger] Faire un lien "Lire la suite"

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 !
 
Exyntigor
Exyntigor
Nouveau WRInaute

Inscrit le: 22 Nov 2006
Messages: 7

URL permanente de ce messagePosté le : Mer Nov 22, 2006 22:37    Sujet du message: [Blogger] Faire un lien "Lire la suite"

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 Wink
Si jamais l'un d'entre vous se pose la question, ça devrait vous aider j'espère.

Bonne soirée à vous.
 
Exyntigor
 
Montrer les messages depuis:   
Revenir en haut    Forum -> Gmail, Google Talk, Blogger et Orkut Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1 - 
Connexion
Nom d'utilisateur:    Mot de passe:      Se connecter automatiquement à chaque visite    

Définitions :

CLIQUEZ ICI pour vous inscrire à WebRankInfo (forum, annuaire, outils...)

Connexion

© 2001-2005 phpBB Group, support français
Personnalisation : WebRankInfo ™


 ODP  Firefox  Alsacreations  annuaire webmaster Yagoort