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:

Code:

<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.blogspo...o-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] <?php /* code goes here */ ?> [/php]
for html...............[html] .....[/html]
for js/css/other.......[code] code goes here................[/code]

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.

Thread: Please Help: Code not working on blogger

Thread Tools

Search Thread

Please Help: Code not working on blogger

Similar Threads

img link code not working

Tricky code not working

javascript code not working in ie but working in firefox

Code not working for Menu

Please help..This is the last piece of code to get working

Bookmarks

Bookmarks

Posting Permissions