Log in

View Full Version : Please Help: Code not working on blogger


Turki
09-15-2012, 07:35 PM
Hi. I have been trying to resolve this the whole day and I would so so so appreciate your help. I have written the following code in a notepad saved with .html extension and it works just fine:


<html>
<!-- Start VideoLightBox.com HEAD section -->
<style type="text/css" media="all"><!--
/* the overlayed element */
.videogallery {
width:570px;
zoom:1;
}
.videogallery span{ display:block; }
.videogallery a{
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
position:relative;
vertical-align:top;
margin:0px;
width:160px;
font-family:Trebuchet,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:center;
opacity:0.87;
}
.videogallery a.videolb{display:none}
.videogallery a img{
display:block;
border:none;
margin:0;
}
.videogallery a:hover{
text-decoration:underline;
opacity:1;
}

--></style>
<style type="text/css" media="all"><!--
/* the overlayed element */
div#voverlay {

/* growing background image */
background-image:url("https://lh4.googleusercontent.com/-swPZYD6B8e0/UFSj_P8jHvI/AAAAAAAAAL8/6masPE--Yu0/s690/back.png");

/* dimensions after the growing animation finishes */
width:640px;
height:480px;

/* initially overlay is hidden */
display:none;

/* some padding to layout nested elements nicely */
padding:30px 30px 32px 30px;
}

/* default close button positioned on upper right corner */
div#voverlay .close {
background:url("https://lh3.googleusercontent.com/-uKwf6te0o7I/UFSj-ZMJkfI/AAAAAAAAAL0/rkYzhs9pKp8/s64/close.png") 0 0;
position:absolute;
right:4px;
top:4px;
cursor:pointer;
height:32px;
width:32px;
}

div#voverlay .close:hover {
background-position:0 100%;
}

div#vcontainer{
left:0;
top:0;
width:100%;
height:100%;
background:url("https://lh5.googleusercontent.com/-WDxJRaHdfvw/UFSj88HVv4I/AAAAAAAAALs/BvKGRYj1vls/s32/loading.gif") no-repeat 50% 50%;
}
--></style>
<script src="http://yourjavascript.com/1218643921/jquery.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/6031929912/swfobject.js" type="text/javascript"></script>
<!-- End VideoLightBox.com HEAD section -->
<!-- Start VideoLightBox.com BODY section -->
<div class="videogallery">
<a class="voverlay" href="http://www.youtube.com/v/4s8bGK2muPk?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="Online admission system of IBCS-PRIMAX Software (Bangladesh) Ltd. wins eAsia award"><img src="https://lh6.googleusercontent.com/-PH-MHueKVPI/UFSkFIad-dI/AAAAAAAAAMo/Y_ZfHhKrLrA/s160/0.png" alt="Online admission system of IBCS-PRIMAX Software (Bangladesh) Ltd. wins eAsia award" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/mLDU_5PzJg0?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="IBCS-PRIMAX - E-Governance Application in Manikganj under the Ministry of Land - Part 1"><img src="https://lh5.googleusercontent.com/-6A-dlVht6v8/UFSkEk5qIBI/AAAAAAAAAMk/AWt7nb18uFQ/s160/1.png" alt="IBCS-PRIMAX - E-Governance Application in Manikganj under the Ministry of Land - Part 1" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/uO-YzgXSZBg?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="IBCS-PRIMAX - E-Governance Application in Manikganj under the Ministry of Land - Part 2"><img src="https://lh5.googleusercontent.com/-6A-dlVht6v8/UFSkEk5qIBI/AAAAAAAAAMk/AWt7nb18uFQ/s160/1.png" alt="IBCS-PRIMAX - E-Governance Application in Manikganj under the Ministry of Land - Part 2" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/O-riRColkLw?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="IBCS-PRIMAX, InfoTech join hands to make a Digital Bangladesh"><img src="https://lh5.googleusercontent.com/-FwqO-D6kHBw/UFSkCZPL1nI/AAAAAAAAAMQ/G7rRyIH0B2c/s160/3.png" alt="IBCS-PRIMAX, InfoTech join hands to make a Digital Bangladesh" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/bzgfpFlrBjs?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="IBCS-PRIMAX Software (BD) Ltd. - About Us"><img src="https://lh5.googleusercontent.com/-MiQ9Tk7M398/UFSkBuOy1GI/AAAAAAAAAMM/WXmNGDKzhk8/s160/4.png" alt="IBCS-PRIMAX Software (BD) Ltd. - About Us" /><span></span></a>
<a class="voverlay" href="http://www.youtube.com/v/CYV2Udjuqtk?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="MD S. Kabir Ahmed of IBCS-PRIMAX speaks of achievements in the IT sector on BTV"><img src="https://lh3.googleusercontent.com/-lc06v7QKPVo/UFSkAyCzTYI/AAAAAAAAAME/omd-6wiPvgc/s160/5.png" alt="MD S. Kabir Ahmed of IBCS-PRIMAX speaks of achievements in the IT sector on BTV" /><span></span></a>
</div>
<script src="http://yourjavascript.com/7692117253/jquery.tools.min.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/9642211396/videolightbox.js" type="text/javascript"></script>
<!-- End VideoLightBox.com BODY section -->
</html>


But when the copy and paste the code without the beginning and ending html tags in my blog post, the video does not pop up. Kindly check this link: http://bangladesh-it-company.blogspot.com/2012/09/ibcs-primax-video-gallery.html

What am I doing wrong? Please help, I will be so grateful.

Kind Regards,
Laura
keyboard
09-15-2012, 11:44 PM
Please use the forum's bbcode tags to make your post more readable:

for php code............
<?php /* code goes here */ ?>
for html...............
<!-- markup goes here -->.....
for js/css/other.......
code goes here................

The videos on the main page under the header "IBCS-PRIMAX Video Gallery" show up for me. They are a thumbnail surrounded in lots of grey. When you click on them, a youtube video opens. Is that what you mean?
bernie1227
09-16-2012, 01:58 AM
Same here, what is the exact problem?
Turki
09-16-2012, 05:03 AM
Thank you so much for taking your time. I apologize for not being more clear. The problem is that when you click on any of the thumbnails, the youtube video is supposed to show up in a smaller pop-up window with a close button at the corner. If you kindly copied the code above to a html file you will be able to see the actual effect I am trying to get. I am not being able to upload the html file somehow. I am thinking perhaps that javascript/css works in html/javascript gadgets but not in a post and perhaps there is some other way around it? Again, thank you very much for your kind cooperation.