Comment fonctionne mon blogue ?

Mon blogue fonctionne en HTML avec CSS, au début je n'avais accès qu'à très peu d'éléments pour effectuer des modifications personnelles sur mon blogue. J'ai du retourner à l'ancienne version de blogger pour retrouver le code HTML, sans les widgets dont je n'avais pas accès pour modifications. Maintenant je peux modifier plus d'éléments dans ma page. La plupart des images de mon blogue sont gérées par blogger, pour ce faire, je vais dans créer un nouveau message, j'envoie les images désirées et je vais dans modifier le code HTML du message pour copier la nouvelle source blogger de l'image, comme ça je peux l'insérer dans mon blogue sans craindre que les internautes n'aient accès à mes images lorsque j'éteins mon ordinateur. Pour mes images de fonds (en haut à gauche, en haut à droite et en bas à droite), j'ai inclus l'attribut « no-repeat » pour éviter qu'il y ait répétition de l'image.

---

Trucs et astuces #1

Pour avoir accès à toute mon blogue, y compris les fonctionnalités et paramètres des « widgets » inclus dans la nouvelle version. J'ai commencé par créer mon blogue selon la nouvelle version et j'y ai inclus les « widgets » qui me semblaient intéressants. J'ai transféré mon blogue à l'ancienne version. Dans chaque fureteur, il y a la possibilité de voir le code source de la page, mais en plus, si on installe les utilitaires de conception Web de Firefox, il y a là un utilitaire fort intéressant qui nous permet de voir le « code source généré de la page », cet outil, en plus de nous donner accés au code source de la page, nous donne le code généré par les éléments extérieur de la page dont les fameux « widgets » inclus dans nos blogues.

En copiant le code source généré de la page et en le transférant dans le code HTML du modèle, je peux alors modifier les fonctions, titres et autres aspects des « widgets » à l'intérieur même du code source du « widget ». Cette manoeuvre, je ne l'ai pas fais dans cette page mais plutôt dans mon portfolio, car ici j'avais déjà une page avec beaucoup d'éléments et craignait rencontrer des problèmes.

Il est conseillé, lorsqu'on effectue des modifications de ce genre, de copier au préalable le code HTML de départ et de le sauver dans un fichier à part. Comme cela, si un problème survient, on peut toujours recopier ce code et revenir à la version originale.

---

Trucs et astuces #2

Dans mon blogue, j'ai ajouté le BloggerSnap. Pour ce faire, je me suis inscrit au http://www.bloggersnap.com et fais la demande pour obtenir ce service.

Voici les étapes pour installer le BloggerSnap :

1 - Aller dans son Modèle et sélectionner « Modifier le code HTML »

2 - Repérer le contenu de la barre de côté dans le code, en cherchant la portion débutant par :
‹div id="sidebar"›

3 - Déterminer l'endroit dans le sidebar où l'on souhaite voir apparaître le BloggerSnap

4 - Inscrire cette partie de code à l'endroit souhaité :

‹iframe src="http://www.bloggersnap.com/displaysnap.php?u=0i0h9jmg" width="170" height="160" frameborder="0" scrolling="no"›‹/iframe›

Maintenant, vous êtes prêt à vous servir de cet outil qui permet aux visiteurs de votre blogue, de publier en temps réel une photo prise avec leur webcam !

---

Trucs et astuces #3

Dans mon blogue, j'ai ajouté le c-Box. Pour ce faire, je me suis inscrit au http://www.cbox.ws et fais la demande pour obtenir ce service.

Voici les étapes pour installer le c-Box :

1 - Aller dans son Modèle et sélectionner « Modifier le code HTML »

2 - Repérer le contenu de la barre de côté dans le code, en cherchant la portion débutant par :
‹div id="sidebar"›

3 - Déterminer l'endroit dans le sidebar où l'on souhaite voir apparaître le c-Box

4 - Inscrire cette partie de code à l'endroit souhaité :

‹!-- BEGIN CBOX - http://www.cbox.ws --›
‹div align="center" id="cboxdiv"›
‹iframe frameborder="0" width="160" height="305" src="http://www3.cbox.ws/box/?boxid=2624064&boxtag=8563&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#FFFFFF 1px solid;" id="cboxmain"›‹/iframe›‹br/›
‹iframe frameborder="0" width="160" height="75" src="http://www3.cbox.ws/box/?boxid=2624064&boxtag=8563&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform"›‹/iframe›
‹/div›
‹!-- END CBOX --›

Bingo, vous êtes prêt à vous servir de cet outil de courriel et de clavardage.