15 septembre 2010

[Blogger] Transformer votre blog en Podcast

TUTORIEL en 3 étapes :




Etape 1

Tout d'abord il faut activer les pièces jointes sur les messages : aller dans Paramètres/Mise en forme puis mettre à 'Oui' Afficher les champs Lien








Ajoute l'option permettant d'inclure, dans chacun de vos messages, des liens vers des URL ou vers du contenu en podcasting.









Etape 2

Allez dans : Préséntation/Modifier le code HTML/Cocher 'Développer des modèles de gadgets'

et rajouter ce code HTML à la suite de la balise <data:post.body/>










<!-- debut pieces jointes -->




<style>

.piece-jointe{

background : url(http://lh6.ggpht.com/_hMucZ6fziyo/TR-iGQE9VrI/AAAAAAAAKVY/AHYPUrtKUik/1293918699_PaperClip4_Black.png) no-repeat left center;

height : 32px;

width : 32px;

float : left;

}

</style>




<script type='text/javascript'>var numberEnclosure = 0;

<b:loop values='data:post.enclosures' var='enclosure'>

numberEnclosure++;

</b:loop>

var enclosureTitle = numberEnclosure + ((numberEnclosure==1) ? &quot; pièce jointe&quot; : &quot; pièces jointes&quot;);

var isDisplay = (numberEnclosure==0)? &quot; style=&#39;display:none;&#39;&quot; : &quot;&quot;;

</script>




<b:if cond='data:post.enclosures'> 






<script type='text/javascript'> document.write(&quot;&lt;div class=&#39;post-footer&#39;&quot;+isDisplay+&quot;&gt;&quot;); </script>

<span class='piece-jointe'/> &amp;nbsp; 

<script type='text/javascript'>document.write(enclosureTitle);</script> : 



<ul style='list-style: none;'>

<b:loop values='data:post.enclosures' var='enclosure'>

<li>

<b:if cond='data:enclosure.mimeType == &quot;audio/mpeg&quot;'>




<object expr:data='&quot;http://bilelzz.free.fr/player/player_mp3_maxi.swf?showstop=1&amp;showvolume=1&amp;volume=50&amp;width=170&amp;textcolor=666666&amp;buttoncolor=000000&amp;buttonovercolor=000000&amp;bgcolor1=f5f5f5&amp;bgcolor2=cccccc&amp;sliderovercolor=333333&amp;autoplay=0&amp;mp3=&quot;+data:enclosure.url' height='20' type='application/x-shockwave-flash' width='170' wmode='transparent'>

<param expr:value='&quot;http://bilelzz.free.fr/player/player_mp3_maxi.swf?showstop=1&amp;showvolume=1&amp;volume=50&amp;width=170&amp;autoplay=0&amp;textcolor=666666&amp;buttoncolor=000000&amp;buttonovercolor=000000&amp;bgcolor1=f5f5f5&amp;bgcolor2=cccccc&amp;sliderovercolor=333333&amp;mp3=&quot;+data:enclosure.url' name='movie'/>

<param name='loop' value='false'/>   

<a expr:href='&quot;&quot;+data:enclosure.url'>Voir la pièce jointe</a>

</object>

<a expr:href='data:enclosure.url' expr:title='&quot;Ecouter le son : &quot; + data:enclosure.url' rel='enclosure' target='_blank'>Source originale</a>




</b:if>

<!-- AUTRE TYPE MIME -->

<b:if cond='data:enclosure.mimeType != &quot;audio/mpeg&quot;'>

<a expr:href='data:enclosure.url' expr:title='&quot;Voir le document : &quot; + data:enclosure.url' rel='enclosure' target='_blank'> Voir le document</a> 

</b:if>

</li>

</b:loop>

</ul>

&lt;/div&gt;

 </b:if>

<!-- fin pieces jointes -->








Code HTML à copier











illustation








Etape 3

Enfin, vous pouvez ajouter un lien vers des documents et même des mp3 qui seront proposés automatiquement à la lecture :





Vous pouvez contempler un exemple sur ce propre message.

Aucun commentaire:

Enregistrer un commentaire