Lightbox / Photoblog Blogger Template Album / photoblog modèle Blogger

July 7, 2006 · Filed Under Juillet 7, 2006 Classé dans Blogger Templates Blogger Templates

photoblog blogger modèle JavaScript

Lightbox / Photoblog Blogger Template Album / photoblog modèle Blogger

ps This Blogger Template uses Javascript effect to display the images, please enable javascript console in your browser. PS Le modèle Blogger effet utilise le langage Javascript pour afficher les images, s’il vous plaît permettre à la console javascript dans votre navigateur. Unlike other template, some of the images like gif and Javascript files have to be hosted on GeckoandFly’s server, I don’t know how much bandwidth it is going to consume in the long run but I do hope that the least you guys could do is not to remove the button on the template. Contrairement à d'autres modèles, certaines des images gif comme le Javascript et les fichiers doivent être hébergées sur le serveur de GeckoandFly, je ne sais pas la quantité de bande passante qu'il va consommer, à long terme, mais j'espère que vous le moins pourrait gars faire, c'est de ne pas supprimer le bouton sur le modèle.

Now the tutorial part, there are some minor modification that you need to do or shall I say coding inorder to have that cool javascript effect. Maintenant, ce tutoriel part, il ya des modifications mineures que vous devez faire ou dois-je dire de codage Afin de frais qui ont javascript. Its very simple, no worries. C'est très simple, pas de soucis. First you have to install the template, then follow the step by step tutorial below whenever you upload your images. Tout d'abord, vous devez installer le modèle, puis suivez les pas à pas tutoriel ci-dessous chaque fois que vous transférez vos images.

Step 1: Go to “Edit html” mode instead of “Compose” mode when uploading your images. Etape 1: Cliquez sur "Modifier le code HTML" au lieu du mode "Compose" mode lors du téléchargement d'images.
album tutoriel JavaScript modèle

Step 2: After uploading the image, you’ll see the code for the image, select the string of codes that I’ve highlighted in yellow/beige in colour. Étape 2: Après le téléchargement de l'image, vous verrez le code de l'image, sélectionnez la chaîne de codes que j'ai surligné en jaune / beige en couleur. Add a rel=”lightbox” attribute to the code. Ajouter un rel = "album" attribut du code.
album tutoriel JavaScript modèle

Step 3: Replace the code in beige in colour with rel=”lightbox” . Étape 3: Remplacer dans le code de couleur beige avec rel = "album". example below: exemple ci-dessous:

code JavaScript

Don’t push the panic button, only 3 steps and its all about “copy” and “paste”. Ne pas pousser le bouton de panique, seulement 3 étapes et sur tous ses "copie" et "coller". You have to apply the code for all the images in your blog, yes even for the previous images. Vous devez appliquer le code pour toutes les images dans votre blog, oui, même pour les autres images.

Tags: , , , ,

We Recommend Nous Recommander

Stories you may be interested in based on past browsing Histoires mai vous être intéressés, en fonction des dernières navigation

