Latest Posts

Affichage des articles dont le libellé est Astuces blogger. Afficher tous les articles
Affichage des articles dont le libellé est Astuces blogger. Afficher tous les articles


Vous voulez rendre plus jolie votre thème blogger. Cependant, étant novice en html et code css vous ne savez pas trop comment faire ? Pas de panique ! 

Désormais pour blogger, on peut choisir et importer facilement des thèmes en dehors de ceux proposés par défaut. 

gooyaabitemplates, soratemplates, themexpose et beaucoup d'autres sites proposent gratuitement de nombreux thèmes au design plus moderne. Vous n'aurez que l’embarras du choix !

Dans ce tutoriel, on vous expliquera comment faire pour changer le thème de votre blog.

Etape 1 : Choix du thème



Juliet est le thème que nous avons choisi pour vous montrer l'exemple. Ce template est proposé par le site gooyaabitemplates. On va l'importer sur le site Jolie blog.

Pour télécharger le thème, il faut cliquer sur le bouton Download en bas à droite du site.



Généralement, il nous fournit un fichier .zip c'est-à-dire un fichier compressé


qu'il faut dézipper (simple clic droit sur le fichier puis l'option "extraire ici" ou "extract here") afin de récupérer non seulement le thème qui se présente toujours en format .xml, ses images mais aussi des liens d'explications sur l'installation, comment personnaliser le thème ? etc...

Etape 2 : Importer son nouveau thème dans blogger

Avant toute modification, dans le cas où vous avez déjà personnalisé votre thème actuel, il est impératif de :
  • repasser à un thème blogger simple pour éviter les erreurs ;
  • vérifier la rubrique mise en page de votre blog et modifier ou supprimer si nécessaire tous les widgets qui pourront poser problème.
Pour importer le nouveau design, on a deux possibilitées

1er méthode :

Il faut aller dans la rubrique Thème du menu à gauche puis cliquer sur le bouton Sauvegarder/Restaurer à droite. 

Si vous voulez faire une copie de votre ancien design (qui pourrait s'avérer utile plus tard si le nouveau thème ne fonctionne pas correctement) cliquez sur le bouton Télécharger le thème.


Ceci fait, on clique sur le bouton Choisissez un fichier et on va chercher le fichier .xml (montheme.xml).

Ici, ce sera Juliet Free Version.xml 


=> Transferer pour charger le nouveau thème.


Normalement, si vous avez suivi toutes les instructions le nouveau thème est en place et ne présente aucune erreur.

2ème méthode:

On récupère le thème au format .xml. 
Un clique droit sur le fichier puis l'option "ouvrir avec" et on ouvre le fichier avec le bloc-notes.


Vous pouvez aussi installer le logiciel UltraEdit version gratuite et faire de même (clic droit sur le fichier puis l'option "ouvrir avec" et on ouvre le fichier avec le logiciel UltraEdit).

Puis on clic à l'intérieur du fichier et on copie le texte en entier (ctrl A puis ctrl C ).
Dans le menu de votre blog, on va aller dans la rubrique Thème et on clique sur le bouton Modifier le code HTML.



Après on clic à l'intérieur du code HTML, on selectionne l'ancien thème (ctrl A) puis on colle le nouveau thème (ctrl V).
On enregistre le nouveau thème et le tour est joué.


Cette deuxième méthode est la plus rapide pour importer un nouveau thème blogger.

Etape 3 : Faire quelques modifications

Il ne reste plus qu'à changer le nom du blog, les textes, les couleurs et les polices du nouveaux thème selon vos envies. Pour cela, dans le fichier dézipper vous trouverez des liens et des notes d'instructions.

Au final, voici le blog jolie blog


A vous de jouer maintenant ;)



" Voilà, je viens de supprimer un article par erreur. Y a-t-il un moyen pour le récupérer ? "

Pas de panique ! Dernièrement, j'étais dans la même situation que vous. En voulant rédiger un nouveau post, j'ai fait une fausse manipulation et hop un des mes articles a disparu :-/   

Heureusement sur internet à ce qu'on dit, rien n'est tout à fait perdu, il reste toujours une trace... Et dans cet article, je vais vous montrer ce que j'ai fait pour retrouver le mien.

Ça n'a pas été facile de trouver cette solution. Au contraire, j'ai dû trimer durant une longue semaine. Et à un moment, j'ai même laissé tomber car certaines solutions proposées sur quelques sites n'ont pas marché pour moi. 

Alors, qu'est-ce que j'ai fait ?

Vous voyez comme en chimie pour les travaux pratiques : on ajoute ceci, cela et patati et patata... Eh bien, j'ai pratiqué la même méthode.  Ne riez pas :|

Je ne savais vraiment plus quoi faire donc j'ai essayé avec les moyens récoltés c'est-à-dire en associant une solution d'un site à une autre astuce d'un autre site et ainsi de suite jusqu'à ce que ça marche. 

Au final, mes efforts ont été payé : le fameux article supprimé a réapparu. Je ne vous cache pas ma joie ! J'ai pu récupérer les textes en le copiant puis en le collant dans un nouvel article et le republier. 

Seul bémol : les images, on ne peut pas les récupérer sur la page. Toutefois, vous pouvez les retrouver dans l'archive image du blog (Dans le nouvel article, cliquez sur ajouter une image puis dans Depuis ce blog) :D 

La méthode

Pour faire apparaître votre article, on va utiliser Google Cache. Pour cela, il faut retrouver l'adresse de l'article supprimé dans votre navigateur. 
Exemple pour mon article : Comment importer un texte en continu dans Indesign ?


On va l'ouvrir et juste devant l'adresse : http://artdulivre.blogspot.com/2016/08/comment-importer-un-texte-en-continu_17.html

On ajoute : http://webcache.googleusercontent.com/search?q=cache: 

On appuie sur Entrée et le tour est joué


Le contenu apparaît ! C'est super non ?

J'espère que cette astuce va vous aider comme c'était le cas pour moi :)



