Oui oui je vais tout reprendre car là ça l'fait pas !
articles sur deux colonnes
Parfois on a envie d'être journaliste et on veux écrire un article sur deux colonnes , on se pose la question : comment faire ? comment faire ? et bah c'est facile sur "facile blogger"Quand on écris un message sous "modifier le code HTML" on colle le code suivant .
Contenu de la colonne gauche ici
Contenu de la colonne droite ici
.
POUR REALISER MA BANNIERETRAVAILLER AVEC PHOTOPHILTRE ET PAINT
IMAGE OUVERTE (parc de Barcelone), DANS PHOTOPHILTREOutil texte : texte sur imageo Transformer texte en captureoo Coller texte sur nouveau doc. Paint (900x100 environ)o Capture couleur de fond sur couleur du blog avec outil capture de Word7o Ouvrir nouveau doc pour bannière (900 x 100 environ)DANSo Coller la couleur capturéeo Revenir sur texte lettre copié… le sélection « transparent » et « copié »o Le coller sur la couleur de fond… en resélectionnant »transparent »…o Enregistré… et voilà !o
TEXTE AVEC LETTRINE : COLLAGE SPECIAL sous photophiltreOuvrir deux images
Tout d'abord, il faut ouvrir les deux images à traiter.
Pour cela, ouvrez Photofiltre puis cliquez sur Fichier --> Ouvrir. Sélectionnez ensuite les deux images (pour sélectionner deux images, faîtes Ctrl+clic sur les fichiers).Assembler la 1ère image sur la 2ème
Cliquez maintenant sur la deuxième image puis allez dans : Édition --> Collage spécial --> Assembler le collage
Une boîte de dialogue apparaît. Elle vous permet quatre choix : Droite ; Gauche ; Bas ; Haut.
Choisissez l'endroit où vous voulez placer votre première image par rapport à la seconde.
Exemple : Pour mettre l'image 1 à droite de l'image 2 (il faut avoir, préalablement, copié l'image 1 dans le presse-papier) cochez la case Droite puis OK.
Après assemblage
SUPPRIMER LE CLIC DROIT
Rechercher la balise
Coller juste avant le code suivant :
Rechercher la balise
Coller juste avant le code suivant :
Descendre au bas de la page et cliquer sur le bouton Enregistrer le modèle
Descendre au bas de la page et cliquer sur le bouton Enregistrer le modèle.
Créer une liste déroulante
Publié par AnnakCette liste sans lien peut-être intéressante à utiliser. Elle permet de faire des listes qui n'occupent pas trop de place. Et comme elle est facilement réalisable ...
Collez en HTML
Vous personnalisez ainsi
background-color: #000033 : couleur du fond
color: #f5f5dc : couleur de la police
font-family: Arial : police
font-size: 12 : taille de la police
width: 150px : largeur
et les mots en rouge par les éléments de votre liste.
(Blogger) Ajouter une bulle avec le nombre de commentaires
Publié par AnnakUne jolie astuce trouver sur un site anglais pour rajouter une bulle à droite du titre de l'article. Dans cette bulle, le nombre de commentaires présents dans l'article.
Un exemple :
D'autres bulles sont disponibles sur ce site, BdLab.
Pour ceux qui ne comprennent pas l'anglais, voici comment réaliser cette astuce.
Vous allez dans Présentation > Modifier le code HTML > Vous cochez Développer des modèles de gadgets.
Vous recherchez la ligne (Edition > Rechercher dans le menu de votre navigateur)
]]>qui marque la fin du CSS et juste avant vous collez
.comment-bubble {float : right;width : 48px;height : 48px;background : url(http://i43.tinypic.com/dljpzo.jpg) no-repeat;font-size : 18px;margin-top : -15px;margin-right : 2px;text-align : center;
position:float;}
Si vous choisissez une autre image, vous modifierez son adresse qui est en rouge et peut-être ses dimensions en bleu.
Ensuite, on passe à la partie configuration : toujours dans Présentation > Modifier le code HTML, vous recherchez (Edition > Rechercher dans le menu de votre navigateur)
que vous remplacez par
Vous cliquez sur Enregistrer le modèle et c'est tout. Ce n'est pas très compliqué à réaliser et le résultat est sympa.
(Blogger) Numéroter les commentaires
Publié par AnnakAprès avoir vu comment personnaliser vos réponses aux commentaires et ajouter une bulle dénombrant les commentaires, voici comment numéroter vos commentaires.
Une astuce assez rapide à réaliser :
On commence par la partie CSS, vous allez dans Présentation > Modifier le code HTML > Vous cochez Développer des modèles de gadgets.
Vous recherchez la ligne (Edition > Rechercher dans le menu de votre navigateur)
]]>qui marque la fin du CSS et juste avant vous collez
.comm-num a:link, .comm-num a:visited {color: white !important;text-decoration: none !important;background: url(http://i46.tinypic.com/nntcue_th.png) no-repeat;width: 64px;height: 64px;float: right;display: block;margin-right: 5px;margin-top: -15px; /*comments-counter position*/text-align: center;font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;font-size: 15px;font-weight: bold;padding-top:15px}
.comm-num a:hover, .comm-num a:active {color: gray !important;text-decoration: none !important;}http://i46.tinypic.com/nntcue_th.png est l'adresse de votre bulle
width: 64px;height: 64px : ce sont ses dimensions
Passons maintenant à la partie configuration, toujours dans Présentation > Modifier le code HTML > Vous cochez Développer des modèles de gadgets.
Vous recherchez (Edition > Rechercher dans le menu de votre navigateur)
et vous collez juste avant
Vous recherchez maintenant (Edition > Rechercher dans le menu de votre navigateur)
Vous enregistrez le modèle et admirez le résultat.
J'ai utilisé la même bulle que pour les titres, Dblab, qui propose cette astuce, expose d'autres modèles à sauvegarder.Vous aimerez peut-être:
PERSONNALISER LES COMMENTAIRES DU BLOG
Vous voulez que vos propres commentaires s’affichentdifféremment de ceux de vos visiteurs : arrière plan différent,couleur de texte différente ou toute autre modification qui va clairement distinguer les commentaires du propriétaire du blogde ceux des visiteurs. Voici donc l’astuce.
Après avoir appliqué cette méthode tout vos commentairespersonnels vont êtres personnalisés même ceux écrient il y a quelque mois.
Allez dans Mise en page, Modifier le code HTML, cochez Développer des modèles de gadgets et recherchez le code Copiez le code suivant juste avant
Modifiez les codes en bleu pour personnaliser l'affichage de vos commentaires (selon les indications en rouge).
Maintenant regardez ce code :
Vous devez ajouter les lignes en rouge comme indiqué dans le code HTML de votre blogBlogger/Blogspot.
Voilà maintenant tout le monde va savoir qui est le/la boss
