Results 1 to 4 of 4

Thread: Please Help: Code not working on blogger

  1. #1
    Join Date
    Sep 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Please Help: Code not working on blogger

    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
    Last edited by djr33; 09-15-2012 at 11:47 PM. Reason: add [code] tags

  2. #2
    Join Date
    Mar 2011
    Location
    N 11 19' 0.0012 E 142 15' 0
    Posts
    1,524
    Thanks
    41
    Thanked 89 Times in 88 Posts
    Blog Entries
    3

    Default

    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] <!-- markup goes here -->.....[/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?

  3. #3
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    47
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    Same here, what is the exact problem?
    "Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus Torvalds
    Anime Views Forums
    Bernie

  4. #4
    Join Date
    Sep 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

Similar Threads

  1. img link code not working
    By ModernRevolutions in forum CSS
    Replies: 7
    Last Post: 06-26-2011, 11:34 PM
  2. Tricky code not working
    By Alanrenouf in forum JavaScript
    Replies: 0
    Last Post: 03-22-2009, 09:37 AM
  3. javascript code not working in ie but working in firefox
    By sukanya.paul in forum JavaScript
    Replies: 2
    Last Post: 02-20-2009, 12:44 PM
  4. Code not working for Menu
    By andrewfadl in forum HTML
    Replies: 1
    Last Post: 07-25-2007, 02:45 AM
  5. Please help..This is the last piece of code to get working
    By chuckkidd in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 07-02-2005, 05:29 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •