mercredi 9 mai 2007

Comment insérer des images/Textes/Liens côtes à côtes sous le titre d'origine, ou la bannière ?

barre_moyenne

Comment insérer des images/Textes/Liens côtes à côtes sous le titre d'origine, ou la bannière ?

Cliquez sur les images pour mieux les voir

barre_moyenne

1.
Voilà mon titre et sa description avant

Image1

Et voilà ce que nous allons faire

Image2

Pas de panique c'est vraiment facile !

2.
Allez d'abord dans Apparence/Page d'accueil.

Image3

Voilà le code au départ

Image4

3.
Nous allons maintenant intégrer le code ci-dessous entre "<$BlogDescription$>" et "</h2></div>" comme ceci

Image5

Voilà le code à ajouter :

<tbody>
<tr>
  <table width="100%" border="0">
                <tr>
                <td width="25%">
<br>Blinkies du jour<br>
<script type="text/javascript" language="javascript" src="http://Blinkies.maker.free.fr/blinkiesjournalier.js"></script>

                <td width="25%">
<br>Mini cadre de la semaine<br></h4>
<a href="http://animabelle.free.fr/service_semaine/service_semaine.htm" target="_blank">
<img src= http://animabelle.free.fr/service_semaine/cadrescintillant_reduit.gif
alt="Mini cadre hebdo d’Animabelle" name="Mini cadrehebdo" hspace="0" vspace="0" border="0"></a>

                <td width="25%">
</h4><br>Tube de la semaine<br>
</h4><script language="javascript" src="http://www.chez-chatonne.com/tubes/Logo_5/logo5.js"></script>
</a></small><br><small>

                <td width="25%">
<br>L'horloge de la semaine <br></h4>
<iframe src="http://c.plaquet.free.fr/horloge/h0110.html" width=83 height=110 FRAMEBORDER=0 SCROLLING=no></iframe>
</h4><br>
</object></div>
     </td>
       </tr>
         </table>

4.
Une fois mit cliquez sur "Prévisualiser" afin de vérifier que tout est bien correct.
Si c'est bon, vous "Validez".

5.
Nous allons maintenant y mettre nos images ou texte désirés.

Pour cela descendez jusqu'au code et voyez sur ma capture d'écran où sont les codes images et/ou texte,...
Il vous suffit de mettre les textes/liens de vos images à la place de mes liens/textes.
J'ai mis en fond rose, écrit rouge tout ce qui est texte.
Si vous ne voulez aucun texte, il suffit d'effacer toute cette ligne.

Vous voyez également que j'ai mis aussi du "java script", des "scripts" ou "iframe", ce sont des codes proposés par certains sites et que vous pouvez également insérer dans votre page.
J'ai mis en fond vert pastel, écrit vert, les iframes et scripts,...

Vous pouvez très bien mettre à la place de ces codes, vos images à vous. Pour cela il suffit de copier le code dans mon fond bleu et de le coller à la place.

La partie du code "<a href="http...htm" target="_blank"> est le lien du site vers lequel en cliquant sur l'image, les visiteurs seront orientés.
Si vous ne voulez pas mettre de lien dans votre image, il suffit d'effacer toute cette ligne.
L'autre partie "<img src= http...gif alt="Mini cadre hebdo d’Animabelle" name="Mini cadrehebdo" hspace="0" vspace="0" border="0"></a>" est le lien de votre image.

Le lien se met à la place de http...gif, vous pouvez mettre un petit texte qui s'affiche quand on pointe dessus, à la place de Mini cadre hebdo d’Animabelle.

J'ai mis en fond bleu clair, écrit bleu, la partie du lien et de l'image.

Image6

Petit conseil : Chaque fois que vous avez fait une modification il faut vérifier en "Prévisualser" et si c'est bon, "valider", ensuite continuez.
Aussi, ne mettez pas de trop grandes images, cela pourrait déformer tout votre cadre.

6.
Vous pouvez également ne mettre qu'une, 2, ou 3 images, pour cela effacer la partie qui commence à <td width="25%"> jusqu'à la fin de ce code.

Exemple :

Image7

Ce qui donne :

Image8

Si vous ne voulez que 3 images, vous en enlevez 1,si vous ne voulez que 2 images, vous en enlevez 2, et si vous ne voulez qu'une image, vous en enlevez 3.

Exemple avec une seule image :

Image9

Et n'oubliez pas : Chaque fois que vous avez fait une modification il faut vérifier en "Prévisualser" et si c'est bon, "valider", ensuite continuez.
Aussi, ne mettez pas de trop grandes images, cela pourrait déformer tout votre cadre.

7.
Un autre exemple, ici j'ai inséré uniquement des liens de mon blog dans mes logos :

Image10

Voilà ce que cela donne :

Image11

