Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
2 mai 2010 7 02 /05 /mai /2010 19:41

24/04/2007

Deveniraffilie_2

Si nécessaire, n'hésitez pas 

19/04/2007

Utiliser TypePad pour vendre des biens

Votre compte TypePad peut vous servir à vendre directement vos biens et services, que vous soyez un particulier ou une entreprise.
Il n'y a pas de restriction de notre part, ce qui vous permet de mettre en place ce genre de fonctionnalité quelque soit le niveau d'offre dont vous bénéficiez. Bien que nous n'ayons pas de fonctionnalité de panier ou de commerce électronique, vous pouvez utiliser un service tiers pour configurer votre propre panier sur votre blog. Ainsi, PayPal peut vous permettre de mettre en place ce genre d'outils et les processus associés pour vous donner l'opportunité de vendre vos items simplement.

Utiliser Paypal pour créer un panier et suivre ses ventes

La première étape est de se créer un compte Paypal si ce n'est déjà fait.
Une fois identifié sur ce service, en cliquant sur l'onglet "Outils Marchands", vous pourrez accéder à un lien "Panier PayPal". En cliquant sur celui-ci, vous aurez à donner quelques informations pour permettre sa configuration. PayPal affichera alors un code que vous pourrez utiliser pour vendre vos articles.
Ce code devrait ressembler à ceci :

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="image" src="https://www.paypal.com/fr_FR/i/btn/x-click-but22.gif" border="0" name="submit" alt="Effectuez vos paiements via PayPal : une solution rapide, gratuite et sécurisée"> <img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1"> <input type="hidden" name="add" value="1"> <input type="hidden" name="cmd" value="_cart"> <input type="hidden" name="business" value="something@somewhere.com"> <input type="hidden" name="item_name" value="Mon article"> <input type="hidden" name="amount" value="15.00"> <input type="hidden" name="no_shipping" value="0"> <input type="hidden" name="no_note" value="1"> <input type="hidden" name="currency_code" value="EUR"> <input type="hidden" name="lc" value="FR"> <input type="hidden" name="bn" value="PP-ShopCartBF"> </form>

Ce code peut être ajouté à votre blog de plusieurs façons. Vous pouvez utiliser une TypeListe de Notes pour qu'il soit présent dans chaque page de votre blog, ou l'ajouter à une note en particulier.
Cette méthode reste la meilleure, car elle vous permettra de catégoriser vos articles et de recueillir un retour sur ceux-ci au travers des commentaires. Pour ajouter ce code à une notre, il est préférable d'utiliser le mode "Mode texte brut" ou "Editer le HTML".
Vous n'avez plus qu'a répéter ce processus pour chaque élément que vous souhaitez mettre en oeuvre.

Utiliser des Widgets

En plus d'utiliser PayPal pour intégrer à votre blog une galerie marchande, vous pouvez aussi utiliser les Widgets de services tiers. En général, ceux-ci vous fourniront un code que vous pourrez insérer dans une TypeListe de Notes. Vous pouvez aussi regarder les Widgets spécialement conçus pour TypePad, tel celui de Zlio.com, ou explorer la galerie de Widgets US, dont certains Widgets dédiés au commerce peuvent être utilisés en France.

08/03/2007

Pas-à-pas : intégrer un agenda Google™ sur Typepad

