Overblog Suivre ce blog
Administration Créer mon blog
3 février 2010 3 03 /02 /février /2010 14:46
La barre OverBlog, disponible sur mon blog et sur des centaines d'autres depuis quelques jours, sera disponible pour l'ensemble des blogs à partir de ce jeudi.

Côté blog

ob_barre.png

On y voit un menu pour aller voir les autres blogs sur overblog, le lien vers les meilleurs blogs de ma catégorie (Hi Tech) et des astuces pour que vos visiteurs puissent recommander le blog par mail, sur Facebook, sur twitter, etc.
Le moteur de recherche a été placé à droite. Il est possible aux visiteurs de masquer la barre s'ils le souhaitent.
La partie "Vous aimerez aussi" permet d'accèder à une liste de blogs. Ces blogs sont les blogs qui sont également lus par les visiteurs du blog en cours.


Côté administration
Sur la page "Configurer", on peut modifier les options. Il suffit de cliquer sur l'icone "marteau" de la barre dans la représentation.
A noter: la barre est identique pour toutes les pages, même si le blog est en mode avancé.
conf_ob_barre.png

On peut en choisir la couleur dans une liste, et selon le niveau, on peut:
  • Désactiver la barre
  • Enlever le logo...
Ces options sont toutes actives pour les blogs premiums, mais les blogs gratuits sont limités au choix de la couleur.


Fonction "Barre sur le liens externes"
Cette fonction est bien utile. Si les visiteurs cliquent sur un lien sur votre blog pour en sortir, la barre reste en haut de la page, pour leur permettre de revenir sur votre blog quand ils auront fini leur promenade sur d'autres pages que les votres.




Repost 0
27 juillet 2007 5 27 /07 /juillet /2007 12:55

[Javascript => résérvé aux privilège et premium ]

Configuration du Widget
Technorati propose des widgets utiles: tags d'articles, classement dans le référencement (technorati est le site de référence pour connaitre son référencement)
Liste des widgets de technorati
Une fois sur la page, il faut

  •  
  • Choisir le widget
  • Copier le code du widget voulu,
  • Modifier le code pour le personnaliser en fonction de son blog

 
Reste à l'ajouter sur le blog

  •  
  • Il suffit d'aller dans "configurer" > "Mise en page"
  • Clic sur le marteau d'une zone "Texte Libre"
  • Clic sur "Editer la source"
  • Coller le code source (complet, avec les modifications)
  • Et valider.



Exemple
Il faut remplacer {URL} par l'url de votre blog. Il faut quelques minutes pour que le script se mettent en place

 

<script src="http://widgets.technorati.com/t.js" type="text/javascript"> </script>
<a href="http://technorati.com/blogs/{URL}?sub=tr_authority_t_ns" class="tr_authority_t_js" style="color:#4261DF">View blog authority</a>

 

Repost 0
25 juillet 2007 3 25 /07 /juillet /2007 14:45
[Javascript => résérvé aux privilège et premium ]

Configuration du Widget

Pour ajouter les programmes télés, le plus simples est d'utiliser les widget de google:
Une fois sur la page, il faut changer les paramètres:
  • La couleur de la bordure,
  • Les dimensions (pour une colonne "large" sur over-blog, prévoir une largeur de 240 pour avoir de la marge.
  • Vous pouvez choisir les chaînes, et quelques autres options.
Ensuite, un clic sur "obtenir le code", et copier le contenu de la case.


Reste à l'ajouter sur le blog

  • Il suffit d'aller dans "configurer" > "Mise en page"
  • Clic sur le marteau d'une zone "Texte Libre"
  • Clic sur "Editer la source"
  • Coller le code source (complet, sans le modifier)
  • Et valider.


Il vaut mieux tester avant, et mettre au point les réglages par tatonnement. (surtout au niveau de la taille...)
Repost 0
30 janvier 2006 1 30 /01 /janvier /2006 11:24
Macromedia Flash offre la possibilité de lire des sons à la demande. Dans certains cas, il peut être utile d'intégrer à des pages web des animations permettant de pré visualiser (pré auditer plutôt) un son au format mp3. Bon nombre de ces animations disposent d'interfaces peu attrayantes ou bien trop lourdes.
Quelqu'un a eu la bonne idée de programmer un petit lecteur simple, et léger.

Il n'a rien de sorcier, de complexe ou de mystérieux. Son principal avantage, outre sa légèreté, réside en sa capacité à télécharger le contenu du son à la demande et non au moment du chargement de la page, car le fichier audio n'est pas contenu dans l'animation mais appelé dynamiquement lorsque l'on clique sur play.

Son utilisation est simple car il suffit d'utiliser le code HTML classique pour une animation flash, en spécifiant dans l'url le nom du fichier comme un argument (typiquement ?son=...). Cela permet aussi de générer des listes de fichiers audio sur un serveur, par exemple dans une page web via un script PHP, et de proposer des aperçus en utilisant le même code et le même fichier swf. Ici un exemple avec votre_son.mp3 en supposant qu'il se trouve dans le même répertoire (sinon le chemin relatif passe aussi mais évitez d'utiliser des espaces ou caractères accentués).

