Comment ajouter WOWSlider à Blogger

1. Accédez à « l'onglet Publier » et cliquez sur « Publier vers serveur FTP ». Assurez-vous que vos fichiers sont téléchargés vers votre serveur.

2. Connectez-vous à votre tableau de bord Blogger.

Créez votre blog, puis cliquez sur « Modèle » sur le côté droit de l'écran

Cliquez sur le bouton « Modifier le code HTML».

Maintenant, allez à votre propre page web (ou certains serveur d'hébergement où vous avez transféré votre WOWSlider) où vous aviez publié votre WOWSlider. Il faut lire quelque chose comme «http://yourname.com/slider/wowslider.html » ou certaines URL où vous avez transféré vos images.

(Dans ce tutoriel, nous utilisons le slider téléchargé vers wowslider.com).

Ouvrez la page wowslider-howto.html page. Sélectionnez et copiez le code de la section HEAD.

Retourner à Blogger. Collez le code copié dans la section HEAD sur votre modèle de page Blogger. Veillez à afficher un aperçu et de sauvegarder votre modèle de page quelque part d'abord avant de cliquer sur «Enregistrer le modèle».

Notez que vous devriez avoir des chemins d'accès absolus pour tous les fichiers que vous ajoutez. À titre d'exemple, regardez comment ajouter le fichier style.css correctement.

<link rel="stylesheet" type="text/css" href="http://wowslider.com/sliders/demo-82/engine1/style.css" />

Cliquez sur «Enregistrer le modèle» maintenant.

Vous pouvez maintenant créer un nouveau article ou modifier l'existant. Cliquez sur «Articles» sur le panneau gauche et choisissez l'article que vous souhaitez modifier.

Cliquez sur le bouton «HTML» pour incorporé le code html à votre article.

Retournez à votre fichier wowslider-howto.html, sélectionnez et copiez le code de la section BODY.

Collez ce code sur votre article Blogger (dans la vue html).

Maintenant examiner attentivement votre code. Vous devez corriger tous les liens dans votre code html intégré.

Par exemple :

<div class="img"><img src="data1/images/snow226094_1280.jpg"></div>

Devrait ressembler à :

<div class="img"><img src="http://wowslider.com/sliders/demo-82/data1/images/snow226094_1280.jpg"></div>

Cliquez sur le bouton ""Mettre à jour" pour enregistrer votre message.

Et enfin «afficher» , votre page avec un WOWSlider intégré!