Agendaexemple_1 Il est très intéressant, lorsqu'on publie un blog, de pouvoir y annoncer des événements à venir. François-Xavier Ménard vous propose ici une solution pour le faire, automatisée et adaptée au look de votre blog. Elle consiste à s'adosser à un agenda Google™ (sans passer par le widget Google, qui n'est pas très souple). Ci-contre un exemple de cette solution mise en oeuvre sur BDForces, blog donnant des conseils sur le développement de business.

Agendapublic1. Créez un agenda Google™

C'est gratuit, et se fait en quelques minutes. Comme d'habitude chez Google, l'interface est simple et rapide. Rendez-vous sur http://www.google.com/calendar et suivez les indications. Dans les options de l'agenda, rendez publics les événements de cet agenda.


Agendatypeliste

2. Créez une typeliste pour vos événements
Sous l'interface d'admin Typepad, naviguez vers la page de gestion des typelistes. Créez une nouvelle typeliste de type "Notes". Cliquez alors "Ajouter un nouvel élément". Laissez l'étiquette vide, et insérez dans le champ note le code html ci-dessous. Remplacez bien-sûr l'adresse d'agenda par celui créé à l'étape 1.

<div id='googleEvents'><p>Agenda en construction...</p></div>
<script type='text/javascript' src='/dateFormat.js'></script>
<script type='text/javascript' src='/buildEvents.js'></script>
<script type='text/javascript' src='http://www.google.com/calendar/feeds/votre_agenda@gmail.com/public/full?alt=json-in-script&callback=insertAgenda&orderby=starttime&max-results=6&singleevents=true&sortorder=ascending&futureevents=true'></script>

Agendafichier 3. Copiez deux fichiers javascript
Recopiez les fichiers ci-joints  dateFormat.js et  buildEvents.js sur votre PC (clic droit > Enregistrer la cible du lien). Dans l'admin Typepad, naviguez vers la page Tableau de Bord > Fichiers. Délivrez les fichiers en question dans le dossier racine de votre blog. Ces fichiers sont référencés dans la typeliste créée en 2. Ils utilisent la technologie Ajax pour récupérer les données de Google, et ensuite les mettent en forme.

4. Insérez la typeliste dans votre affichage courant
Il n'est malheureusement pas possible de tester cette fonctionnalité dans un habillage non sélectionné pour votre blog. Donc choisissez une heure de faible affluence, et insérez la typeliste créée en 2. dans l'habillage courant de votre blog. Il suffit d'enregistrer les changements pour voir le résultat, pas besoin de republier tout votre weblog.

Agendacss 5. Modifiez la présentation
Si vous voulez aller un peu plus loin, vous pouvez modifier le style de votre agenda dans la CSS de votre habillage (uniquement disponible avec un abonnement Pro). Dans ce cas, définissez un style pour "#googleEvents a" par exemple, pour modifier l'apparence des liens de l'agenda.
Vous pouvez aussi modifier la présentation des données de l'agenda, par exemple le format des dates, en modifiant le fichier buildEvents.js.

Merci à Aurélien sur asp-php.net pour le script de formatage des dates, il s'utilise les yeux fermés.

Et hop !...

François-Xavier Menard
Consultant free-lance
Conseil et réalisation logiciels
email : fx point menard chez free point fr

Mais en utilisant le champ "Extrait", vous pouvez faire une description personnalisée de l'épisode de votre podcast. De cette façon, vous pouvez écrire ce que vous voulez dans le corps de la note sans vous souciez de la manière dont cela va affecter la description de l'épisode.

Figure 2 : Visualisation du Podcast via Feedburner


Vous pouvez également ajouter une touche originale au blog de votre podcast en incorporant le lecteur en streaming

04/01/2007

Tutoriel : bannière personnalisée

Par François-Xavier Menard

Pas-à-pas : créer une bannière personnalisée pour votre blog Typepad

La technique consiste à utiliser les templates standards de Typepad, à récrire le module "banner", et à le référencer partout en lieu et place du module "banner" fourni.

Etape Notes Chemin Typepad
Abonnement pro Cette technique est accessible uniquement avec un abonnement Pro. Donc adoptez cette option si vous n'y êtes pas encore inscrit. Admin >  Tableau de bord >  Votre compte >  Changer de niveau d'offre
Edition des habillages Naviguez vers la page d'édition des habillages. Admin >  Weblogs >  [votre_blog] >  Habillage
Habillage avancé Convertissez votre habillage courant en habillage avancé s'il ne l'est pas déjà. [...] >  Gestion des habillages >  [sélectionnez votre habillage] >  Convertir en habillage avancé.
Définition d'un nouveau module Créez un module dans lequel vous insèrerez le code de votre bannière. Nommez le nouveau module "banner" et insérez un code html semblable à l'exemple ci-dessous.
<!-- banner -->
<div id="banner"><div id="banner-inner" class="pkg">
<table border=0 width=100%><tr>

<td align=left><a href=<$MTBlogURL$>
title=<$MTBlogURL$>>
<img src= "http://www.sixapart.com/i/tp_06_logo.gif"> </td>
<td align=right>
<a href= "http://www.votre_site.com/bienvenue.php"> Menu1</a> |
<a  href= "http://www.votre_site.com/clients"> Menu2</a> |
<a href="http://www.votre_site.com/produits"> Menu3</a>
</td>

</tr></table></div></div>
[...] >  Habillage >  Modifier >  Créer un nouveau module de gabarit
Mise à jour de la feuille de style Si vous aviez précédemment une image-bannière, supprimez tout le paragraphe préfixé /* banner image */. Tous ces styles sont en effet surchargés pour ne montrer que l'image, ce qui n'est plus votre souhait. Modifiez également la définition de #banner (et ses dérivés) pour rétablir un style "normal". Si vous ne conaissez pas trop les css, supprimez simplement toutes les références de couleur (j'avais pour ma part du blanc sur blanc...). [...] > Habillage > Gestion des habillages > [votre_habillage] > Modifier l'habillage > Stylesheet
Référencement Maintenant, éditez les 5 gabarits suivants pour référencer votre bannière en lieu et place de la bannière standard : Archive index template, Main index template, Category Archives, Databased Archives et Individual archives. Pour chacun, remplacez l'expression <$MTWeblogIncludeModule module="banner"$> par <$MTInclude module="banner"$>. [...] > Habillage > Gestion des habillages > [votre_habillage] > Modifier l'habillage > [gabarit]
Appliquer le nouvel habillage Il n'est pas possible de tester le nouvel habillage sans le publier (car c'est un habillage avancé). Appliquez donc les 3 prochaines étapes consécutivement et à une heure de faible affluence.
Sélectionnez le nouvel habillage comme habillage actif de votre blog.
[...] > Habillage > Gestion des habillages > [votre_habillage] > Appliquer l'habillage
Publication Publiez-le en sélectionnant "Publier seulement la table des matières". [...] > Habillage > Modifier > Publier votre Weblog
Tests Contemplez le beau résultat sur votre blog préféré. Faites les ajustements nécessaires sur les gabarits. Dès lors que le résultat vous convient, vous pouvez publier l'ensemble des pages.  

