> Tous les forums > Forum des Webmasters
 changer mon image d'entête dans le code htlm bloggerSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
reverdy
  Posté le 10/12/2013 @ 13:14 
Aller en bas de la page 
Petite astucienne

Bonjour,

J'ai grand besoin de votre aide.

Je ne retrouve pas l'URL de l'image d'entête dans mon code HTLM de Blogger. Je voudrais la changer. Sans rien modifier d'autre pour le moment. Que le texte qui apparait sur celle actuelle apparaisse également sur la future nouvelle.

Le plus simple est que je mette le lien de mon blog : http://deborahreverdy.blogspot.fr/

Puis la partie du code concernée :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Dans ma tête trotte un air si pur qu’on pourrait le respirer alors imagine au galop (en-tête)' type='Header'>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>

Merci d'avance pour votre aide

déborah
Publicité
reverdy
 Posté le 10/12/2013 à 13:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

Voilà quand je clique droit sur l'image que je veux changer et que je l'ouvre dans une fenêtre le lien apparait donc comme ça : http://3.bp.blogspot.com/_v1LGsxGRT1U/S_21NHEf5WI/AAAAAAAAAGw/kwaSBAfHjIg/S1600-R/c.jpg

Et si j'examine l'élément ce code apparait :

<body>

<img class="shrinkToFit decoded" height="591" width="511" src="http://3.bp.blogspot.com/_v1LGsxGRT1U/S_21NHEf5WI/AAAAAAAAAGw/kwaSBAfHjIg/S1600-R/c.jpg" alt="http://3.bp.blogspot.com/_v1LGsxGRT1U/S_21NHEf5WI/AAAAAAAAAGw/kwaSBAfHjIg/S1600-R/c.jpg"></img>

</body>

Et ça je le trouve pas :/

Jean-Pierre
 Posté le 10/12/2013 à 14:10 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Re Déborah,

Comme je te le disais ailleurs, c'est sur un serveur tiers.

Mais je ne connais rien aux Blogs.

Dans mon idée faudrait faire comme si tu souhaitais insérer une image... Mais SANS mettre les mains dans le code.

Tu dois avoir une fonction automatique pour insérer des images, non ?

Si tu pouvais trouver celle correspondante à celle en head

Mais bon...patiente un peu Linda ou Kali vont radiner sans oublier le Jojo, ils te donneront un coup de main plus efficace que moi.

elle
 Posté le 10/12/2013 à 16:10 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

L'image est ici :

<div id='header-inner' style='background-image: url("http://3.bp.blogspot.com/_v1LGsxGRT1U/S_21NHEf5WI/AAAAAAAAAGw/kwaSBAfHjIg/S1600-R/c.jpg"); background-position: left; width: 523px; min-height: 604px; _height: 604px; background-repeat: no-repeat; '>
kalinka
 Posté le 10/12/2013 à 19:13 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

je connais pas du tout blogger mais apparemment cela est possible puisque la faq de blogger parle du sujet et indique d'aller dans éléments de page

Jean-Pierre
 Posté le 10/12/2013 à 19:27 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

elle a écrit :

L'image est ici :

<div id='header-inner' style='background-image: url("http://3.bp.blogspot.com/_v1LGsxGRT1U/S_21NHEf5WI/AAAAAAAAAGw/kwaSBAfHjIg/S1600-R/c.jpg"); background-position: left; width: 523px; min-height: 604px; _height: 604px; background-repeat: no-repeat; '>

Les filles

Linda oui ça on sait, mais à première vue ce n'est pas dans le code accessible.

La question est : comment changer l'image en head.



Modifié par Jean-Pierre le 10/12/2013 19:36
Dreamer
 Posté le 10/12/2013 à 19:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Blogger a-t-il une interface d'administration pour mettre une image où alors peut-on modifier le thème utiliser de l'intérieur ?

Il doit bien y avoir un forum pour cela, non ?

Jean-Pierre
 Posté le 10/12/2013 à 19:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

V'là le Jojo qui rapplique !



Modifié par Jean-Pierre le 10/12/2013 19:38
reverdy
 Posté le 11/12/2013 à 02:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne
