Molde de Lightbox/Photoblog Blogger

Julho 7, 2006 · Arquivado abaixo Moldes de Blogger

Javascript do molde do blogger do photoblog

Molde de Lightbox/Photoblog Blogger

p.s. Usos deste molde de Blogger Efeito do Javascript para indicar as imagens, permita por favor o console do Javascript em seu browser. Ao contrário do outro molde, algumas das imagens como o GIF e as limas do Javascript têm que ser hospedadas no usuário de GeckoandFly, mim não sabem que quanto largura de faixa estão indo consumir a longo prazo mas eu espero que o menos que você os guys poderiam fazer não seja remover a tecla no molde.

Agora a parte tutorial, lá é alguma modificação menor que você necessita fazer ou deve mim diz o inorder do coding ter esse efeito fresco do Javascript. Seu muito simples, nenhum preocupa-se. Primeiramente você tem que instalar o molde, a seguir segue o tutorial passo a passo abaixo sempre que você upload suas imagens.

Etapa 1: Vai “edita a modalidade do HTML” em vez de “compõe” a modalidade ao uploading suas imagens.
tutorial do molde do Javascript do lightbox

Etapa 2: Após uploading a imagem, você verá o código para a imagem, seleciona a corda dos códigos que eu destaquei em amarelo/bege na cor. Adicione um atributo do” lightbox” do rel= ao código.
tutorial do molde do Javascript do lightbox

Etapa 3: Substitua o código no bege na cor com rel=” lightbox”. exemplo abaixo:

código do Javascript

Não empurre a tecla do pânico, somente 3 etapas e sua toda aproximadamente “cópia” e “pasta”. Você tem que aplicar o código para todas as imagens em seu blog, sim mesmo para as imagens precedentes.

Tag: , , , ,

Nós recomendamos

Histórias você pode estar interessado baseado dentro sobre após browsing

Comments


  1. kca

    July 7th, 2006
    1

    You know that i just got love for you!!!

    :O) Thanks again!


  2. jon

    July 23rd, 2006
    2

    How can i add this javascipt to another one of your other blogger templateS? Im using the Kubrick template, but also want the javascript.


  3. admin

    July 23rd, 2006
    3

    copy and paste the


  4. jon

    July 24th, 2006
    4

    I do not understand what you mean by that. I feel really lost…


  5. Eric

    November 8th, 2006
    5

    @jon
    Hey Jon, no worries man… Lightbox 2.0 can be easily integrated into any blogger template, original or Beta. I just implemented it on my own blog:
    http://ericinfrance.blogspot.com
    If you have any questions, feel free to post a comment under the “Lightbox in Blogger” entry. Hope I can help…


  6. Marcelo Abritta

    December 5th, 2006
    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!?


  7. john

    December 11th, 2006
    7

    this template makes my blog appears so long.


  8. Eric

    January 22nd, 2007
    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:
    http://qlink.queensu.ca/~4ejm1/lightbox.html


  9. Craig

    May 29th, 2007
    9

    In your instructions you said :
    “Next, copy all the files from the newly extracted folder to your host or server.” However, how do I copy these files to http://www.blogspot.com (my blog host site)?


  10. Abhijit

    June 24th, 2007
    10

    Plz check my blog. I have used lightbox. After clicking on the image, the bigger imager doesn’t appear. Please guide me locating the problem.
    Thanks.


  11. Abhijit

    June 25th, 2007
    11

    I am using Lightbox 2.0 at http://abhijitsplanet.blogspot.com

    I referred to the detailed instructions stated above.

    When i click on image, the loading gif keeps showing and the larger image never appears.

    Please guide me.
    Thanks.


  12. Fredde Ahlstrom Cooney

    September 24th, 2007
    12

    It appears that blogger has changes tha paths for images thats uploaded.

    Solution:
    If you have a path like this;

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

    remove “-h” in “/s1600-h/” to look like this, /s1600/

    That did the trick for me anyway.


  13. phalkunz’s blog » Blog Archive » Installing Lightbox in Blogger 2

    December 14th, 2007
    13

    [...] I’ve just installed Lightbox in my blog. Got a tip from Gecko&Fly and also javascript libraries (javascript prototype framework and lightbox libraries) posted on his [...]


  14. Chris B

    May 2nd, 2008
    14

    Will this still work?
    Can I put this on my blogger blog? I have added lots of scripts before but this lightbox is giving me stress:(

    Thanks for any help !!

Leave a Reply