tag:blogger.com,1999:blog-27974740253580134772024-03-18T04:03:44.690+01:00Les Nouvelles Ficelles d'Anna K.Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.comBlogger594125tag:blogger.com,1999:blog-2797474025358013477.post-35228437471869306162011-09-11T13:32:00.000+02:002013-01-19T16:53:19.671+01:00Sommaire - (OverBlog) Modifications de designLes articles suivants expliquent comment modifier le design dans chaque partie du blog. Si vous désirez vraiment personnaliser votre blog, choisissez un design basique au départ : Easyblog ou Minimaliste
(OverBlog) Découvrir le CSS
(OverBlog) Choisir entre mode classique et mode avancé
(OverBlog) Choisir entre personnaliser mon thème et mode CSS
(OverBlog) Modifier un CSS non modifiable
Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com35tag:blogger.com,1999:blog-2797474025358013477.post-42285827273178920932011-09-11T08:11:00.000+02:002011-09-12T07:08:36.771+02:00(OverBlog) Modifier la fenêtre de partageNous allons modifier le design de ce pop up (police, background et encadrements) qui apparaît en bas à droite sur chaque article :
Vous devez vous rendre dans votre (ou vos) CSS : Design > Mode CSS
Lorsque la ligne n'existe pas, vous la créez ; lorsqu'elle existe, vous la complétez.
MODIFICATION DES POLICES
Tout le texte
.socialPopup .text {text-align : center ; font-weight : Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com12tag:blogger.com,1999:blog-2797474025358013477.post-264013107488376982010-11-11T08:32:00.000+01:002010-11-11T08:32:38.969+01:00Sommaire - (Blogger) Propositions de designPersonnalisation du design général
(Blogger) Installer un nouveau template
(Blogger) Scinder la colonne en deux sidebar.
Personnalisation des articles
(Blogger) Insérer sa signature en fin d'article
(Blogger) Afficher le pied d'article uniquement en page des articles
Personnalisation des commentaires
(Blogger) Ajouter une bulle avec le nombre de commentaires
(Blogger) Numéroter les Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com24tag:blogger.com,1999:blog-2797474025358013477.post-48881811214233436222010-11-11T08:30:00.000+01:002010-11-11T08:26:08.305+01:00Sommaire - (Blogger) Modifications de designVoici les indications nécessaires à la modification du design des blogs Blogger : couleurs, background, encadrements, etc ...
(Blogger) Découvrir le CSS
Découvrir les background
Découvrir les codes couleur
Découvrir les encadrements
Ajouter des background dans les zones principales du blog :
(Blogger) Installer une bannière
(Blogger) Mettre un fond dans tout l'écran
(Blogger) Mettre un Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com7tag:blogger.com,1999:blog-2797474025358013477.post-55650582677217401042010-11-11T08:20:00.000+01:002010-11-11T08:20:18.444+01:00(Blogger) Modifier le lien Lire la SuiteLe lien Lire la Suite apparaît lorsque vous avez activé la fonction résumé :
Pour modifier son design, vous devez vous rendre dans votre CSS : Présentation > Modifier le code HTML
Lorsque la ligne n'existe pas, vous la créez ; lorsqu'elle existe, vous la complétez.
MODIFICATION DE LA POLICE
.rmlink a {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com17tag:blogger.com,1999:blog-2797474025358013477.post-89430564517917549182010-11-10T08:09:00.000+01:002010-11-10T08:09:11.984+01:00(Blogger) Afficher le pied d'article uniquement en page des articlesLe pied d'article est la zone située en fin d'article où apparaissent les libellés et les icônes Facebook, Mail, etc :
Si, en page d'accueil, vous avez mis vos articles en mode Lire la Suite, il n'est peut-être pas indispensable de faire apparaître ce pied d'article.
Pour réaliser les modifications, vous allez dans Présentation > Modifier le code HTML
Vous cochez Développer des modèles de Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com6tag:blogger.com,1999:blog-2797474025358013477.post-82662239120865323872010-11-03T13:46:00.001+01:002010-11-03T13:48:58.175+01:00Comparatif revenus publicitaires OverBlog/BloggerJ'ai commencé le transfert de ce blog, de OverBlog vers Blogger, fin juillet 2010.
Dans un premier temps, je me suis placée dans la peau d'un blogueur lambda qui n'a ni le temps, ni l'intérêt nécessaire pour passer des heures à comparer les différents moyens de monétiser son blog. Je me suis donc laissée aller à la facilité et ai placé sur ce blog, les publicités Adsense et Blogbang.
Voici les Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com27tag:blogger.com,1999:blog-2797474025358013477.post-64091694735721233272010-11-03T08:53:00.000+01:002010-11-03T08:53:10.484+01:00(Blogger) Modifier le widget StatistiquesNous allons maintenant modifier le widget Statistiques : police, background et encadrements.
Vous devez vous rendre dans votre CSS : Présentation > Modifier le code HTML
Lorsque la ligne n'existe pas, vous la créez ; lorsqu'elle existe, vous la complétez.
Ce widget s'appelle #Stats1, s'il est présent plusieurs fois sur le blog, le suivant s'appellera #Stats2. Pour vérifier son "nom" :Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com3tag:blogger.com,1999:blog-2797474025358013477.post-86369959393671671832010-11-03T08:41:00.000+01:002010-11-03T08:41:46.494+01:00(Blogger) Modifier le widget Messages les plus consultésNous allons maintenant modifier le widget Messages les plus consultés : police, background et encadrements.
Vous devez vous rendre dans votre CSS : Présentation > Modifier le code HTML
Lorsque la ligne n'existe pas, vous la créez ; lorsqu'elle existe, vous la complétez.
Ce widget s'appelle #PopularPosts1, s'il est présent plusieurs fois sur le blog, le suivant s'appellera #Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com7tag:blogger.com,1999:blog-2797474025358013477.post-19098577849081533682010-11-02T13:41:00.000+01:002010-11-02T13:41:20.630+01:00(Blogger) Modifier les blockquoteLes blockquote sont ces encadrements pré-formatés :
Pour les réaliser, vous surlignez avec la souris le texte à encadrer, puis vous cliquez sur la touche " dans le menu.
Pour en pré-définir le design, vous devez vous rendre dans votre CSS : Présentation > Modifier le code HTML
Lorsque la ligne n'existe pas, vous la créez ; lorsqu'elle existe, vous la complétez.
MODIFICATION DES POLICES
.Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com3tag:blogger.com,1999:blog-2797474025358013477.post-47508441551915554672010-11-02T13:30:00.000+01:002010-11-02T13:30:05.331+01:00(Blogger) Modifier la zone de navigationNous allons modifier le design de la zone de navigation : police, background et encadrements.
Vous devez vous rendre dans votre CSS : Présentation > Modifier le code HTML
Lorsque la ligne n'existe pas, vous la créez ; lorsqu'elle existe, vous la complétez.
MODIFICATION DES POLICES
Message plus récent
#blog-pager-newer-link a {text-align : center ; color : red ; font-weight : bold ; Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com3tag:blogger.com,1999:blog-2797474025358013477.post-68788917097138379972010-11-02T13:15:00.000+01:002010-11-02T13:15:56.440+01:00(Blogger) Modifier les commentairesNous allons maintenant modifier la zone des commentaires : police, background et encadrements.
Les commentaires et les réponses sont gérées par les mêmes lignes de CSS, mais vous pouvez aller plus loin :
(Blogger) Personnaliser le design de vos réponses aux commentaires
(Blogger) Ajouter une bulle avec le nombre de commentaires
(Blogger) Numéroter les commentaires
Vous devez vous Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com12tag:blogger.com,1999:blog-2797474025358013477.post-88703398614248129342010-10-09T10:36:00.000+02:002010-10-09T10:36:07.061+02:00(Blogger) Afficher un widget uniquement en page d'accueil ou en page des articlesBlogger ne permet pas une configuration différente selon les parties du blog : accueil ou articles.
Il est malgré tout possible d'afficher des widgets différents dans ces parties en intervenant sur la structure.
Cette astuce pourra vous être utile pour afficher le widget des derniers articles seulement dans les pages articles et non pas accueil, où ces derniers articles apparaissent.
Voici Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com9tag:blogger.com,1999:blog-2797474025358013477.post-10206739593611920702010-10-09T08:49:00.001+02:002010-10-25T12:53:32.868+02:00Sommaire - (Blogger) Suggestions de publication et de navigationVoici des idées de personnalisation : liste d'articles, nuage de tags, menus, etc ...
(Blogger) Afficher la liste des articles les plus commentés
(Blogger) Afficher la top liste des commentateurs
(Blogger) Afficher la liste des articles les plus consultés
(Blogger) Afficher une liste aléatoire d'articles
(Blogger) Afficher vos articles sous forme de résumés
(Blogger) Afficher un slide Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com4tag:blogger.com,1999:blog-2797474025358013477.post-30334823155104274742010-10-08T13:06:00.000+02:002010-10-11T10:22:16.608+02:00(Blogger) Placer la pub Adsense sous le titre des articlesJ'ai testé plusieurs solutions pour placer la publicité dans les articles, aucune ne me satisfaisait, voici celle que j'utilise.
Première étape :
Pour commencer, vous allez dans Présentation > Eléments de la page > Vous cliquez sur Modifier dans le pavé représentant les messages du blog.
Dans la fenêtre qui s'ouvre, vous cliquez sur Afficher des annonces entre les messages et vous Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com9tag:blogger.com,1999:blog-2797474025358013477.post-88671138079559829672010-10-08T09:00:00.000+02:002010-10-11T10:24:26.790+02:00(Blogger) Afficher un slide vertical des derniers articles parusJ'avais déjà testé un slide des derniers articles réalisé avec Widget Box, mais je le trouvais trop lent à charger.
J'ai trouvé mon bonheur chez Abu-farhan, un site anglophone.
Le voici :
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:280px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com14tag:blogger.com,1999:blog-2797474025358013477.post-32646091330687515432010-10-08T07:57:00.000+02:002010-10-25T12:53:48.199+02:00(Blogger) Afficher un menu coulissantVoici un menu coulissant aux bords arrondis. Son installation nécessite la possibilité de mettre du javascript sur le blog, ce qui est le cas des blogs Blogger. Il n'est pas très difficile à installer et assez joli.
Ayant plusieurs programmes en javascript sur la page, j'ai dû mettre le menu sur un page différente pour qu'il fonctionne parfaitement : Le menu coulissant.
Voici les codes à Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com18tag:blogger.com,1999:blog-2797474025358013477.post-7101198920654337702010-10-06T06:43:00.001+02:002010-10-06T06:46:03.086+02:00(Blogger) Numéroter les commentairesAprè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 Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com17tag:blogger.com,1999:blog-2797474025358013477.post-6943131089246452232010-10-05T17:40:00.001+02:002010-10-05T17:41:40.576+02:00(Blogger) Ajouter une bulle avec le nombre de commentairesUne 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 Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com17tag:blogger.com,1999:blog-2797474025358013477.post-625367966112016622010-10-03T08:54:00.000+02:002010-10-03T08:54:16.875+02:00(Blogger) Activer l'anti-clic droitL'anti-clic droit ne stoppera pas les internautes aguerris, d'autres solutions existent, mais ralentira la copie de vos images et textes.
Vous allez dans Présentation > Modifier le code HTML.
Vous recherchez - Edition > Rechercher dans le menu de votre navigateur - la ligne
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>Ce qui est important est en bleu, le Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com12tag:blogger.com,1999:blog-2797474025358013477.post-86990912307520355062010-10-03T08:32:00.000+02:002010-10-03T08:32:30.460+02:00(Blogger) Personnaliser le design de vos réponses aux commentairesUne astuce pour distinguer vos réponses des commentaires postés par vos visiteurs.
Un exemple sur cette saisie d'écran :
Vous allez dans Présentation > Modifier le code HTML > vous cochez Développer des modèles de gadgets
On commence par la partie configuration : vous recherchez - Edition > Rechercher dans le menu de votre navigateur - ce passage qui concerne les commentaires de Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com16tag:blogger.com,1999:blog-2797474025358013477.post-17031280512220462062010-10-03T07:18:00.000+02:002010-10-03T07:18:46.042+02:00(Déco de Blog) Gifs pour HalloweenVoici des gifs, des background et des lignes pour décorer votre blog pour Halloween :
A voir : Duos Background et Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com4tag:blogger.com,1999:blog-2797474025358013477.post-10642107851750049782010-10-02T14:16:00.000+02:002011-09-11T08:19:14.223+02:00Sommaire général - (OverBlog )CREATION D'UN BLOG
Les premiers pas sur OverBlog à effectuer de préférence dans l'ordre :
Le petit lexique à l'usage du blogueur débutant
(OverBlog) Découvrir l'administration
(OverBlog) Régler les formalités administratives
(OverBlog) Choisir entre mode classique et mode avancé
(OverBlog) Choisir son design et sa configuration
(OverBlog) Ecrire un article
(OverBlog) Ecrire une page
(OverBlog)Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com16tag:blogger.com,1999:blog-2797474025358013477.post-64358293970062608472010-10-02T09:01:00.000+02:002010-10-02T09:01:25.382+02:00(OverBlog) Modifier le design Characterized
Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle CHARACTERIZED.
Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.
Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
Si vous êtes en mode avancé, vous Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com17tag:blogger.com,1999:blog-2797474025358013477.post-47577112759877279602010-10-02T08:52:00.000+02:002010-10-02T08:52:38.685+02:00(OverBlog) Modifier le design Gestured
Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle GESTURED.
Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.
Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
Si vous êtes en mode avancé, vous faîtes Annakhttp://www.blogger.com/profile/05712515578360457713noreply@blogger.com7