Cinema-Lounge how do i customize the slide show?

[Templatesyard]

Hi,

So at the top of the page there is a Slide show, I want to put my own images on there instead of the generic ones currently on there.
Any ideas?

[Templatesyard]

Go to blogger dashboard >> Template >> Edit HTML and find below coding section.

<!-- Featured Content Slider Started -->
<div class='slider-container'>
<div class='slider-bgr'/>
<div class='slider'>
<div class='fp-slides'>
<div class='fp-slides-items fp-first'>
<div class='fp-thumbnail'>
<a href='http://cinemalounge-btemplates4u.blogspot.com/' title=''><img alt='Slide # 1' src='http://2.bp.blogspot.com/-6cAoUkTH4NY/UY5-8ME-xBI/AAAAAAAAAPE/AUaLCWGjRSw/s1600/1.jpg'/></a>
																	</div>
<div class='fp-content-wrap'>
<div class='fp-content-fon'/>
<div class='fp-content'>
<h3 class='fp-title'><a href='http://cinemalounge-btemplates4u.blogspot.com/' title=''>Slide # 1</a></h3>
																														<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts 
<a class='fp-more' href='http://www.premiumblogtemplates.com/'>Read More</a></p>
</div>
</div>
</div>
<div class='fp-slides-items'>
<div class='fp-thumbnail'>

  <a href='http://cinemalounge-btemplates4u.blogspot.com/' title=''><img alt='Slide # 2' src='http://2.bp.blogspot.com/-_KnnAp8boKA/UY5-9F54Q5I/AAAAAAAAAPU/OWGmvWDxKWo/s1600/2.jpg'/></a>
																	</div>
<div class='fp-content-wrap'>
<div class='fp-content-fon'/>
<div class='fp-content'>
																				
<h3 class='fp-title'><a href='http://cinemalounge-btemplates4u.blogspot.com/' title=''>Slide # 2</a></h3>
																														<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts 
<a class='fp-more' href='http://www.premiumblogtemplates.com/'>Read More</a></p>
</div>
</div>
</div>
  
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://cinemalounge-btemplates4u.blogspot.com/' title=''><img alt='Slide # 3' src='http://2.bp.blogspot.com/-D0HtO-6v82I/UY5-8q2dg4I/AAAAAAAAAPM/Zgg722jn_lc/s1600/3.jpg'/></a>
																	</div>
<div class='fp-content-wrap'>
<div class='fp-content-fon'/>
<div class='fp-content'>
																				
<h3 class='fp-title'><a href='http://cinemalounge-btemplates4u.blogspot.com/' title=''>Slide # 3</a></h3>
																														<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts 
<a class='fp-more' href='http://www.premiumblogtemplates.com/'>Read More</a></p>
</div>
</div>
</div>
  
<div class='fp-slides-items'>
<div class='fp-thumbnail'>

<a href='http://cinemalounge-btemplates4u.blogspot.com/' title=''><img alt='Slide # 4' src='http://2.bp.blogspot.com/-0r0F0_oc0jw/UY5-99M_x1I/AAAAAAAAAPc/tSZBbQz8zBo/s1600/4.jpg'/></a>
																	</div>
<div class='fp-content-wrap'>
<div class='fp-content-fon'/>
<div class='fp-content'>
																				
<h3 class='fp-title'><a href='http://cinemalounge-btemplates4u.blogspot.com/' title=''>Slide # 4</a></h3>
																														<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts 
<a class='fp-more' href='http://www.premiumblogtemplates.com/'>Read More</a></p>
</div>
</div>
</div>

<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://cinemalounge-btemplates4u.blogspot.com/' title=''><img alt='Slide # 5' src='http://2.bp.blogspot.com/-Tj_qZr_wLME/UY5--XKAwkI/AAAAAAAAAPk/NQuuLH-VcUs/s1600/5.jpg'/></a></div>

<div class='fp-content-wrap'>
<div class='fp-content-fon'/>
<div class='fp-content'>

<h3 class='fp-title'><a href='http://cinemalounge-btemplates4u.blogspot.com/' title=''>Slide # 5</a></h3>
																														<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts 
<a class='fp-more' href='http://www.premiumblogtemplates.com/'>Read More</a></p>
</div>
</div>
</div>
</div>
  
<div class='fp-prev-next-wrap'>
<div class='fp-prev-next'>

  <a class='fp-next' href='?preview=1&template=filmplus&stylesheet=filmplus#fp-next'/>
<a class='fp-prev' href='?preview=1&template=filmplus&stylesheet=filmplus#fp-prev'/>

</div>
</div>

<div class='fp-nav'>
<span class='fp-pager'/>
</div>  

<div class='bground'/> 
</div>
</div>
  
<!-- Featured Content Slider End -->  

If you want change the image of slider-1 then find and replace the URL with yours one. http://2.bp.blogspot.com/-6cAoUkTH4NY/UY5-8ME-xBI/AAAAAAAAAPE/AUaLCWGjRSw/s1600/1.jpg

Do the same to all sliders and make sure your image size to be 950×466 for better visibility.

[Author]

Posts