dimanche 4 décembre 2011

Dynamic Views

Nouvelle fonctionnalité de Blogger, les Dynamic Views (Affichages dynamiques). Je ne vous en parlerai pas précisément aujourd'hui pour la bonne raison que je ne les ai pas expérimenté vraiment. Mais vous pouvez en avoir un aperçu de ce que donnerait BlogNotes en affichage dynamique en cliquant sur ce lien: http://blogtricker.blogspot.com/view/sidebar (il s'agit en fait d'une simulation...  réelle).
Bien sûr, vous pouvez aussi aller dans le Tableau de bord puis Modèles et transformer ainsi définitivement votre blog.
Premier constat, la navigation est très rapide ce qui peut être intéressant pour les connexions lentes... Par contre, on perd les widgets et donc les liens.

Comment l'appliquer à d'autres blogs?
Il suffit de changer le nom du blog
http://monblog.blogspot.com/view/sidebar
Cela ne fonctionne évidemment que pour Blogger...

Autres options donnant une mise en page différente...
En remplaçant sidebar par snapshot, magazine, flipcard, mosaic, timeslide ou classic, l'affichage sera différent mais il est aussi tout à fait possible de choisir un autre affichage dans la barre en haut.


En savoir plus sur les Affichages Dynamiques

Votre blog en vue dynamique

Vous pouvez aussi utiliser le formulaire ci-dessous... Copiez-collez  blogtricker  ou autre dans la "box" ci-dessous puis cliquez sur OK. (Il y est déjà)


/td>

Vous pourrez ensuite changer de vue facilement: mosaic, flipcard, snapshot ou autres...

Voici le code du formulaire de base (Il est possible d'en faire un widget):

<table><tbody><tr><td>
<span style="color: #666666;">http://</span><input id="__blogname" /><span style="color: #666666;">.blogspot.com</span> <button onclick="window.open('http://' + document.getElementById('__blogname').value + '.blogspot.com/view');">Valider</button></td></tr>
</tbody></table>


Voici une version encore plus épurée pour un widget (celle affichée plus haut)


<table align="center" width="100%">
    <tbody>
    <tr>
        <td height="55" width="100%">
            <p align="center" style="line-height:120%; margin-top:0; margin-bottom:0;">Votre Blog en Dynamic View</p>
            <p align="center" style="line-height:120%; margin-top:0; margin-bottom:0;"><input id="__blogname" / size="11" value="blogtricker">  <button onclick="window.open('http://' + document.getElementById('__blogname').value + '.blogspot.com/view');">OK !</button></p>
        </td>    </tr>
    </tbody>
</table>


Notez qu'une fois de plus, je n'ai pas réussi à faire fonctionner ce formulaire sur ce Blog. Donc, je l'ai installé sur un de mes blogs "basic" puis je l'affiche ici à travers un iframe.
Vous pouvez voir le widget en action dans la sidebar à gauche

1 commentaire:

  1. Bonjour, Je vous invite à découvrir le site Slowbizz.com (qui n'est pas un blog), réalisé intégralement à l'aide de Blogger Dynamic Views / Wufoo / Madmimi (et Photoshop ;-)). Un site qui héberge le premier réseau international de concerts à domicile. Bon surf ! Frédérick http://slowbizz.com

    RépondreSupprimer