Images en damier, cliquables et agrandissables, sur Blogger

La balise HTML Table sert à faire des tableaux, dont d'images aussi, quand on les insère dans le code au lieu de texte. Cependant, les monter ne les rend pas agrandissables automatiquement. Seulement une peut le faire, mais pas les autres, ce qui n'est pas ce que l'on veut.

Sur Blogger, il y a cependant l'alternative à prendre nos images sur notre blog même, déjà pré-montées sur une Page propre. C'est ce que l'on doit faire pour qu'elles soient cliquables et agrandissables en même temps.

Préalable

1. Il faut d'abord régler la "Présentation des images avec la table lumineuse", qui ne s'agrandit pas, à Non, dans la section Messages des Paramètres.
2. Monter les images voulues dans une Page d'images du même blog, dans l'ordre d'apparition présumée, ou les ordonner par la suite.
3. Copier un code approprié, sur mesure, de la balise HTML Table, trouvé quelque part, sur un site quelconque, et le coller sur la partie HTML de la Rédaction de notre Message à publier.

Procédure

1. Dans une cellule "td", clic sur l'icône Image à insérer et cliquer sur l'onglet Choisir une image sur notre blog.
2. Les images qu'on a monté sur notre Page d'images vont apparaître, et il s'agit de choisir celle qu'on veut en premier, valider, puis celles subséquentes pour chaque cellule "td" suivantes.

Complétude

1. Identifier ensuite les images en leur donnant une description dessous, via la configuration intégrée en cliquant la souris dessus.
2. Les agrandir ou rapetisser aussi, en même temps, au besoin, mais toutes égales, à moins de vouloir donner un autre effet. 

Le code simple de Table est la Rangée, "tr", pour Row, à l'intérieur de laquelle sont les cellules "td", pour Data, les Données. Il y en a toujours au moins deux, qui se placent côte à côte, en colonne. Pour chaque section "tr" avec ses "td", les images vont se placer dessous, par groupe de deux ou plus, dépendant du nombre de "td".

C'est un damier, en somme, comme un damier. Il y a une variante du "td" dans un "tr", c'est le "th", le Header, l'En-tête. qui se place au-dessus de ceux avec le "td", pour nommer les colonnes. Ça donne un titre aux colonnes d'images, comme dans un graphique. Les mois, les années, les dépenses, revenus, etc.. Pour des images, ça peut être des lieux de photos, des formes ou genres de dessins, etc..

Code de la balise Table, exemple sans les crochets

table

tr

th Titre de la colonne 1 /th

th Titre de la colonne 2 /th

/tr

tr

td Image 1 sur la 1ère ligne /td

td Image 2 sur la 1ère ligne /td

/tr

tr

td Image 1 sur la 2ème ligne /td

td Image 2 sur la 2ème ligne /td

/tr

/table

C'est le code au plus simple, pour expliquer la méthode d'avoir des images en damier, agrandissables.

Exemple de mon expérience, sur un de mes autres blogs :   

Diagramme combinatoire de tous les systèmes

Il y a d'autres balises associées à Table, pour des structures plus compliquées, mais on comprendra le principe de base, du moins. Des images agrandissables, c'est très important, dans nos articles, tableaux, graphiques, pour une bonne lecture, intéressante.

Votre lien, bannière ou RSS, ici!

Je peux référencer votre site sur un ou plusieurs de mes blogs, de façon permanente, pour €5. Domaines: documentation, mathématiques.
Veuillez commander sur EarnFive
zaune

Mise-à-jour des codes d'arrière-plans de The Cutest Blog on the Block à licence libre

Le vendredi 23 juillet 2010, les arrière-plans à licence libre de The Cutest Blog on the Block disparaîtront des blogs qui les utilisent. Présentement, la veille, un message s'affiche au haut de notre blog pour faire la mise-à-jour de notre code:

Votre arrière-plan de blog disparaîtra de votre blog ce vendredi 23 juillet 2010. Cliquez ici pour vous procurer un nouveau design, et trouver d'autres informations. TCBOTB

Le message en page maison de The cutest Blog on the Block réfère à un article de  leur blog::
Attention! / BCBOTB .- 2 Moms talk: laugh along the way, sound off about kids, life, and design! / The creators of thecutestblogontheblock.com .- 2momstalk.blogspot.com/2010/07/attention.html
où l'on peut trouver toute l'information nécessaire, en tout temps.

Ce qui arrive, c'est que le fournisseur est devenu trop populaire sur Photobucket, où ses arrière-plans libres sont hébergés, et il fait face à une augmentation des coûts ou changer d'hébergeur. Il s'est trouvé un autre hébergeur et il a modifié tous les codes en conséquence. Alors, nos arrière-plans habituels sont toujours là sur le fournisseur, il ne s'agit que de se procurer le nouveau code et tout fonctionnera ou refonctionnera normalement.

Il faut remarquer l'honnêteté et le professionalisme de The Cutest Blog on the Block, en plus que ce n'est qu'en regard de la version libre de leurs arrière-plans. Un service impeccable, merci.

Référence vers les professionnels tiers de Blogger

Ce blog est destiné à ramasser toute référence tierce à blogger que je trouverai au passage ou par recherche spécifique, afin de rendre service aux autres, comme technicien en documentation, en même temps qu'à moi-même, comme blogueur blogger aussi.
À part les services et produits offerts par Blogger lui-même, qu'il est relativement facile de trouver, il y a une infinité de développeurs, graphistes, expérimentateurs et conseillers de tout genre qui cherchent par toutes sortes de moyens de communiquer ou diffuser leurs affaires ou trouvailles, faites spécifiquement pour blogger, auprès des webmestres blogger. Les différentes ressources ou techniques pour conserver ces références, comme les favoris, les abonnements aux blogs, les listes de liens, etc., ont des limites, c'est certain, car on peut perdre notre disque dur, et les ressources blogger ne sont pas toutes sur des blogs; et puis, il y a aussi le fait que que le thème de notre blog ne correspond pas nécessairement à la récolte de tous ces liens. J'ai eu moi-même à faire face à ces désagréments.
Alors, la solution, à mon sens, est un blog de référence spécifique à celà. Comme technicien en documentation, c'est un peu comme un dossier thématique que je mets à disposition.