Le code : (à mettre en mode source)

Ce code est simplifié puisque les admins ont simplifié l'insertion. Si vous utilisez le code "complet", cela entraine par contre pas mal de soucis.

Mais si vous voulez mettre plusieurs morceaux sur la même page, il faut utiliser le mode complet.

dewplayer:votre_son.mp3&

  Vous devez remplacer les parties vertes par l'adresse du fichier son.

 

Un petit exemple:

 

dewplayer:http://ddata.over-blog.com/0/09/23/80/silent-night.mp3&

 Le formulaire pour se simplifier la vie:

Adresse du fichier son:



Copiez le contenu de cette case:


Collez le code en mode source (en savoir plus sur le mode source) là où vous souhaitez voir le lecteur de son apparaître.
Repost 0
25 novembre 2005 5 25 /11 /novembre /2005 20:36
Voilà une méthode pour mettre de la neige sur les over-blogs.
(Fonctionne en mode privilège et premium, nécessite le mode avancé)

Dans le pied de page, en mode source, vous pouvez coller ce script:

<script src="http://ddata.over-blog.com/xxxyyy/0/09/23/80/flocons/snow.js" type="text/javascript"></script>


Vous pouvez changer le nombre de flocons, les images, etc, en editant le script (que vous devrez alors heberger dans vos fichiers).

Merci à Ticman et Kikojo qui ont fait un boulot formidable.


Méthode en confiance:
Voir l'article sur le blog de c.s.s
Repost 0
7 octobre 2005 5 07 /10 /octobre /2005 00:00
Favoris - Bookmark - Définition
Il s'agit en fait tout simplement de 'raccourcis' vers des sites web. Tous les navigateurs disposent de cette option (à ma connaissance). Cela permet de ne pas devoir se souvenir de toutes les adresses que l'on connaît.


Comment ajouter un favoris?
Deux méthodes:
> soit le site propose un lien, en cliquant, le navigateur ouvre le petit module d'ajout de favoris.
> soit vous ouvrez le petit module vous-même.
Note pour firefox 1.0fr: il faut aller dans Marque-pages, puis marquer cette page (ou Ctrl+D)
Note pour internet explorer: il faut aller dans le menu Favori, puis ajouter aux favoris.


Pourquoi trier les favoris ?
Lorsque l'on a trop de favoris, on ne s'y retrouve plus (à l'heure où je parle, je dois en avoir environ 600). Donc, le tri est nécessaire. Les navigateurs classiques permettent de les hiérarchiser comme des fichiers (comprendre par là que l'on peut créer une arborescence de répertoire contenant nos favoris)


Comment trier les favoris ?
Cela dépend de votre navigateur.
Pour firefox: Soit vous allez dans Marques-pages > Gérer les marque-pages. A partir de là, vous pouvez glisser déplacer vos Favoris comme bon vous semble.
Soit vous les déplacez directement dans le menu, en les glissant déposant la où vous le souhaitez.
Note pour ces méthodes: je préfère la première pour vraiment faire du tri, mais la seconde suffit pour corriger un défaut ;)

