abufarhan can you look into this Revolution Church Theme

For one of my other blogs, I would like to use this Revolution Church Theme but like the falknerpress, the slide show goes out of whack due to bandwidth limitation. But unlike the falknerpress, the Java Script never came with the download for this template.
I'm pretty sure the js of this template seems to be the issue. Is there anyway to obtain the java script in order for me or anyone else to host it on another site like what we did with the falknerpress JS?


Here's a live demo of how it looks:
http://revolution-church-bloger-updated ... gspot.com/

As you can see, the bandwidth has reached its limitation.

Here's where I downloaded it from - It's the second download called the "Updated version Advance V2 download"

http://www.bloganol.com/2009/02/free-re ... ogger.html

Ron

I just check xml file for that template
you can search this line
<script src='http://collectedpages.googlepages.com/mootools.v1.11.js' type='text/javascript'/>
<script src='http://collectedpages.googlepages.com/jd.gallery.js' type='text/javascript'/>

Change to this :
<script src='http://mootools-ui.googlecode.com/svn/trunk/mootools.v1.1.js' type='text/javascript'></script>
<script src='http://slideshow-dinix.googlecode.com/files/jd.gallery.js' type='text/javascript'></script>

Remember I used Google CODE not Google Site that different

If you want, you can download the file and put it in your own server or free direct link server or google site (change to txt)

And this file
<script src='http://collectedpages.googlepages.com/date.js' type='text/javascript'/>

you can download from here http://deineshd.110mb.com/Revolution%20city/date.js

For Image gallery only need mootools.v1.11.js and jd.gallery.js

Thanks for your fast reply abufarhan...
I replaced both the mootools.v1.11.js and jd.gallery.js with the links you've given but for some reason, the pictures of the slide don't appear any longer, although the bandwidth issue seems not to be a problem any longer.

Here's how the slideshow looks now:

http://www.sportscars5.blogspot.com/

Find this
<style>
#myGallery, #myGallerySet, #flickrGallery {
width: 588px;
height: 400px;
z-index:5;
border: 1px solid #000;
}

.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 85px;
background: #000;
color: #fff;
text-indent: 0;
overflow: hidden;
}
</style>

Change to this

<style>
#myGallery, #myGallerySet, #flickrGallery {
width: 588px;
height: 400px;
z-index:5;
border: 1px solid #000;
}


#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
display: none;
}
.jdGallery
{
overflow: hidden;
position: relative;
}
.jdGallery img
{
border: 0;
margin: 0;
}
.jdGallery .slideElement
{
width: 100%;
height: 100%;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('http://i879.photobucket.com/albums/ab351/bloggerblogimage/jdgallery/loading-bar-black.gif');
}
.jdGallery .loadingElement
{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('http://i879.photobucket.com/albums/ab351/bloggerblogimage/jdgallery/loading-bar-black.gif');
}


.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 85px;
background: #000;
color: #fff;
text-indent: 0;
overflow: hidden;
}


* html .jdGallery .slideInfoZone
{
bottom: -1px;
}
.jdGallery .slideInfoZone h2
{
padding: 0;
font-size: 18px;
margin: 0;
margin: 2px 5px;
font-weight: bold;
color: inherit;
}
.jdGallery .slideInfoZone p
{
padding: 0;
font-size: 60%;
margin: 2px 5px;
color: #eee;
}
.jdGallery div.carouselContainer
{
position: absolute;
height: 135px;
width: 100%;
z-index: 10;
margin: 0px;
left: 0;
top: 0;
}
.jdGallery a.carouselBtn
{
position: absolute;
bottom: 0;
right: 30px;
height: 20px;
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #333;
color: #fff;
cursor: pointer;
}
.jdGallery .carousel
{
position: absolute;
width: 100%;
margin: 0px;
left: 0;
top: 0;
height: 115px;
background: #333;
color: #fff;
text-indent: 0;
overflow: hidden;
}
.jdExtCarousel
{
overflow: hidden;
position: relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
position: absolute;
width: 100%;
height: 78px;
top: 10px;
left: 0;
overflow: hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
position: relative;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
cursor: pointer;
background: #000;
background-position: center center;
float: left;
border: solid 1px #fff;
margin:0
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
margin-bottom: 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label
{
font-size: 13px;
position: absolute;
bottom: 5px;
left: 10px;
padding: 0;
margin: 0;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
font-size: 10px;
position: absolute;
bottom: 5px;
right: 10px;
padding: 1px 2px;
margin: 0;
background: #222;
border: 1px solid #888;
cursor: pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
color: #b5b5b5;
}
.jdGallery a
{
font-size: 100%;
text-decoration: none;
color: inherit;
}
.jdGallery a.right, .jdGallery a.left
{
position: absolute;
height: 99%;
width: 25%;
cursor: pointer;
z-index:10;
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
.jdGallery a.right, .jdGallery a.left
{
filter:alpha(opacity=50);
}
.jdGallery a.right:hover, .jdGallery a.left:hover
{
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.jdGallery a.left
{
left: 0;
top: 0;
background: url('http://i879.photobucket.com/albums/ab351/bloggerblogimage/jdgallery/fleche1.png') no-repeat center left;
}
.jdGallery a.left { background: url('http://i879.photobucket.com/albums/ab351/bloggerblogimage/jdgallery/fleche1-1.gif') no-repeat center left; }
.jdGallery a.right
{
right: 0;
top: 0;
background: url('http://i879.photobucket.com/albums/ab351/bloggerblogimage/jdgallery/fleche2.png') no-repeat center right;
}
.jdGallery a.right { background: url('http://i879.photobucket.com/albums/ab351/bloggerblogimage/jdgallery/fleche2-1.gif') no-repeat center right; }
.jdGallery a.open
{
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.withArrows a.open
{
position: absolute;
top: 0;
left: 25%;
height: 99%;
width: 50%;
cursor: pointer;
z-index: 10;
background: none;
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.withArrows a.open:hover {
filter:alpha(opacity=80); }
/* Gallery Sets */
.jdGallery a.gallerySelectorBtn
{
z-index: 15;
position: absolute;
top: 0;
left: 30px;
height: 20px;
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #333;
color: #fff;
cursor: pointer;
opacity: .4;
-moz-opacity: .4;
-khtml-opacity: 0.4;
filter:alpha(opacity=40);
}
.jdGallery .gallerySelector
{
z-index: 20;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000;
}
.jdGallery .gallerySelector h2
{
margin: 0;
padding: 10px 20px 10px 20px;
font-size: 20px;
line-height: 30px;
color: #fff;
}
.jdGallery .gallerySelector .gallerySelectorWrapper
{
overflow: hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
margin-left: 10px;
margin-top: 10px;
border: 1px solid #888;
padding: 5px;
height: 40px;
color: #fff;
cursor: pointer;
float: left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
background: #333;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
background: #000;
background-position: center center;
float: left;
border: none;
width: 40px;
height: 40px;
margin-right: 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #aaa;
}



</style>

You are the best! Thanks abufarhan! That fixed all the issues.

hello, please help me... i´m trying align the thumb with the text on homepage, but the text is getting below the thumb, i don´t know what i need to do for solve this problem. do you know what i need to do?

best regards,

thank you

Frank

the blog is www.trailesdocinema.com

ops.... the correct url is www.trailersdocinema.com

i have also use revolution church theme for my blog but my blog take time for loading first time and the script <script src='http://collectedpages.googlepages.com/jd.gallery.js' type='text/javascript'/> is in template and i am not use slide show so tell me can i remove this or not to make my blog lighter. my blog address is http://bigshayari.blogspot.com