Apr 5, 2009

[HD] Blogger video Tutorial: Light Box Integration [display overlay images on the current page at the press of a click]



To view in HD quality click here.


Copy the following javascript to your blogs templates HTML code. [In Between head tags as shown on video ]



Here is the code to be used before the link to any image. Link starts with href=



Example:

[Image]
Click image to view full image

Hope this helped someone! One more thing: you need to enable javascript if you use noscript to block java. Moreover, the reason I posted video is many dont like reading! I conducted a survey and many wants to watch videos so from here on anything that I can post video, I will insha allh post it for you guys OK!

[subscribe.][original lightbox creator][source:virtuosomaster][watch in HD link]

12 responses:

  1. hello! well... I can't do your tutorial u,u
    I followed all the steps, but its doesn't work T_T the link doesn't work t_t

    ReplyDelete

  2. ahh! I need a plugin to blooger??

    ReplyDelete

  3. @EriDaiho:
    If you did actually as said in the video, it should definietly work buddy! Its tested on a lot of blogger template codes.

    Also I dont think blogger offers plugin support yet!

    ReplyDelete

  4. i'm sure it works. It's just that he assumes that we are intermediate coders. Step by step instructions would be appropriate to reach out to a larger audience.

    Without that, this video is quite useless.

    ReplyDelete

  5. Hi iHecker.

    I saw your tutorial on Youtube and followed the steps precisely. Looks great except the photo won't load.
    I was wondering if you had any ideas on what could be wrong.

    ReplyDelete

  6. @Ronnie Cruz:
    BE sure to include a "Direct link" to the image!
    and be sure to close the image HTML

    ReplyDelete

  7. I don't have any head tags in my template HTLM
    what can i do ?

    ReplyDelete

  8. @ACT:
    you have to tick expand widget templates

    ReplyDelete

  9. I already try, i don't have any except at the beginning (in the line seven)

    ReplyDelete

  10. @Act:
    There should be a closing HTML code for head tag:

    < / head >

    FInd the above tag and press CTRL+F (without spaces )then paste it to find the code,

    if not found, manually go a little down until u see the code.

    ITs USually near the end of the html codes.

    And make sure that firefox / your browsers window is selected!!

    ReplyDelete

  11. I try with firefox (i had use safari so far) and it works !

    Thank you for your help ! (and sorry for my poor english aha)

    ReplyDelete

  12. THANK YOU SO MUCH!! I've been trying to get this to work forever! By the way, the -h fix (removing “-h” in “/s1600-h/) is mega important!

    ReplyDelete

you can comment anything!!positive or negative for my blog.!!feel free to comment.

Subscribe to: Post Comments (Atom)