Pour internet explorer: Soit vous allez dans Favoris > Organisez vos Favoris, et de là vous glissez déposez vos favoris comme vous le souhaitez.
Soit vous activez l'onglet Favoris (barre de bouton), et là encore, le glisser déposer est de mise.


Comment créer un lien d'ajout aux favoris ?
Il faut taper ce code (en mode source):

<a href="javascript:if(window.sidebar){window.sidebar.addPanel('Le%20Nom%20du%20lien','http://votre site.over-blog.com','');}else%20if(window.external){window.external.AddFavorite('http://votre site.over-blog.com','Le%20Nom%20du%20lien');}">Ajoutez ce site à vos favoris</a>


Note: Si l'utilisateur a désactivé le javascript, ce lien ne fonctionnera pas.
Repost 0
28 septembre 2005 3 28 /09 /septembre /2005 00:00
Une fonction permet de supprimer le click droit (même en confiance)

Dans Configurer > Options globales, aller dans Réglages avancés.
Puis cocher la case: "Bloquer le clic droit de la souris (permet une protection anti-copie)".


Pour relooker le menu apparaissant:
/*-----------------click droit----------------------*/
#menuClicDroit {background: #eeeeee; border: 2px solid #DE7008; }
#menuClicDroit a {color: #DE7008;}

(à modifier selon vos gouts une fois ajouté dans le css)
Repost 0
18 septembre 2005 7 18 /09 /septembre /2005 00:00
Merci à Francisek pour l'astuce

J'ai attrapé au vol une astuce pour insérer des smileys dans votre over-blog. Et oui, il existe 125 images prédéfinies et utilisables directement en entrant un code spécial dans le texte (merci Proceau). Ce code est de la forme :0063:
Voici donc la liste des codes utilisables (le code est à placer entre les deux :, par exemple :0001: donne ) !!!


 0001
:0001:
0002
:0002:
0003
:0003:
0004
:0004: 
 0005
:0005:
0006
:0006:
0007
:0007:
0008
:0008:
 0009
:0009:
0010
:0010:
0011
:0011:
0012
:0012:
 0013
:0013:
0014
:0014:
0015
:0015:
0016
:0016:
 0017
:0017:
0018
:0018:
0019
:0019:
0020
:0020:
Repost 0
16 août 2005 2 16 /08 /août /2005 00:00
Encore une question traitée - souvent à la volée et de manière superficielle - dans le forum :
Comment insérer une musique dans son blog ?

Je vous conseille d'insérer les mp3 par la méthode dewplayer

Présentation

Il y a plusieurs façons de jouer de la musique sur Internet.
Les méthodes se différencient selon que l'on veut faire appel:
  • à l'application lecteur multimédia par défaut du visiteur (Windows Media Player, iTunes - QuickTime, RealMedia, WinAmp etc...) qui s'ouvre dans une nouvelle fenêtre.
  • au plugin multimédia du navigateur qui affiche ou non un panneau de contrôle dans la page web.