Et hop !...

Pour voir un exemple de mise en oeuvre : http://jitb.typepad.com

François-Xavier Menard
Consultant free-lance
Conseil et réalisation logiciels
email : fx point menard chez free point fr

29/11/2006

De délicieuses notes

Partagez automatiquement vos favoris au travers de Del.icio.us
Pour les utilisateurs de Del.icio.us, il est possible depuis leur compte d'afficher quotidiennement, au sein d'une note sur leur compte TypePad, les liens, leur description et les tags afférents, marqués au travers de Del.icio.us.
Pour cela, dans votre compte Del.icio.us, il vous suffit de vous rendre dans "settings" puis de cliquer sur "daily blog posting" dans la rubrique "Blogging".
Cliquez sur "add a new thingy", vous devrez alors compléter les champs suivants :

  1. job name – Ce sera le nom de cette publication automatique. différenciez-les en fonction des noms des blogs sur lesquels vous utilisez cette fonction.
  2. out name – Saisissez votre Identifiant TypePad.
  3. out pass – Saisissez votre mot de passe TypePad.
  4. out url - Saisissez cette URL : http://www.typepad.com/t/api.
  5. out time – Saisissez l'heure à laquelle vous souhaitez que cette publication ait lieu. (heures pleines entre 0 et 23 heures GMT)
  6. out blog id - Saisissez ici l'ID de votre blog. Vous trouverez cette information à partir de votre interface d'administration TypePad. L'ID du blog est en fin d'URL, par exemple : https://www.typepad.com/t/app/weblog/manage?blog_id=12345
  7. out cat id – non supporté par TypePad.

Une fois les champs remplis, cliquez sur "Submit Query". Votre requête apparaîtra de la façon suivante :

Pastedgraphic

Désormais vos favoris del.icio.us seront publiés sur votre blog chaque jour à l'heure choisie.

12/09/2006

AIDE EN LIGNE: TOUT NOUVEAU TOUT BEAU

