Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #18670

    comicmakers
    Participant

    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?

    #18682

    mourseben
    Participant

    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.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.