Chez Wam

"Mon meilleur conseil à l'attention de quelqu'un qui veut se mettre à faire de la musique : imaginez que la musique est une grande Mona Lisa et dessinez-lui une moustache !",

Flea.

:-)

dimanche 25 avril 2010

Quelques Petits Trucs Pour Personnaliser Vos Blogs (1)

Comme le titre de l'article le propose, je vais vous donner quelques trucs sympas pour la mise en page de vos blogs comme l'intégration d'un diaporama, d'une playlist etc.
Personnaliser la mise en page générale de votre blog :

Modèles de mise en page (Templates) :

Souvent, vous avez pu constater que les modèles de mise en page proposés par les sites sont souvent peu nombreux et vraiment pas attrayants.
Voici quelques sites qui proposent quelques mises en page supplémentaires :


- Choisissez votre modèle;
- Cliquez sur "Download";
- Un code va s'afficher : copiez-le entièrement;
- Allez dans votre "Tableau de bord" : cliquez sur "Mise en page";
- Puis allez dans "Modifiez le code HTML";
- Remplacez le code que vous venez de copier pour le remplacer avec celui qui se trouve dans "Modifier le modéle";
- Cliquez sur "Aperçu" pour voir ce que cela donne;
- Cliquez sur "Enregistrer le modèle" pour finaliser le tout (il va peut être vous demander si vous voulez conserver les widgets, cliquez sur "Conserver les widgets", vous pourrez ensuite, si vous le souhaitez les enlever s'ils ne vous conviennent pas);
- En cas d'erreur ou si le modèle ne vous convenez pas, vous pouvez toujours cliquez sur "Annuler les modif.".

Pimp My Profile

- Choisissez votre modèle;
- Copier le code intégralement;
- Allez dans votre "Tableau de bord" : cliquez sur "Mise en page";
- Puis allez dans "Modifiez le code HTML";
- Remplacez le code que vous venez de copier pour le remplacer avec celui qui se trouve dans "Modifier le modéle";
- Cliquez sur "Aperçu" pour voir ce que cela donne;
- Cliquez sur "Enregistrer le modèle" pour finaliser le tout (il va peut être vous demander si vous voulez conserver les widgets, cliquez sur "Conserver les widgets", vous pourrez ensuite, si vous le souhaitez les enlever s'ils ne vous conviennent pas);
- En cas d'erreur ou si le modèle ne vous convenez pas, vous pouvez toujours cliquez sur "Annuler les modif.".

Create Blog : les modèles sont très beaux mais impossibles à utiliser... C'est sympa non ?? :-D

Pyzam 

Blogskins

NB : l'inconvénient de ces sites, c'est qu'ils sont en anglais...

Modifier la largeur de vos colonnes :

Depuis l'agrandissement des vidéos youtube, on ne voit que les 3/4 de la fenêtre, c'est autant casse-pieds qu'inesthétique :

- Allez dans votre "Tableau de bord" : cliquez sur "Mise en page";
- Puis allez dans "Modifiez le code HTML";
- Modifier la largeur des colonnes (je l'ai fait fait au pifomètre pour mon blog...) que vous souhaitez agrandir (ou l'inverse) dans "Modifier le modèle";
- Cliquez sur "Aperçu" pour voir ce que cela donne;
- Cliquez sur "Enregistrer le modèle" pour finaliser le tout;
- En cas d'erreur, vous pouvez toujours cliquez sur "Annuler les modif.".

La largeur de l'en-tête :
#header-wrapper {
width:740px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

La largeur totale :
#outer-wrapper {
width: 740px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

La largeur de la colonne centrale :
#main-wrapper {
width: 460px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

La largeur de la colonne centrale :
#sidebar-wrapper {
width: 260px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Intégrer un diaporama dans un article :

Un site sympa pour la création d'un diaporama : Slide

- Cliquez sur le logo Blogger;


- Cliquez sur "Créer un Slide Show";


- Cliquez sur "Browse" pour charger des photos de votre ordinateur (pour sélectionner plusieurs fichiers et ne pas refaire la même manip à chaque fois - surtout si vous avez une vingtaine de photos - restez le doigt appuyé sur la touche CTRL et avec la souris, sélectionnez les photos que vous voulez voir dans votre diaporama);


- Une fois vos photos téléchargées, ça peut donner un truc comme ça : 


- Vous pouvez modifier l'apparence de votre diaporama dans l'encart  "Personnaliser"; après, c'est à vous de choisir...  


- Si vous voulez supprimer une photo du diaporama, cliquez simplement sur la croix rouge... 


- Une fois les modifications faites, cliquez sur "Sauvegarder";  


- Une nouvelle page s'affiche : cliquez sur "SAVE Slideshow";


- Sur cette nouvelle page, cliquez sur "Blogger" (c'est en tout petit) : faire un clic le code qui va s'afficher pour le sélectionner, faire un clic droit et choisir "Copier"; ou un clic sur le code et CTRL+C (raccourci pour les Nuls^^);


- Allez dans votre article où vous souhaitez coller votre code, faire un CTRL+V ou un clic droit et Coller... Et voilou, vous avez un MAGNIFIQUE diaporama après publication du message ;-)


Les playlists :

Vous pouvez intégrer des playlists dans vos blogs avec Deezer et WorMee par exemple.

Sur Deezer :

- Créez une nouvelle playlist en cliquant sur "Nouvelle playlist" et renomez là;


- Pour ajouter une chanson, cliquez sur le "+" à côté de la chanson, cliquez sur "Ajoutez à une playlist" et sélectionnez la playlist désirée;


- Une fois la playlist terminée, cliquez dessus pour l'afficher : aller dans "Exporter" à droite et cliquez sur "Lecteur exportable" et Modifiez les options à votre convenance;



 - Faire un copier/coller du code de dessous les options jusqu'à votre article Blogger et cliquez sur "Publier le message" pour finaliser si vous avez fini.

Créer une playlist avec WorMee : article complet.

Ici C'est Sympa Aussi :-))