Afficher Info PC sur votre site !! -

Afficher Info PC sur votre site !!

30 Décembre 2008 , Rédigé par Jean Michel Publié dans #-

Afficher Info PC sur votre site ou votre blog !!

Les derniers articles

Info PC vous propose de publier sur votre site web, les articles du site et l'annonce des nouveaux articles mis en ligne. Grâce à un certain nombre d'outils décrits ci-dessous, il vous est alors possible d'inclure gratuitement les nouveautés d'info PC sur votre site, afin notamment de le rendre plus actif, sans aucun effort.

Info PC vous propose deux technologies :

fils RSS, permettant aux sites dynamiques (en ASP ou PHP par exemple) d'afficher les articles d'info PC selon leur propre charte graphique, grâce à un fichier XML. Il s'agit de la solution apportant le plus de souplesse, mais demandant quelques notions techniques ;
flux Javascript, permettant à n'importe quel webmaster d'inclure très facilement la liste des derniers articles sur leur site. La mise en place de ce type de flux est enfantine, mais la personnalisation de l'affichage du flux est plus limitée.

Fil RSS

Un fil RSS est une description synthétique du contenu ou d'une partie du contenu d'un site web, dans un fichier au format XML, afin de permettre son exploitation par d'autres sites web.

FILS RSS ARTICLES SITE INFO PC clic ici

Flux Javascript

Le flux Javascript est un simple morceau de code HTML à coller dans le code source de la page afin de faire apparaître les articles d'info PC

Pour faire apparaître ce fil d'actualités sur votre site, affichées en temps réel, procédez comme suit :

Copiez le code ci-dessous
Collez ce code au sein du code HTML des pages de votre site, à l'emplacement où vous souhaitez qu'apparaissent les articles d'info PC

Voici un aperçu de l'affichage d'un tel flux :

Code à recopier:

Pour mettre un lien direct vers Info PC sur votre site ou votre blog il vous suffit simplement de faire un Copier / Coller du code HTML ci-contre.

Bannières Info PC

Copier / Coller du code HTML ci-dessous:
<a href="http://jmg.over-blog.com/" target="_blank"><img src="http://sd-1.archive-host.com/membres/up/1657635005/infopc_mixfinal.jpg" class="CtreTexte" style="border: 0px solid #000000; margin: 0px auto" height="66" width="768"

Copier / Coller du code HTML ci-dessous:
<a href="http://jmg.over-blog.com/" target="_blank"><img src="http://sd-1.archive-host.com/membres/up/1657635005/infopc_mix23final.jpg" class="CtreTexte" style="border: 0px solid #000000; margin: 0px auto" height="66" width="768"

Windget flux RSS des derniers articles Info PC

Chargement...

Copier / Coller du code HTML ci-dessous:

<div id="feed-control"><span style="color:#676767;font-size:15px;margin:10px;padding:4px;">Chargement...</span></div>

function LoadDynamicFeedControl() {

var feeds = [

{title: 'Dernières parutions',

url: 'http://jmg.over-blog.com/rss2.php'

}];

var options = {

stacked : false,

horizontal : true,

title : ""

}

new GFdynamicFeedControl(feeds, 'feed-control', options);

}

// Load the feeds API and set the onload callback.

google.load('feeds', '1');

google.setOnLoadCallback(LoadDynamicFeedControl);

// --></script>

</center>

@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");

--></style>

Mettre une horloge flash style Vista Info PC sur votre site ou votre blog

Recopier puis coller le code flash ci dessous

<object type="application/x-shockwave-flash" height="151" width="151" data="http://sd-1.archive-host.com/membres/up/1657635005/Horloge-flash_final_infoPC.swf">
<param name="base" value="http://sd-1.archive-host.com/membres/up/1657635005/">
<param name="wmode" value="transparent">
<param name="menu" value="true">
<param name="src" value="http://sd-1.archive-host.com/membres/up/1657635005/Horloge-flash_final_infoPC.swf">
</object>

Recopier puis coller le code flash ci dessous

<object type="application/x-shockwave-flash" height="170" width="170" data="http://sd-1.archive-host.com/membres/up/1657635005/Horloge8GFINALlien.swf">
<param name="base" value="http://sd-1.archive-host.com/membres/up/1657635005/">
<param name="wmode" value="transparent">
<param name="menu" value="true">
<param name="src" value="http://sd-1.archive-host.com/membres/up/1657635005/Horloge8GFINALlien.swf">
</object>

Recopier puis coller le code flash ci dessous

<object type="application/x-shockwave-flash" height="100" width="100" style="width: 166px; height: 166px;" data="http://sd-1.archive-host.com/membres/up/1657635005/Horloge11BFINALlien.swf">
<param name="base" value="http://sd-1.archive-host.com/membres/up/1657635005/" />
<param name="wmode" value="transparent" />
<param name="menu" value="true" />
<param name="src" value="http://sd-1.archive-host.com/membres/up/1657635005/Horloge11BFINALlien.swf" />
</object>

Partager cet article

Article précédent Article suivant

Retour à l'accueil

Commenter cet article

treintafouire

01/06/2009 11:45

J'ai rajouté le bouton Liens vers Info PC ;p . L'horloge est pas mal , mais je ne veux pas trop charger mon blog ^ ^ , puis mettre du vista à coté de linux . . . . :D super bien fait (y)

Répondre

Jean Michel

01/06/2009 12:43

<br /> Merci pour ton lien treintafouire, effectivement l'horloge vista avec linuxgrrr... ton blog est vraiment sympa passe une bonne journée <br /> <br /> <br />

jpaul

13/02/2009 21:38

je n'y arrive pas....snifff deja que mon gif pivotant ne fonctionne plus.....

Répondre

mimimarigny

28/01/2009 12:14

merci pour la pendule et le lien.resterais de cette façon en contact, avec tout ces bons renseignements.

Répondre

Annak

18/01/2009 07:26

Bonjour Jean-Michel :)Bien conçu cet article.J'ai regardé ton pb de marge au niveau du titre et vu la différence entre FF et IE. Mais je n'arrive pas à voir quelle ligne il faudrait modifier (comme tu les as toutes trouvé) pour que le rendu soit aussi bon sous FF et IE :(Bon dimanche. Le temps est épouvantable en ce moment ici : froid et humide :(Grosses bises

Répondre