Articles

Affichage des articles associés au libellé blogger

Effet FancyZoom sur les images dans Blogger/Blogspot

Image
Dans un précédent article , on a vu comment obtenir un effet lightbox dans Blogger/Blogspot. Je vous avais parlé de l'effet FancyZoom du co-fondateur de Panic Software . Aujourd'hui, on va voir comment installer cet effet sur Blogger/Blogspot. Tout d'abord, rendez-vous sur le site de Cabel . Il faut maintenant télécharger le soft. Une fois téléchargé, il faut l'installer à la racine de son site, et c'est là que les problèmes commencent, puisqu'avec Blogger, on n'a pas accès par ftp aux fichiers du blog. Il nous faut donc trouver une solution alternative, sur internet il y a de nombreux hébergeurs gratuits d'images, de vidéos et de scripts. Personnellement, je vous conseille d'aller sur Google Sites, et d'ouvrir un site de la sorte vous pourrez héberger vos scripts ou autres documents. Pour ma part, j'ai installé ces scripts sur mon site: <script src="http://franck.melka.perso.sfr.fr/FancyZoom%201.1/js-global/FancyZoo...

Ajouter une icône pour iPhone/iPod Touch/iPad à Blogger/Blogspot

Image
Dans cet article, nous allons voir comment ajouter une icône pour IPhone/IPod et IPad dans Blogger/Blogspot. Ce qu'il est important de comprendre, c'est que cette icône doit se trouver à la racine du site (ou blog), dans notre cas ce sera la racine du blog. Mais comme nous n'avons pas accès par ftp à notre blog, nous allons utiliser une astuce. Avant tout, créez votre icône au format .png en lui donnant comme dimension 128x128 pixels, l'IOS d'Apple se chargera de la redimensionner en fonction des appareils ( qui n'était pas le cas avant, mais comme il y a de plus en plus de modèles, cette fonctionnalité a été rajoutée ). 1. Connectez vous à votre compte et créez un nouveau message 2. Cliquez sur l'image que vous venez d'importer, après avoir publié votre article 3. Dans la barre de navigation, vous avez le lien vers la racine du blog, où est hébergée votre icône, comme indiqué dans la capture d'écran ci-dessus. 4. Maintenant que ...

Effet Lightbox sur les images dans Blogger/Blogspot

Image
Dans cet article, nous allons voir comment obtenir un effet lightbox sur des images dans Blogger . Cet effet lightbox est très élégant et fait en sorte que les images s'ouvrent et s'affichent dans un cadre qui ressemble au design de l'écran d'un Imac. Pour cet effet nous utiliserons du Javascript , des CSS pour la mise en forme, et un "Prototype Framework" installé sur les serveurs de Google. Pour ceux qui veulent aller plus loin dans la compréhension de cet effet et plonger au coeur du code, je vous propose d'aller visiter la page du créateur de cet effet Lokhesh Dhakar . Vous pouvez aussi vous rendre à cette adresse pour avoir le code du Fancy Zoom , créé par Name: Cabel Maxfield Sasser Job: Co-Founder, Panic Inc. Location: Portland, OR Email: cabel@panic.com ou lire cet article que j'ai rédigé et qui explique comment intégrer cet effet à Blogger. Installation 1. Connectez vous à votre compte Blogger et rendez-vous sur votre tab...

Créer un menu de navigation pour blog Blogspot/Blogger

Image
Comme vous le savez, Blogger permet de construire des pages statiques comme "A propos"..etc... et jusqu'à 10 pages. L'astuce que je vous propose aujourd'hui est de se construire une barre de navigation pour son blog en utilisant les catégories que vous avez créées. De la sorte, vous pourrez disposer de pages dynamiques, en fait de différents "sous-blogs" puisque chaque page pourra avoir un nombre illimité de messages et commentaires. Cette astuce respectera la charte graphique de votre blog et il n'y a aucun code à modifier. Rendez-vous dans Tableau de bord--->Publication d'un nouveau message-->Modifier les pages. C'est là que vous allez créer votre nouvelle page. Donnez lui un nom et n'utilisez pas le Gadget Liste de Pages de Blogger  ( qui lui ne respectera pas votre charte graphique et c'est ça l'astuce ). Maintenant les pages sont créées et paramètrées comme vous le souhaitez, en fait, vous les paramètrez comme vous le f...

Version IPhone de votre Blogspot, Blog ou Site grâce à votre flux RSS

Image
  Créez la version mobile de votre site Web Qui n'a pas rêvé d'avoir sa version  IPhone  pour son  Blog  ou Site Web? Aujourd'hui c'est possible, grâce à   Ipheeds . Le site d' IPheeds  est tout simple : un champ URL permettant de soumettre le flux pour créer votre URL  iPhone  qui va permettre d'afficher les derniers billets de votre site. Ce qui donne par exemple pour ce  blog  : &#39;http://ipheeds.org/?ipheed=http://techtoolgeek.blogspot.com/feeds/posts/default?alt=rss&#39;   (   une  fois passé à la moulinette des serveurs de  Blogger    ) Pour le voir dans votre navigateur, cliquez sur:  http://ipheeds.org/?ipheed=http://techtoolgeek.blogspot.com/feeds/posts/default?alt=rss Si vous avez un  Blog   Blogspot , c'est très simple, avant la balise:  <b:skin><![ CDATA[ /* (  pour  la trouver, ctrl+F dans le code source quand vous êtes dans  D...