ASTUCES
ET TUTOS POUR BLOGGER ET COMMENTAIRES SUR BLOGGLER SANS LIEN…
NOTE
IMPORTANTE : Vous êtes plusieurs personnes à m’avoir demandé comment
par exemple mettre des flèches montée et descente, ainsi que pour les
commentaires auteur en changer la couleur (quand c’est vous qui commentez sur
votre blog) pour changer la couleur pour bien différencier les commentaires
visiteurs et les commentaires auteur.
Je
vais vous faire un tuto mais surtout AVANT QUE VOUS FASSIEZ QUOIQUE CE SOIT je
vous conseille vivement de vous créer un autre blog sur Blogger que vous
appellerez ESSAI ou BROUILLON comme vous voulez pour mettre ces codes HTML et
CSS, ceci pour éviter de déglinguer votre blog si toutefois il y avait une
erreur. Surtout penser à enregistrer votre blog principal (ou vos blogs si vous
en avez plusieurs), mais avant de mettre ces codes html… il vaut beaucoup mieux
faire l’essai sur votre blog essai, c’est ce que j’ai fait et quand j’ai vu que
cela fonctionnait ensuite j’ai fait du copier coller sur mon blog principal en
ligne.
COMMENTAIRES
SUR BLOGGER SANS LIEN : Je vous
remercie toutes et tous pour vos commentaires mais vous êtes plusieurs à
commenter sur mon blog sans que vous mettiez le lien de votre blog ou tout du
moins le titre de votre blog avec la plateforme ou un pseudo qui correspond à
votre blog et qui apparaît dans Google si on recherche le blog, car soit vous
mettez le lien Blogger ou le lien Google mais le problème c’est quand j’arrive
sur votre profil Blogger ou Google il n’y a rien que votre pseudo (qui n’apparaît pas quand on recherche sur Google votre
blog) et comme je n’ai pas de lien de
blog sur vos profils Blogger ou Google et que vous avez juste votre pseudo (qui
ne correspond pas au titre du blog, par exemple) je ne peux hélas pas vous
retrouver, j’ai cherché sur Google mais impossible de retrouver vos blogs si
vous en avez un, et comme je n’ai pas vos adresses mails je ne peux hélas que
vous répondre sur mon blog sur Blogger. Désolée….
PASSONS
MAINTENANT AUX TUTOS
1) POUR LES COMMENTAIRES
AUTEUR POUR EN CHANGER LA COULEUR POUR BIEN DIFFÉRENCIER LES
COMMENTAIRES DES VISITEURS ET LES COMMENTAIRES AUXQUELS VOUS RÉPONDEZ SUR
VOS BLOGS :
2) Aller dans MODÈLES
3) Puis PERSONNALISER
4) Puis AVANCE
5) Puis PAGE
6) Ajouter LE FICHER CSS
7) Et rajouter ceci :
*
Submit button style */
.contact-form-button-submit {
border-color: #C1C1C1;
background: #039696;
color: white;
width: 20%;
max-width: 20%;
}
.blogger-commentaires
.comments-contenu, .ss {
background-color
: # 272626 ! important ;
couleur
: blanc ! important ;
}
.blogger-commentaires
.comments-contenu .comment-réponses, .ss {
background-color
: # 3C3939 ! important ;
couleur
: blanc ! important ;
}
.blogger-commentaires
.comments-contenu .user, .blogger-commentaires .comments-contenu .user a, .ss {
couleur
: jaune important! ;
}
.comments-contenu
a {
couleur
: # 009EB8 ;
}
ET
POUR FINIR CLIQUER SUR APPLIQUER
AU BLOG
Ce
n’est pas fini pour les commentaires car ENSUITE IL FAUT ALLER DE
NOUVEAU DANS MODELE ET DANS MODIFIER
LE CODE HTML
Il
faut ajouter avant </ body> le code suivant :
<script
src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', 'dashed blue 1px')
.css('background','#F0A2A2
url("http://www.blogblog.com/1kt/transparent/white80.png")')
.css('padding', '10px');
}
$(document).bind('ready scroll click',
highlight);
});
</script>
ET
SURTOUT NE
PAS OUBLIER D’ENREGISTRER le
modèle.
FIN
pour le TUTO DES COMMENTAIRES.
2) POUR INSTALLER LES
FLECHES HAUT ET BAS SUR VOTRE BLOG (ascenseur) :
C’est
plus simple que pour les commentaires, car là il suffit simplement de faire
ceci :
1) Il faut aller dans MISE EN
PAGE
2) Ajouter un GADGET (à droite
ou à gauche de votre blog c’est comme vous voulez)
3) Vous installer le gadget
HTML/JAVASCRIPT
4) En titre vous mettez FLÈCHES
5) Dans CONTENU vous allez rajouter
ceci :
<a
style="display:scroll;
position:fixed;
bottom:22px;
right:1px;"
href="#"
alt="Haut de Page"
title="Haut de
Page"><img
src="http://blogspot.leblogger.com/divers/haut.gif"/></a>
<a
style="display:scroll;
position:fixed;
bottom:5px;
right:1px;"
href="#Bas2page-LeBlogger.com"
alt="Bas de Page"
title="Bas de
Page"><img
src="http://blogspot.leblogger.com/divers/bas.gif"/></a>
Puis
surtout n’oubliez
pas d’ENREGISTRER
Et
c’est terminé pour les flèches (moi j’ai mis en bas à droite du blog) c’est
pratique quand la page est chargée ces flèches montée et descente.
Chez
moi avec ces codes tout fonctionne, j’espère que vous y arriverez mais surtout
faites le avec un blog ESSAI ou sinon n’oubliez pas avant de rajouter ces codes
HTML et CSS d’enregistrer votre blog avant.
Maintenant
vous pouvez le voir vous avez des aides Blogger à droite sur mon blog mais
également dans mes liens en-dessous de ma bannière.
Je
vous mets le lien du FORUM Français de BLOGGER où c’est là que j’ai beaucoup
été aidée :
Mais
également d’autres liens d’aide Blogger où j'ai eu également de l'aide :
Il y en a peut-être d'autres
de sites d'aide Blogger mais je vous ai mis ceux que je connaissais.
Courage à toutes et tous et je tiens à remercier
toutes ces gentilles personnes qui nous aident pour nos blogs.
Gros bisous de Fany