N'hésitez pas à consultez la nouvelle base de connaissances en ligne. Un tout nouveau site pour répondre encore plus rapidement à vos questions 24h/24h.
Si vous n'y trouvez pas la réponse votre abonnement TypePad vous donne aussi un accès au système de tickets d'aide par email . Il suffit alors de  vous authentifier pour faire une demande support spécifique à votre compte.


03/02/2010

Spécial Astuces : mise à jour de la base de connaissances

Plusieurs articles à vous signaler ajoutés à la base de connaissances dernièrement :

1. Contenu de barre latérale personnalisé

Cet article vous montre comment coller vos propres contenus (widgets/JS/HTML dans vos colonnes latérales) - il aurait pu faire l'objet d'un article "les fonctions méconnues de TypePad" de par la description du module "Inclure votre propre HTML".

2. Afficher du contenu au-dessus de votre bannière

Envie d'afficher une méga-bannière ou une barre de menu avant votre bannière blog, cet article vous explique comment faire.

3. Personnaliser la police de caractères de votre blog

La police proposée par TypePad ne vous revient pas ? Faîtes lui afficher votre préférence.

Vous souhaiteriez voir un autre article, un autre thème abordé en priorité ? Laissez-nous un commentaire !


Pour réussir à le mettre en place, il suffit de suivre les indications données par Yannick sur sa note, à savoir :

  1. Placer 2 fichiers sur votre blog (via le gestionnaire de fichiers de TypePad)
  2. Créer un module spécifique avec le code donné par Yannick et spécifier l'emplacement des 2 fichiers placés au préalable sur votre compte
  3. Faire appel à ce module à l'emplacement de votre choix sur votre blog


Vous pouvez voir la mise en oeuvre de ce module chez Yannick dans sa bannière et sur le blog de Yann Savidan en colonne latérale.
Il vous faut évidemment disposer d'un compte Pro TypePad, car il est nécessaire d'avoir accès aux habillages avancés pour créer le module.

20/02/2009

Flux de syndication cassé ?

Dernièrement, nous avons eu une recrudescence de cas de flux de syndication détectés comme invalides par FeedBurner.
En regardant en détail le contenu du flux généré par TypePad, il est apparu que la cause de ce dysfonctionnement soit liée à un copier/coller depuis Word.
Lorsque vous faites un copier/coller depuis Word vers l'interface de publication, en plus du texte saisi côté Word, vous allez aussi envoyer sur TypePad de nombreuses balises propriétaires.
Par exemple, vous avez saisi :

Lorem Ipsum

dans Word, une fois copié/collé dans TypePad, la source du texte ci-dessus devient :

<p style="margin-bottom: 0.0001pt; text-align: justify; line-height: normal;"><span style="font-family: "Arial","sans-serif";">
Lorem Ipsum
<o:p></o:p></span></p>

Dans le code HTML ci-dessus, une balise en particulier pose problème, il s'agit de <o:p></o:p>.
Si votre flux affiche des caractères curieux en lieu et place des accents, et que vous utilisez Word pour publier via copier/coller, alors vous devriez revoir la source HTML vos notes pour supprimer ces balises <o:p></o:p>.
Il vous suffit normalement de reprendre les 10 dernières notes (ou X dernières selon la configuration de votre flux) pour remettre de l'ordre dans votre flux.
En cas de doute, envoyez un message au support.
Et si vous appréciez le confort de Word pour mettre en forme vos notes, utilisez plutôt Windows Live Writer de Microsoft, ou, si vous disposez de Word 2007, lisez cet article pour publier directement sur TypePad sans copier/coller.

Lire la suite "Se jouer des apparences : Leçon 2" »

23/10/2008

Se jouer des apparences : Leçon 1

Dans cette suite de 3 articles autour des habillages avancés de TypePad, nous allons vous montrer comment réutiliser simplement les contenus déjà publiés sur votre blog pour :

  1. Inviter les lecteurs à découvrir une rubrique particulière de votre blog
  2. Rendre votre blog visuellement plus attractif en laissant parler vos contenus

Les pré-requis :
- Etre en habillage avancé,
- Avoir quelques notions CSS/HTML

Attirer l'oeil sur une catégorie
  Pour commencer en douceur, nous allons ici nous intéresser à un tag TypePad particulier : MTEntryBodyFirstImage.
