Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

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 :

  1. Copiez le code ci-dessous
  2. 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
  3.  
 <script src="http://www.rss-info.com/rss2.php?integration=js&amp;windowopen=1&amp;rss=http%3A%2F%2Fwww.jmg.over-blog.com%2Fatom.php&amp;number=10&amp;width=700&amp;ifbgcol=FFFFFF&amp;bordercol=D0D0D0&amp;textbgcol=F0F0F0&amp;rssbgcol=F0F0F0&amp;showrsstitle=1&amp;showtext=1" type="text/javascript">
</script>


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

 





 

Info PC : Le meilleur MIX sur l'informatique
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:

<br> <center>

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

<!-- Google Ajax Api   -->

<script src="http://www.google.com/jsapi?key=notsupplied-wizard" type="text/javascript"></script>

<!-- Dynamic Feed Control and Stylesheet -->

<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript"><!--

    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>

<!-- ++End Dynamic Feed Control Wizard Generated Code++ --> </center>

<style type="text/css"><!--

    @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

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)

Jean Michel 01/06/2009 12:43


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


jpaul 13/02/2009 21:38

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

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.

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