« Intégrer le bouton +1 de Google pour son blog (1/2) | Accueil | Nouveau widget : Google +1 pour vos articles (2/2) »

14/06/2011

Créez votre design sur-mesure avec Kameleoon

Kameleoon est un outil qui va vous permettre d'intégrer facilement n'importe quel design à votre blog. Vous n'aurez pour ce faire, besoin que d'inspiration ; aucune compétence technique ne sera requise.

Pour commencer, rendez-vous sur le site de Kameleoon et créez-vous un compte gratuit. Cela vous imposera d'insérer une bannière en colonne latérale de votre site. Si vous ne souhaitez pas afficher cette bannière, il vous faudra opter pour l'offre payante à 4€/mois.

Une fois le compte créé, vous pourrez ajouter un site / blog à celui-ci dans Kameleoon. Il vous suffira de founir un nom ainsi que l'adresse du blog que vous souhaitez ajouter. Kameleoon vérifiera alors que tous les paramètres sont au vert. Normalement ce ne devrait pas être le cas. Kameleoon mettra en avant le fait que vous n'avez pas encore inclus le code Javascript qui permettra à l'outil de fonctionner, ni celui de la bannière.

image from everything.typepad.com

Dans les deux cas, vous n'aurez qu'à copier ce code, puis à vous rendre dans la rubrique Habillage de votre blog, et à ajouter un widget permettant d'inclure son propre HTML.

Kameleoon-tableau-lateral
Votre blog est désormais prêt à être personnalisé. Pour cela, il vous suffit de saisir l'adresse de votre blog, et de rajouter à la fin de celle-ci le paramètre ?kameleoon=true (ex : http://monblog.typepad.fr/?kameleoon=true). Vous devriez alors voir apparaître une barre de chargement. Il vous sera éventuellement demandé de vous connecter pour pouvoir accéder au panneau de configuration.

Une cinématique vous guidera dans l'usage de cet outil pour vous aider à faire vos premiers pas. Pour le reste, le principe est assez simple. Tout élément est sélectionnable. Une fois sélectionné, un panneau latéral apparaît et vous propose un certain nombre d'options de personnalisation. Vous pourrez ainsi, dans la majeure partie des cas, changer la couleur d'arrière-plan, éventuellement utiliser une image si vous avez créé un graphisme sous Photoshop qui requiert l'insertion d'images en arrière-plan, modifier la police, la taille, la couleur du texte, modifier les paramètres de survol, etc...

 

Kameleoon-design-blog-modifie

Si vous êtes un lecteur assidu de ce blog, le design ci-dessus devrait vous rappeler dans les grandes lignes un ancien design présenté par Florent. Nous en avons simplement réintégrer l'essentiel pour la démo.


Les modifications que vous effectuez de la sorte sont immédiatement appliquées à votre blog. Rien ne change dans votre interface d'administration de TypePad. Le code que vous avez initialement inséré permet à Kameleoon d'appliquer les modifications sans que cela ne requiert d'action de votre part.

Vous êtes donc en mesure d'intégrer à votre blog tout design que vous auriez vu sur Internet, et ce sans en passer par le CSS personnalisé.

TrackBack

URL TrackBack de cette note:
http://www.typepad.com/services/trackback/6a00d83451c82369e201543302fa9f970c

Voici les sites qui parlent de Créez votre design sur-mesure avec Kameleoon :

Commentaires

Les commentaires sont modérés, ils n'apparaîtront qu'après validation par l'auteur.

Créez votre blog !

Solution complète. Aucune installation. Simple et puissant.

Nos recommandations

    Statut TypePad