Les habitués de la langue de Shakespeare auront tout de suite compris son objet, récupérer la première image insérée dans le corps d'une note.
Il est de plus possible de faire appel à ce tag au sein du container MTEntries, celui-là même qui vous permet de filtrer vos notes par catégorie ou par période.
Vous voyez tout de suite où nous allons en venir : la création d'un module affichant les dernières notes d'une catégorie mais sous forme de mur d'images.

Lire la suite "Se jouer des apparences : Leçon 1" »

Lire la suite "Modifier votre bannière avec un CSS personnalisé " »

29/06/2007

Pas-à-pas : TypePad Pages

Nous vous avions informé il y a quelques semaines de la mise à disposition des TypePad Pages, fonctionnalité vous permettant d’adjoindre des pages web indépendantes à votre blog sans entraver le fonctionnement de ce dernier.
Vous trouverez, en cliquant sur le lien ci-dessous, un pas à pas détaillé pour en exploiter au mieux le fonctionnement. 

Lire la suite "Pas-à-pas : TypePad Pages" »

30/05/2007

Pas-à-pas : Sitemap et TypePad

1. Sitemap, qu'est-ce que c'est ?
Google Sitemap est une initiative de Google pour améliorer la façon dont son moteur de recherche indexe les pages web.

2. Sitemap dans TypePad
Pour améliorer l'indexation de votre blog, TypePad génère désormais automatiquement un fichier Sitemap qu'il vous suffit de soumettre à Google pour bénéficier de cette optimisation.

  Par défaut, si vous avez choisi de rendre votre blog public, la génération de Sitemap est activée dans TypePad. Si l'un de vos blogs n'était pas public, mais que vous souhaitez changer son état de promotion, rendez-vous dans "Configurer > Promotion", veillez à ce que la diffusion de votre weblog soit activée et mettez à jour le status Google Sitemap à "activé".
Enregistrez vos changements, vous verrez alors apparaître l'URL du fichier Sitemap généré sur cette même page, en dessous des options de génération de Google Sitemap.
Elle sera du type monblog.typepad.fr/monblog/sitemap.xml.
Gardez cette URL en tête, car il vous faudra la soumettre à Google.

3. Soumettre son fichier Sitemap à Google
  Vous devez déjà être titulaire d’un compte 

  L’étape suivante va consister à vérifier que vous êtes le responsable du site soumis. Cliquez sur le lien "Vérifier votre site".



  Dans le nouvel écran qui s'affiche, sélectionnez la deuxième méthode de vérification proposée par Google qui consiste à transférer un fichier HTML à la racine de votre blog.

Dans la liste déroulante choisissez ainsi "Transférer un fichier HTML".

La page va alors se mettre à jour pour vous demander de mettre à disposition sur votre site un fichier dont le nom est fixé par Google. Une fois ce fichier placé sur votre blog, Google pourra vérifier que vous êtes bien en charge de ce blog et acceptera de vous livrer les statistiques et autres informations pour ce blog.

4. Placer le fichier de vérification

Dans TypePad, pour pouvoir créer le fichier de vérification HTML, deux possibilités vous sont alors offertes :

4.1. Utilisez le gestionnaire de fichier pour placer le fichier

  Créez sur votre ordinateur un nouveau fichier texte et nommer le tel que demandé par Google (exemple de nomenclature: google27b1d7853d6201d2.html).

  Il vous suffit ensuite de télécharger ce fichier sur votre blog en utilisant le gestionnaire de fichiers de TypePad disponible dans "Tableau de bord > Fichiers".

Veillez à le placer à la racine de votre blog, de façon à pouvoir soumettre à Google un fichier Sitemap par blog.

 

Lire la suite ...

Partager cet article

Repost 0
Published by Francis Guillot - dans Informatique Windows et Vista
commenter cet article

commentaires

Présentation

  • : Francis Guillot
  • Francis Guillot
  • : informatique et internet - trucs et astuces Windows XP 7 (seven) et Vista - sites internet – comptabilité et fiscalité - tableau de bord - fiscalité - création d'entreprises - droit civil, social et du travail
  • Contact

Like

Yahoo

Myspaceflickr-yahoo-logo.png.v4.png

Recherche