Comments Commentaires


  1. kca KCA

    July 7th, 2006 Juillet 7 mars 2006
    1 1

    You know that i just got love for you!!! Vous savez que je viens de recevoir l'amour pour vous!

    :O) Thanks again! : O) Merci encore!


  2. jon Jon

    July 23rd, 2006 Juillet 23rd, 2006
    2 2

    How can i add this javascipt to another one of your other blogger templateS? Comment puis-je ajouter ce javascipt un à l'autre de vos autres modèles Blogger? Im using the Kubrick template, but also want the javascript. En utilisant le modèle de Kubrick, mais veulent aussi le javascript.


  3. admin

    July 23rd, 2006 Juillet 23rd, 2006
    3 3

    copy and paste the copier et coller le


  4. jon Jon

    July 24th, 2006 Juillet 24th, 2006
    4 4

    I do not understand what you mean by that. Je ne comprends pas ce que vous voulez dire par là. I feel really lost… Je me sens vraiment perdu…


  5. Eric

    November 8th, 2006 Novembre 8th, 2006
    5 5

    @jon Jon @
    Hey Jon, no worries man… Lightbox 2.0 can be easily integrated into any blogger template, original or Beta. Hey Jon, un sentiment de l'homme… l'album 2,0 peut être facilement intégré dans n'importe quel modèle Blogger, d'origine ou Beta. I just implemented it on my own blog: Je viens de mise en oeuvre sur mon propre blog:
    http://ericinfrance.blogspot.com
    If you have any questions, feel free to post a comment under the “Lightbox in Blogger” entry. Si vous avez des questions, n'hésitez pas à poster un commentaire dans le cadre du "dans l'album Blogger" entrée. Hope I can help… Hope je peux aider…


  6. Marcelo Abritta Marcelo Abritta

    December 5th, 2006 Décembre 5 mars 2006
    6 6

    Hy…
    it seems that the template has slowed down the blog loading… it is taking quite a long time to get the page all set… is this normal!? il semble que le modèle a ralenti le blog de chargement… il prend beaucoup de temps pour afficher la page tous ensemble… est-ce normal?


  7. john John

    December 11th, 2006 Décembre 11, 2006
    7 7

    this template makes my blog appears so long. ce modèle fait mon blog apparaît si longtemps.


  8. Eric

    January 22nd, 2007 Janvier 22nd, 2007
    8 8

    For all of you that are having trouble implementing Lightbox JS 2.0 into your own Blogger templates, I have posted detailed instructions on this web page: Pour chacun d'entre vous qui ont du mal à l'application de l'album JS 2,0 en vos propres modèles Blogger, j'ai posté des instructions détaillées sur cette page Web:
    http://qlink.queensu.ca/~4ejm1/lightbox.html http://qlink.queensu.ca/ ~ 4ejm1/lightbox.html


  9. Craig

    May 29th, 2007 Mai 29th, 2007
    9 9

    In your instructions you said : Dans vos instructions que vous avez dit:
    “Next, copy all the files from the newly extracted folder to your host or server.” However, how do I copy these files to "Ensuite, copiez tous les fichiers du dossier nouvellement extraites à votre hôte ou le serveur." Cependant, comment puis-je copier ces fichiers sur http://www.blogspot.com (my blog host site)? (mon blog d'accueil du site)?


  10. Abhijit

    June 24th, 2007 Juin 24th, 2007
    10 10

    Plz check my blog. Plz vérifier mon blog. I have used lightbox. J'ai utilisé l'album. After clicking on the image, the bigger imager doesn’t appear. Après avoir cliqué sur l'image, plus imageur n'apparaît pas. Please guide me locating the problem. S’il vous plaît me guider localiser le problème.
    Thanks. Merci.


  11. Abhijit

    June 25th, 2007 Juin 25th, 2007
    11 11

    I am using Lightbox 2.0 at J'utilise l'album à 2,0 http://abhijitsplanet.blogspot.com

    I referred to the detailed instructions stated above. Je me suis référé à des instructions détaillées indiqué ci-dessus.

    When i click on image, the loading gif keeps showing and the larger image never appears. Lorsque je clique sur l'image, le chargement gif et continue d'afficher l'image en grand n'apparaît jamais.

    Please guide me. S’il vous plaît me guider.
    Thanks. Merci.


  12. Fredde Ahlstrom Cooney Ahlstrom Fredde Cooney

    September 24th, 2007 Septembre 24th, 2007
    12 12

    It appears that blogger has changes tha paths for images thats uploaded. Il semble que Blogger a tha modifications chemins thats pour les images téléchargées.

    Solution:
    If you have a path like this; Si vous avez un chemin comme celui-ci;

    http://bp2.blogger.com/.. http://bp2.blogger.com/ .. . /s1600-h/Image.jpg / s1600-h/Image.jpg

    remove “-h” in “/s1600-h/” to look like this, /s1600/ supprimer "-h" dans "/ S1600-h /" à ressembler à ceci, / S1600 /

    That did the trick for me anyway. Cela n'a l'astuce pour moi de toute façon.


  13. phalkunz’s blog » Blog Archive » Installing Lightbox in Blogger 2 Le blog de phalkunz »Blog Archive» Installation de l'album dans Blogger 2

    December 14th, 2007 Décembre 14th, 2007
    13 13

    [...] I’ve just installed Lightbox in my blog. [...] Je viens tout juste installé l'album dans mon blog. Got a tip from Gecko&Fly and also javascript libraries (javascript prototype framework and lightbox libraries) posted on his [...] Avez-vous une pointe de Gecko & Fly et bibliothèques javascript (javascript prototype de cadre et album bibliothèques) a affiché sur son [...]


  14. Chris B Chris B

    May 2nd, 2008 2ème mai, 2008
    14 14

    Will this still work? Est-ce encore du travail?
    Can I put this on my blogger blog? Puis-je mettre cela sur mon blog Blogger? I have added lots of scripts before but this lightbox is giving me stress:( J'ai ajouté beaucoup de scripts avant cet album mais donne-moi de souligner: (

    Thanks for any help !! Merci pour toute aide!

Leave a Reply Laisser un commentaire