Mais la même méthode peut ne pas fonctionner selon :
  • le type de fichier musical que l'on veut jouer (MP3, AIF, MOV, RAM, etc..).
    Je vous conseille de définir le type de fichier dans le code que vous insérerez (voir les types MIME ci-dessous)
  • le navigateur du visiteur
  • le lecteur multimédia (et le système d'exploitation) du visiteur

Les méthodes

Dans chacune des méthodes ci-dessous, vous devez insérer le code HTML (en mode HTML et non Design) dans votre article, votre entête, votre pied de page ou un module Texte libre.

Le lien direct
La méthode IMG
La méthode OBJECT

Le lien direct

Il vous suffit d'insérer un lien vers votre fichier musical, par exemple:

<a href="http://francisek.gplm.free.fr/obzic/Mozart-la-flute-enchantee.mp3">La flûte enchantée</a>
Résultat:
La flûte enchantée

La musique ne démarre pas automatiquement, elle est d'abord intégralement téléchargée.


La méthode IMG

Cette méthode ne permet pas d'afficher de panneau de contrôle et fonctionne de manière aléatoire selon les navigateurs.
Le code HTML pour cette méthode est :
<IMG DYNSRC="http://urldemonfichier.fr/Mozart-la-flute-enchantee.mp3" border="0"/>
Autre inconvénient, il faut changer le style CSS des images afin de leur attribuer une bordure.


 

La méthode OBJECT

La méthode OBJECT est plus compliquée mais beaucoup plus intéressante que les précédentes car plus compatible. Elle permettra presque à coup sûr à vos visiteurs de profiter de votre musique.

La méthode OBJECT définit le lecteur (WMP, iTunes, RealPlayer) qui sera utilisé par votre visiteur. Je vous déconseille d'utiliser la version Windows Media Player car le plugin n'est pas disponible sur tous les systèmes d'exploitation et le panneau de contrôle ne s'adapte pas à la taille que vous définissez. Vous préférerez donc l'usage de QuickTime, beaucoup plus intéressant à mon sens.
Voici donc le code à insérer :

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="160" HEIGHT="16" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM
name="SRC" VALUE="http://francisek.gplm.free.fr/obzic/playlist.m3u">
<PARAM
name="AUTOPLAY" VALUE="false">
<PARAM
name="LOOP" VALUE="false">
<PARAM
name="CONTROLLER" VALUE="true">
<EMBED
type="audio/x-mpegurl" src="http://francisek.gplm.free.fr/obzic/playlist.m3u" autoplay="false" width="160px" height="16px" loop="false" controller="true" PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>

Et le résultat:


Notez que la balise OBJECT inclut une balise EMBED pour assurer la compatibilité entre navigateurs.
Il faut donc définir deux fois les paramètres du lecteur. Les paramètres sont passés à la balise OBJECT via des balises <PARAM name="" value=""> et à la balise EMBED par des paires nom="valeur"

 

Ces paramètres sont les suivants :

Name Value
SRC URL du fichier ou de la playlist à lire.
AUTOPLAY
  • true : lecture automatique
  • false : lecture lancée par le visiteur
CONTROLLER
  • true : affiche le panneau de contrôle
  • false : n'affiche pas de panneau
TYPE

(dans EMBED) Type MIME du fichier à lire. Par exemple:

  • mp3 => audio/mpeg
  • m3u => audio/x-mpegurl
  • au => audio/basic
  • aiff => audio/aiff

L'avantage est qu'on peut aussi insérer des vidéos par ce biais.

  Voir tous les paramètres (en anglais)

 

Construire une Playlist (pour MP3)

Il y a de nombreux avantages à ne pas mettre un fichier MP3 directement en paramètre SRC mais plutôt un fichier de playlist (m3u):

  • lecture de plusieurs morceaux à la suite
  • lecture en streaming : la lecture commence sans que le fichier ne soit complètement chargé.
  • modifications faciles : pour ajouter des titres, il suffit d'éditer le fichier M3U

Je vous conseille donc d'utiliser une playlist même si vous n'avez qu'un fichier à lire !!

Le fichier de playlist est un simple fichier texte qui contient l'URL des fichiers MP3 à lire placés. Voici un exemple de fichier M3U :

Mozart-la-flute-enchantee.mp3
http://www.monsite.com/Beethoven-9eme.mp3
classique/dvorak-nouveau-monde.mp3

Le premier morceau est dans le même dossier que la playlist, le second sur un autre site et le troisième dans un sous-dossier classique.
 
Repost 0
13 août 2005 6 13 /08 /août /2005 00:00
Créer un forum sur son blog se fait en deux étapes.

1/ Créer le forum.
Pour cela, le plus simple est d'utiliser un site proposant la création de forum gratuitement.
Celui qui semble très utilisé: Forumactif.
Pendant la création du forum, notez bien son adresse.


2/ Ajoutez un lien sur votre blog
Choisissez l'endroit où vous voulez mettre votre lien: Entête, pied de page ou module texte libre.
Editer cette zone, en y ajoutant un lien:
- Tapez un message "Allez sur mon forum" (par exemple)
- Sélectionnez le message.
- Cliquez sur le bouton d'ajout de lien
- Remplissez les options (ou pas) et validez.
 
Repost 0

Accueil

Rechercher

Texte Libre