Blogger Shout Box logo

Tuesday, September 08, 2009

Ibox for videos

by 0 comments



Translate This Post: Portugues | Francais | Espanol | Deutsche | Italiano | Chinese | Korean | Japanese

Dear friends I try to explain the simple procedure to hosting videos in blogs.



...the
lightwindow use in weblogs
for hosting videos is revolutionary...


A simple way to add videos to blog is explained as follows.

STEP 1: Download the zip file here and unzip the file.


STEP 2: Upload the "closelabel" and "loading" GIF image to Photobucket and copy the link by right click.

STEP 3: Open the lightbox Cascading Style Sheet Document. Replace the link (http://img132.imageshack.us/img132/165/closelabelca5.gif and http://img132.imageshack.us/img132/4341/loadinguj4.gif) by your photobucket link for closelabel GIF and loading GIF.

STEP 4: Copy the edited Cascading Style Sheet Document to blogger templet and place just before ]]></b:skin>. Take a preview before saving (if no error is shown).

STEP 5: Upload the "ibox" JScript file to your Google Pagecreator account and right click on the file to copy the link.

STEP 6: Copy the link of "ibox" JScript to your Notepad in computor.

STEP 7: Edit the following by using "ibox" JScript:

<!-- scripts iBox -->
<script src='http://URL./ibox.js' type='text/javascript'/>
<link href='http://YOURS.blogspot.com_lightbox.css' media='screen' rel='stylesheet' type='text/css'/>

STEP 8: Copy the edited JScript to blogger templet and place just before </head>. Take a preview before saving (if no error is shown).

STEP 9: Go To Youtube.com and choose your video. Copy the link location to the NotePad in computer. Copy the Thubmnail picture by right click and copy the picture to your photo folder and save it.


Here is your link: http://www.youtube.com/watch?v=FF5Q1jr28PM

STEP 10: Upload the thumbnail picture to your photobucket account and copy the link to the Notepad.

STEP 11: Edit the following link in your NotePad and copy it to blog and publish.

PUBLISH:
<center><a href="http://www.youtube.com/watch?v=FF5Q1jr28PM" rel="ibox"><img id="video1" style="border: 0px dotted black;" src="http://xxx.photobucket.com/albums/xxxx/NAME/default.jpg" height="100" width="100"></a></center>


Your video is now work without loading the video into your blog that slow down the page downloading.
Click the video to play here:


cheers.


cium

Ibox for videosSocialTwist Tell-a-Friend Subscribe to updates
Comments 0 comments
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))
Welcome You To Comment on My Blog

Comment please if you have any question on-topic and not abusive. Try not to include website URLs/links in your comments.

Srikanta Lenka
I am a teacher and blogger. INDIA
Drop me a line
Blogger

Subscribe my feeds via e-mail
Subscribe in your preferred RSS reader
  • Add to My AOL
  • Subscribe in NewsGator Online
  • Add to Google Reader or Homepage
  • Subscribe in Bloglines
  • Add to netvibes

Subscribe feeds rss Recent Entries

Advertise on this site Sponsored links

Sponsored Links

Label Cloud

Blogumulus by Roy Tanck and Amanda Fazani

BLOGROLL on BLOGGER

http://catswatch.blogspot.com Your favicon Your favicon Your favicon
Your favicon Your favicon Your favicon Your favicon

Subscribe feeds rss Recent Comments

Hello World

BLOGDIRECTORY
Join My Community at MyBloglog!Blogging Tips Blogs - BlogCatalog Blog DirectoryAdd to Technorati Favorites
BlogRankers.com Education/Research blogs Personal blogs
Top100 Bloggers - Top Blog Directory - Blog Top list
blogarama - the blog directory
BLOGRANKS
View blog authorityOpen Directory Project at dmoz.orgMy BlogCatalog BlogRank
indiae.in we are in
Indiae.in

Indiae: India's search engine