elle a écrit :

L'image est ici :

<div id='header-inner' style='background-image: url("http://3.bp.blogspot.com/_v1LGsxGRT1U/S_21NHEf5WI/AAAAAAAAAGw/kwaSBAfHjIg/S1600-R/c.jpg"); background-position: left; width: 523px; min-height: 604px; _height: 604px; background-repeat: no-repeat; '>

bonsoir ! :-)

Non, ça c'est l'image inaccessible, comme dit plu haut ! merci quand même !

Mais sinon j'ai trouvé une solution ça y est !!

mon image d'entête est là (en rouge) dans le code htlm :

<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>

Je vais pouvoir insérer le code et/ou l'url (je verrais en temps et en heures) de ma nouvelle image dès qu'elle sera prête.

en me servant des codes de l'aide blogger oui merci

Si j'ai un soucis je reviens vous voir mais j'ai fais l'essaie de supprimer juste ce qui est en rouge, et le fond, le texte, enfin tout le blog reste comme il est, seule l'image disparait. Je remets le code rouge ^^ et elle réapparait.

Merci à ceux et celles qui ont lu et réfléchis à mon problème

résolu !

youpi :-)



Modifié par reverdy le 11/12/2013 02:54
reverdy
 Posté le 11/12/2013 à 02:59 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne
Dreamer a écrit :

Blogger a-t-il une interface d'administration pour mettre une image où alors peut-on modifier le thème utiliser de l'intérieur ?

Il doit bien y avoir un forum pour cela, non ?

Bonsoir,

il y a des modèles blogger, seulement le mien est (très) modifié, et je veux le garder comme il est (me suis donnée du mal pour le personnaliser), et une fois le modèle modifié, on n'a plus accès au css par exemple, et aux paramètres avancés.

J'ai fait des recherches avant de poster mais je suis venue ici parce que je ne trouvais pas de solution à mon problème, qui n'en est plus un d'ailleurs :-)

Jean-Pierre
 Posté le 11/12/2013 à 11:20 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Déborah,

Le :

[...] + data:sourceUrl + &q [...]

n'est pas une URL modifiable mais sourceUrl est une variable, qui est certainement gérée via un CSS.

Ça, nous l'avons tous vus.

Justement cette variable doit être pointée via un paramètre visible en ton interface de gestion d'images de ton blog.

Mais en blog je n'y connais rien.

J'espère que tu sais ce que tu as cru sinon ton idée est cuite !

Quoiqu'en relisant un de tes messages, tu dis avoir trouvé, et juste sur le message du dessous tu t'alignes sur nos interrogations.

Difficile à suivre, car en plus tu as tagué ce post en "Résolu".

En plus, tu devrais te coucher plus tôt, car les cernes sous les yeux c'est pas joli



Modifié par Jean-Pierre le 11/12/2013 11:25
Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
PC Portable 16 pouces HP Victus (FHD, Ryzen 5 5600H, 16Go/512Go, RTX 3060 6 Go, Win11) à 899,99 €
899,99 € 1099 € -18% @RueDuCommerce

RueDuCommerce fait une promotion sur le PC Portable 16 pouces HP Victus 16-e0019nf qui passe à 899,99 €. On le trouve habituellement à 1099 €.

Il comporte un écran IPS Full HD de 16 pouces, un processeur AMD Ryzen 5 5600H (6 coeurs), 16 Go de RAM, un SSD de 512 Go, une carte graphique dédiée GeForce RTX 3060 6 Go, un clavier rétro éclairé, une batterie charge rapide (autonomie 10h). Il possède aussi le WiFi 6, le bluetooth 5.2, 2 ports USB 3.1 type C, un port USB 3.2 Gen 2, un port HDMI 2.1 et un port Ethernet.

Le tout tourne sous Windows 11. Une bonne affaire pour un portable polyvalent : bureautique, Internet, multimédia et jeux.


Voir le bon plan
Boîtier SSD M.2 NVMe/SATA Orico USB 3.2 Type C à 17,77 €
17,77 € 25 € -29% @Amazon