Si vous voulez que ces liens ouvrent sur une nouvelle page, mettez à la fin du lien target="_blank"

Ce qui donnera :
<a href="http://fetemamans.canalblog.com/archives/l_origine_de_la_fete_des_mamans/index.html"target="_blank">

Image12

8.
Vous constaterez également dans mon dernier lien, que j'ai modifié le pourcentage en <td width="15%"> au lieu de <td width="25%">
Cela m'a permise de mieux centrer mes logos, voyez l'exemple ci-dessous sans la modification :

Avant

Image13

Après

Image14

Voilà, j'ai fais tout les efforts du monde pour vous expliquer tout cela le plus détaillé possible et j'espère sincèrement que vous comprenez.
Si vous avez encore des questions, n'hésitez pas surtout !

barre_moyenne

Les images du décor sont une création de
©Joëlla

barre_moyenne

Posté par Joella_ à 10:35 - Canalblog : En mode avancé - Commentaires [0] - Permalien [#]


Commentaires

LANGAGE SMS - TEXTO INTERDIT, MERCI.

Vous désirez voir apparaître votre avatar ainsi ? Inscrivez-vous sur Gravatar par ici !
Et pour savoir comment le placer comme ici, allez voir mon tuto par ici

Poster un commentaire









Mes liens favoris

Blogs de ma famille

  • ღ Chez Cecilia ღ
  • ღ Dur dur d'être bébé ღ
  • ღ Blog de ceciliax4 anderlecht ღ
  • ღ Cecilia et oui c'est moi ღ
  • ღ Ma nouvelle vie chez Anthony ღ
  • ღ Ma-couse-et-moi chez Cecilia ღ

  • Blogs de ma fille, Andréa

  • ღ Chez votr tite puce ღ
  • ღ Mlle Dreia ღ
  • ღ My life,family,friends ღ

  • Blogs dont j'ai créé le graphisme

  • A deux plumes
  • A l'ombre du tilleul
  • Au fil des jours
  • Aux délices des arts
  • Chez Angel
  • Chez Carl
  • Chez Catherine
  • Chez Fabian
  • Chez fleur
  • Chez kemistry
  • Chez Nadine
  • Chez supercreations-Vivienne 11 ans
  • Chouchoublog
  • Créa's Ninie
  • Dur, dur d'être bébé !
  • Le monde de Paty
  • Le monde des dauphins
  • Le monde vu par Cecilia
  • LeMondeDesSims2
  • L'univers de Catherine
  • Mamymyriam
  • Marylin Design
  • Mimi Design
  • Pause tendresse
  • SYNDICAT NATIONAL DES TRAVAILLEURS DE L'EDUCATION DE BASE

  • Compressez et partagez vos médias en public ou en privé

  • wambo

  • Des flashs pour votre blog

  • Chez kemistry

  • Douceur, Amour et Tendresse

  • Un Monde de Douceur, D'Amour et de Tendresse

  • Ecrivains

  • A deux plumes

  • Enfants

  • Le monde des dauphins

  • Expériences tristes de la vie

  • JIMMY et PASCALE
  • Mon papa je t'aime par Sarah 14 ans qui a perdu son papa
  • Perdue dans les étoiles
  • Si j'avais su...

  • Faites des créas à partir de vos photos

  • Photos in museums
  • Picnik : Logiciel gratuit et sans installation sur votre pc !

  • Faites vos diapos,créez de belles animations avec vos images

  • Flickr
  • PictureTrail
  • Picturetrail
  • Slide Shows
  • Vamos

  • Fonds - Créations pour vos billets/blogs

  • Aux plaisirs des yeux
  • Chez Mamymyriam
  • Créa's Ninie
  • Créations Nadine
  • La cowgirl dorée
  • Le monde de Patounette
  • L'univers de Gabriella
  • Malide créations

  • Forums divers super sympa et intéressant

  • Best friends
  • Bienvenue Chez ELemiah
  • Electrik Girls
  • Exprimez-vous librement
  • La tanière des loups
  • Lady Graph
  • Le Rendez-vous des amis du Monde Animal et de la Nature
  • Les profolies du psp
  • L'univers du psp
  • Sea horse
  • Speak tuto
  • Tout vous saurez tout
  • Votre graph

  • Gagnez de l'argent par le biais de votre blog ou site !

  • Comment gagner de l'argent !

  • Héberger vos fichiers tout genres

  • PMSC

  • Héberger,Partager,Stocker vos fichiers,images,musiques,vidéos

  • Héberger avec Archive-Host

  • Hébergez vos images-Zics et plus

  • 4shared
  • AOL Photos
  • Archive-host
  • Bulma-animation
  • Flickr
  • Gigasize
  • Goldswords
  • Hibôôx
  • ImagesCoyotesm
  • ImageShack® - Hosting
  • Megaupload
  • Mezimages
  • PatMax
  • Photobucket
  • Photomaniak
  • Photomaniak
  • Voiloo
  • Yoopix
  • ZimageZ

  • Hébergez vos photos

  • AOL Photos, gratuit pour tous !
  • Gestion d'albums photos-Hebergement gratuit d'Images - Bulma
  • Netenviesdemariage
  • Photobucket
  • Voiloo
  • Yoopix
  • Zimagez

  • Humour

  • Le rire et la bonne humeur n'ont pas de nationalité
  • Rire a gogo !! mais aussi sincérité!!!

  • Images pour créations

  • Chez CocoChippie

  • Jeux divers

  • Le monde des sims2

  • Kits graphiques pour MSN

  • L'univers de Chrysstalle
  • L'univers de Chrysstalle 2

  • Kits graphiques pour vos forums

  • LES THEMES DE TRISTANA

  • La passion des animaux

  • Chez Uskaya

  • La passion des dauphins

  • Chez Bernard

  • La passion des perroquets

  • Kiwi mon gris du Gabon

  • La passion du chien et du Loup

  • Chez Nathalie
  • Du royaume argente
  • La passion du chien
  • Nathalie et co
  • Tala la louve

  • La passion du scrapbooking

  • Les scraps de Josy

  • L'amitié

  • Souad

  • Les astuces pour canalblog

  • Blogtuto
  • Blue night
  • Chez Alienor
  • Dans le monde réel
  • Exemples d' Alérion
  • La grande aventure
  • Le p'ti labo
  • Personnaliser son blog
  • SHERLOCK79
  • Un petit blog sans prétentions pour vous aider à créer le votre.
  • Webbricolo

  • Les astuces pour Oldiblog

  • Néopheus et vista
  • Trucs et Astuces pour OldiBlog

  • Les astuces pour Over-blog

  • Aide-blog
  • Forum.over-blog
  • La Déco d'Anna K.
  • Titia blog
  • Trucs et astuces
  • Trucs-astuces
  • Zoelie

  • Les astuces pour SkyRock

  • Caractères Spéciaux
  • Donne des couleurs à ton blog !
  • FaderSkyBlog
  • FormGenerator
  • Forum d'aide
  • Générateur de boite à photos
  • Générateur de caractères spéciaux

  • Les astuces pour SpacesBlogs/MSN

  • Aide Astuce weblogs
  • Astuces pour ton blog...
  • Chez bobine
  • Chez Francine : Trucs et astuces
  • Chez Pierrette
  • Crea Caca
  • La caverne de MSN Live
  • Live-generation
  • OEIL DE MOSCOU
  • Touchme69
  • Tous les trucs pour que votre live space soit au top
  • Yen a pas

  • Les astuces pour tous les blogs

  • Aide Astuce weblogs

  • Les astuces tout genres (PC-Blogs-Messenger-Firefox-etc...)

  • CANAL WEB PASSION
  • Chez Jacques
  • Ctrl+Alt+Suppr : Parce que ça ne plante pas toujours
  • Le blog de libellules
  • Livebackstage
  • Pinnula

  • Liens Paint Shop Pro divers

  • Chez commanche - Tubes et images
  • Chez Louisette : Superbes tubes et tutos

  • Liens pour apprendre à créer sa page web

  • Alsacreations
  • Bienvenue à Mammouthland !
  • Clicpartout
  • Créer un site
  • FORUM d'aide
  • Lissa vous explique tout
  • Nordnet
  • Openweb
  • Site du zéro

  • Liens pour glitters-Textures-Fonds-etc...

  • Chez Shalimar
  • Graphics Flava
  • La maison du soleil
  • Motz graphics

  • Liens pour Utiliser, créer et modifier des îcones et curseurs

  • Cool...Micro

  • Liens ressources pour PSP Tubes-Filtres-Masques-Tuiles-etc.

  • Chez Joriane

  • Liens Tubes pour Paint shop pro

  • Byheart
  • Fantasy designs
  • Graphic allusions
  • Jecajo
  • Joyce
  • kera-tubes
  • Lassies designs
  • Le monde dangie
  • loftydesigns
  • Mooie tube
  • Outlawsdesign
  • Paint shop palace
  • Poser addiction
  • Prestige tubes
  • Psp tube depot
  • Pygal
  • Shuna
  • Vampsart
  • Vic

  • Liens tutoriels divers/Débutants

  • Cheyenne Créations
  • Chez Dariel
  • Chez Louisette

  • Liens Tutoriels pour Paint Shop Pro 11

  • Chez VioletteGraphic

  • Liens Tutoriels pour Paint Shop Pro 4 à 11

  • Cool...Micro
  • La page de Nicou
  • PSP chez Gessy

  • Liens Tutoriels pour Paint Shop Pro 7

  • Chez Elena
  • Chez Joriane
  • Chez kyky
  • Le didacticiel
  • Ludouce
  • Milytoiles
  • Mon chez moi
  • Plan et graf
  • Tutoriels Delenly
  • Vive les rondes

  • Liens Tutoriels pour Paint Shop Pro 7-8-9-10 et 11

  • Chez petite Talie
  • Fredo-design

  • Liens Tutoriels pour Paint Shop Pro 9

  • Yaëlle's dreams

  • Liens Tutoriels pour Paint Shop Pro 9 - 10 et 11

  • Espace Tine

  • Liens Tutoriels pour Photofiltre

  • Aide dannat
  • Demolitetuto
  • GraPhoFil
  • Grizelda
  • Liens utiles pour tutoriels PhotoFiltre et PhotoFiltre Studio
  • NEW YORK EVASION
  • Photofiltre
  • PhotoFiltre version gratuite et PhotoFiltre Studio
  • Ressources-Photofiltre
  • SylvieS ou la passion du dessin

  • Liens Tutoriels pour PhotoImpact

  • Chez VioletteGraphic
  • Le didacticiel

  • Liens Tutoriels pour Photoshop

  • clo1005
  • Cool...Micro
  • Faire de l'or
  • Neutrinium
  • Photoshop-création
  • Ressource web
  • Wisibility

  • Liens Tutoriels pour The Gimp

  • Cool...Micro

  • Liens Tutoriels pour Ulead : Photoimpact, Gif Animator, etc.

  • Cool...Micro
  • Speak-tuto

  • Logiciels sous licence, gratuits.Super intéressant !

  • Giveaway of the day

  • MSN-MESSENGER divers, trucs et astuces

  • Msn Truc Astuce

  • Musique - Liens pour vos blogs

  • ۞ Musiques ۞
  • AllZik
  • DJ TYTY
  • LA MUSIQUE SANS CONCESSION
  • Les Clips Video De La Nuit
  • Les entrailles de l espace msn
  • Musique Pour Ton Blog
  • Parce que je fais bien le veau
  • ZIC ®ØØM
  • ZICZIC !!!!!!!!!

  • Non à la pédophillie

  • Lutte contre la pédophillie

  • Passion du country

  • La cowgirl dorée
  • La passionnée du country

  • Poèmes - textes

  • Ange de larmes
  • Au fil des jours...
  • Chez Akira
  • Chez Nanda
  • Chez p'tit coeur
  • La rose des sables
  • Le monde d'Esmeralda
  • Ninie la rose
  • Ton coeur m'a choisi, tes yeux me l'ont dit, mes lèvre ont subi
  • Une douce famille unie !!!!
  • Vero

  • Santé - Maladies rares

  • Bonjour moi c'est Ludi, j'ai 4 ans et je suis atteinte d'une maladie rare : Le syndrome de williams.
  • Venez voir mon petit prince

  • Sécurité PC Quelques Trucs et sites sympa

  • Chez Jacques

  • Stars - séries - TV

  • GALAXIE SERIES

  • Superbes créations pour décorer vos blogs

  • Chez Nadine
  • Kaly créations
  • Le coffre d'or
  • Le méli-mélo de Véro

  • Tattoo et piercings

  • MY NUMBER IS 666...!!!

  • Un peu de tout pour le plaisir des yeux

  • Angels one
  • Aphrodite20011
  • Aristo ♥ Pimousse
  • Au fil des jours...
  • Bienvenue chez Malide
  • C'est un plaisir de vous voir dans mon univers
  • Chez Béatrice
  • Chez Elodie
  • Chez Evelyne
  • Chez Malicia
  • Chez Marlène
  • Chez Pilar
  • Chez Sandra
  • DaNs La JoIe Et La BoNnE hUmEuR
  • DaNs La JoIe Et La BoNnE hUmEuR 2
  • Dédé la vie du bon cote
  • Espace perso de Léa
  • Espace perso de loulou
  • Et oui la vie vaux la pein d'être vécue
  • Journal intime
  • Ka c moi
  • La fée bleue
  • La joie de vivre
  • La maison de Sidonie
  • La vie du bon côté
  • La vie ne vaut rien mais rien ne vaut la vie
  • Laora
  • Le ptit monde d'Emm@
  • Les belges sont la lolllll
  • L'univers de Myrdhinn
  • Mon petit monde a moi
  • Mon petit paradis
  • Mon univers virtuel chez Gigi
  • Mon univers virtuel chez Gigi
  • Petit Robert 13
  • Rachet
  • REBELLE AVEC UN COEUR
  • TA LE LOOK COCO
  • Tchio Biloute
  • The M4 Family
  • UN MONDE AUTHENTIQUE ET SYMPA CHEZ MARION
  • UN PETIT BOUT DE NOUS

  • ZUniversDesAstuces