PERTAMA kali cara memasang membuat slide poto di posting blog

cara memasang membuat slide poto di posting blog sangat mudah, cukup kopi kode dibawah ini dan pastekan dibawah kata  <div id='main-wrapper'>

copy dan pastekan dibawahnya.

<div id='main-wrapper'>

copi disini

<!-- Featured Content Slider Started -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>

<div class='fp-slides'>

<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://josmasboniman-bloger.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_T88Q2BsBQ9CZi6_lGpVJ_7xGAW0iG6zud6tRzNq3U1CmOv8eiWrrgl8xSFrvZxGz4azqojDbquabazyEoqTGszLU7Yp8sWEEnE-E8XIe5K2MFWaKHiM7svPCVHAJmsZzYhWoPi1FKz4/s320/Wanita+Cantik+Berjilbab.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End -->

<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFEfNP8Jmy4HMAm3nLkVpyTjEMe741ncssnCdz3hY5ws_dM7xpNivr4wDGgrLzNLOKDSK7cQHx_FAKvSpkyhJoHKq2jzPaVDB_E88eRflSadmMoAWqwwQMdBPwbUAibpHtIYRM0PE34lI/s1600/Wanita+Cantik+Indonesia1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 2 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 2 Code End -->

<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFP5rRKx7UkiHz8UfYSC-VzW86JrlzLxssFDxzvy_GvtCzYyBEj99HPJRcdOpYBMtus2omzvM9QRIFH_tZu6_twoBNktqVOsp74Tx4bUlbWKAru6BS835Mn_8jKPOf0-T_aRCrpW9c2dI/s320/3.+Angelina-Jolie.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 3 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 3 Code End -->

<!-- Slide 4 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsAezvzV75SshwHaouF1yLOQ0wx9O0sX4J2CwY8fF6sEgzIhe01m3aNx5_-xRPezbNpbcRnih2GoJDUGlk1uwJJApqV91WSp6oRLn_wyjgqIeoAMTNreG6P52kVwSDizWffxyWht0TuAM/s1600/163132_cewasia1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 4 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions. 
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 4 Code End -->

<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjftdVZ1wvpueoTSdXSLrkviG5ibiIOdaMCkkfyDCxKUhlzhA_cTkKKxGA3K4gwOfmcDWBdd5dElq30a-H7J693StlLR7aXimUar75rXFokBpVYoN9pnBRjYeHux8tISiTatGJD9iRB16Y/s1600/Julie+Estelle.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 5 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions. 
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 5 Code End -->
<!-- Slide 6 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjftdVZ1wvpueoTSdXSLrkviG5ibiIOdaMCkkfyDCxKUhlzhA_cTkKKxGA3K4gwOfmcDWBdd5dElq30a-H7J693StlLR7aXimUar75rXFokBpVYoN9pnBRjYeHux8tISiTatGJD9iRB16Y/s320/Julie+Estelle.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 4 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 6 Code End -->
<!-- Slide 7 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsAezvzV75SshwHaouF1yLOQ0wx9O0sX4J2CwY8fF6sEgzIhe01m3aNx5_-xRPezbNpbcRnih2GoJDUGlk1uwJJApqV91WSp6oRLn_wyjgqIeoAMTNreG6P52kVwSDizWffxyWht0TuAM/s320/163132_cewasia1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 4 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions. 
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 7 Code End -->
</div>

<div class='fp-nav'>
    <span class='fp-pager'/>
</div>
           
</div>
</div>
<div style='clear:both;'/>

</b:if></b:if>

<!-- Featured Content Slider End -->

simpan dan lihat hasilnya cara memasang membuat slide poto di posting blog