Amazon fait une promotion sur le boîtier SSD M.2 NVMe Orico USB 3.2 Type C qui passe à 17,77 € au lieu de 25 €. Ce boîtier vous permettra de transformer en SSD externe un SSD interne au format M.2 KEY (2280, 2260, 2242 et 2230) NVMe ou SATA récupéré dans un ordinateur après un upgrade de capacité par exemple.

Ce boitier en aluminium permet de dissiper la chaleur, prend en charge le TRIM et offre des débits jusqu'à 1000 Mo/s en NVMe grâce à l'USB 3.2 GEN2 (450 Mo/s en SATA). Câble USB C -> USB C fourni.


Voir le bon plan
12 piles rechargeables AmazonBasics AAA 800 mAh à 10,49 €
10,49 € 14,84 € -29% @Amazon

Amazon fait une promotion sur le lot de 12 piles rechargeables AAA de sa marque AmazonBasics à 10,49 € seulement. Ces piles ont une capacité de 800 mAh et sont livrés préchargées. 


Voir le bon plan
Samsung Galaxy A13 (6.6 pouces, 8 coeurs, 4 Go / 32 Go) à 149,99 €
149,99 € 190 € -21% @Cdiscount

Cdiscount fait une promotion sur le smartphone Samsung Galaxy A13 32 Go qui passe à 159 € au lieu de 190 €. Ce smartphone possède un écran panoramique de 6.6 pouces  FHD+ (1080x2408 pixels), 4 Go de RAM, un processeur octo-core Exynos 850, 32 Go de stockage extensible par MicroSD, un appareil photo principal de 50 mégapixels avec 3 capteurs, une caméra frontale de 8 MP et une batterie 5000 mAh à charge rapide 15W. Le tout tourne sous Android 12.


Voir le bon plan
Tronçonneuse électrique RYOBI RCS2340B2C (2300W, guide 40 cm, 2 chaînes) à 99,99 €
99,99 € 150 € -33% @Cdiscount

Cdiscount fait une promotion sur la tronçonneuse électrique RYOBI RCS2340B2C qui passe à 99,99 € au lieu de 150 €. Elle dispose d’un puissant moteur de 2300 W et d’une longueur de guide de 40 cm. Sa griffe d’abattage en métal vous offre un point d’appui pour guider et couper le bois en toute sécurité et avec précision. Elle dispose également d’un interrupteur de sécurité pour que l’outil ne démarre que si l’utilisateur appuie à la fois sur la gâchette d’accélération et sur l’interrupteur. Elle est livrée avec 2 chaînes et un petit bidon d'huile.


Voir le bon plan
PC AIO tout en un Lenovo Ideacentre 3 (27 pouces, Ryzen 5 5500U, 16Go/ SSD 512Go, Win 11) + clavier et souris à 649,99 €
649,99 € 899 € -28% @Cdiscount

Cdiscount fait une promotion sur le PC AIO tout en un Lenovo Ideacentre 3 27ALC06 qui passe à 649,99 € avec le code STAR50LEN au lieu de 899  €. Cet ordinateur complet  possède un écran 27 pouces IPS Full HD, un processeur 6 coeurs AMD Ryzen 5 5500U, 16 Go de RAM, un SSD 512 Go, un chip graphique Vega 7 intégré au processeur, le WiFi, le Bluetooth, Ethernet Gigabit, 2 ports USB 3.0, des HP intégrés. Le tout tourne sous Windows 11. Un clavier et une souris sont également fournis.

Une bonne affaire pour un PC compact (l'ordinateur est intégré au dos de l'écran) et suffisant pour de la bureautique, du multimédia, Internet et de petits jeux.


Voir le bon plan

Sujets relatifs
insérer du code html dans un article blogger
Image Pub dans PCa
Accéder au code-source d'un message dans Thunderbird 24 ?
problemme de changer un code html ...
Insertion image dans page Web directement sans URL ?
Changer une image de fond.
Aide pour modifications dans le code d'un blog
Insérer une bannière image dans header de piwigo ?
Changer couleur liens dans un block
insertion d'une image dans une balise div
Plus de sujets relatifs à changer mon image d''entête dans le code htlm blogger
 > Tous les forums > Forum Forum des Webmasters