Aimeriez-vous ajouter un :) ou plutôt :P dans vos articles afin de rendre vivant vos textes sur blogger ? C'est maintenant possible car voyez-vous après de longue recherche, j'ai enfin trouvé comment faire ;)

J'en avais vraiment eu assez de voir un point suivi d'une parenthèse fermante ou de deux points suivi d'un O sur mes textes alors que je voulais des dessins. Il a fallu que je creuse... creuse... creuse... pour trouver une solution afin de les changer et mes efforts ont finalement payés =D>

En surfant ici et là, je suis tomber sur un site en anglais sur laquelle il explique comment ajouter des émoticônes à votre blog. Je l'ai testé et ça marche !!!! Il est toutefois conseiller de sauvegarder votre modèle avant toute modification au cas où ??? On ne sait jamais.

Allez sur modèle à partir de votre tableau de bord et cliquez sur Sauvegarder/Restaurer en haut à droite de l'écran. Cliquez sur Télécharger le modèle complet pour faire une sauvegarde de votre thème.
Ceci fait, nous allons maintenant ajouter un script pour faire apparaître les petits dessins. Cliquez sur Modifier le code HTML.
Cliquez n'importe où dans la boîte de code et appuyez sur Ctrl et F en même temps puis dans la boîte de recherche qui apparaît en haut à droite,  collez </head>. Appuyez sur Entrée.

Juste au dessus de </head> il faut insérer le script suivant :
<script src='https://sites.google.com/site/snowconescripts/emoticons.js' type='text/javascript'/>
Ce qui donne :

Voilà ! vous n'avez plus qu'à enregistrer le modèle et ajouter les codes des émoticônes ci-dessous dans vos articles. 

A noter cependant que certaines émoticônes, les plus récentes, peuvent ne pas marcher. J'ai mis des espaces entre les codes dans ce tableau pour qu'ils ne se convertissent pas. Mais pour les insérer sur vos textes, vous devez les taper sans espaces. Les émoticônes s'afficheront une fois votre page entièrement chargé.

Bon blogging ! /bye

EmoticonCode
happy: )
sad: (
winking; )
big grin: D
batting eyelashes; ; )
big hug> : D <
confused: - /
love struck: x
blushing: " >
tongue: P
kiss: - *
broken heart= ( (
surprise: - O
angryX (
smug: >
coolB - )
worried: - S
whew!# : - S
devil> : )
crying: ( (
laughing: ) )
straight face: |
raised eyebrows/ : )
rolling on the floor= ) )
angelO : - )
nerd: - B
talk to the hand= ;
call me: - c
on the phone: ) ]
at wits' end~ X (
wave: - h
time out: - t
day dreaming8 - >
sleepyI - )
rolling eyes8 - |
loserL - )
sick: - &
don't tell anyone: - $
no talking[ - (
clown: O )
silly8 - }
party< : - P
yawn(  : |
drooling= P ~
thinking: - ?
d'oh# - o
applause= D >
nail biting: - S S
hypnotized@ - )
liar: ^ o
waiting: - w
sigh: - <
phbbbbt> : P
cowboy< ) : )
I don't want to seeX _ X
hurry up!: ! !
rock on!\ m /
thumbs down: - q
thumbs up: - b d
it wasn't me^ # ( ^
pirate*: a r !

Vous pouvez aussi utiliser ses Émoticônes de Tête d'Oignon. 
/ wa ha ha/ hi hi
/ o m g/ n o
/ dig nose/ s w e a t
/ s h o c k/ f l o o r
/ h m m/ X D
/ b l u r/ b l u s h
/ no big deal/ p l e a s e
/ b y e