Blogger Tema Tasarım 2

<style type="text/css">
.slider-box {
    background: none repeat scroll 0 0 #FAFAFA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #333333;
    margin: 0 auto;
    width: 675px;
 overflow: hidden;
}
#slider-wrapper {
    margin: 0 auto;
    padding: 10px;
}
#jslider-container {
    border: 2px solid #FFFFFF;
    max-width: 550px;
    position: relative;
    text-align: left;
    z-index: 90;
}
</style>
<link href="http://project.dimpost.com/image-slider/wowslider/css/wow-slider.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<div class="slider-box">
<div id="slider-wrapper">
<div id="jslider-container">
 <div class="jslider_images">
      <ul>
  <li><a href="http://dimpost.com">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTEN3crd_Sd5mtKg7ErW8ukvyhbfC2xH2EXasz_p9ITg6PXovy_X3LYiPS3MR4zfdAX54brHZfDXUjYmgyzo85d0OgKFiLiWXENMU_TwqOaxKfxOP5foaX05i7ZR7OGr3P1hkVw_JIBLVa/s550/sample1.jpg" title="Sunset"/>
  </a>A boat with beautiful sunset.</li>
  <li><a href="#">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG7HORYNV_ZeNVoAmQayZ0lWmXo4bUIle8v3hzUz9xSlB06-8lPBKsEfTFJIA9HVQlKEWkECOYeCzscLwIJyMth1IrNCO5eoBxFoHn5mssoZiUQEOvJiK3V7CpUptrsoG-lxtlrRsllAJp/s550/sample2.jpg" title="Rainbow"/>
  </a></li>
  <li><a href="#">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiKUV20_Aws9xTXozZXuZY_pdfA_Uhgaw3O85vKny7cD4Dc0lNPc6Obu8_usFYsn7rBR0nNZ6kHIYUFXDGWjVsM6yX94LSLzrEd5g4kGLBpAkAe9Mee3CH843VUvcAHtZyYom-eqZX0wIb/s550/sample3.jpg" title="True Nature"/>
  </a>Tree in field with blue sky.</li>
  <li><a href="#">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRt12itfHPjMZm1Y7tSkxwp4bomSMKHI4FYq-G4vnthvnyYE8JWI7v2QKHOsCtqRuh9-USusU8RiqMLN2Hx58JxC9qiFng1XGlJtn2CQhgYSBEaAzCfC__yqgTvPoA3NfBvHROWyQe96Ta/s550/sample4.jpg" title="Sunrise""/>
  </a>Amaizing sunrise moment</li>
  <li><a href="#">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg49Fvs4xjHJPhMz9V5ExVlmvukWcUxfdiNXcpDZ1oJIg0UokzST9cP7EJ69-0-vFOlqjL6tjVYPG2vBaWdqqsDgGuIJXpsN8aGpdgzahNpq3mYVLqVrtIxq2yQVyoNsw-LkNcckc7bZPmt/s550/sample5.jpg" title="CAR in HDR Nature"/>
  </a></li>
  <li><a href="#">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnXN9EyuSW5SBkV2RCaPVLNoj4lGQqiAlTY_Z5ch4txAYra3kYfa9161TI0_D6Y5ISd11d9BtYDTUGOuz-gI88o1qmYwhnAKWSIuftVt98H9de3xKiGBJZMDs9x26x9GQyrYTJUtral4uM/s550/sample6.jpg" title="Sunshine"/>
  </a></li>
   </ul>
    </div> 
    
 <div class="jslider_thumbs">
        <div>
  <a href="#" title="Sunset"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxSLipKjkR1N-q8YFuu9dtTF55_d5Gue4V4-rxLHGPGqyAjSgAyD9V4SPAI9RUk7uDrY2kjm7q-OgD_-VZlyQZ_bjTyPOaAbJhJmjHTXWOEoaL1f2eSSp-ZgVO1v4CNy6oZdFT_ppRYRVh/s85/sample1.jpg"/></a>
  <a href="#" title="Rainbow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqtFiwGIIpIZac1LV2NkrsQ0xsIOlJEaYlpbgFVuABDJR0m_6VZDnytpj7YdOvEGST_-wgKeEHpiZWrrPPpHz5VVNlI8af32EmduI9GuYPYneKjTGT-ELHZY2nO3IQpbmukUTBEmbMGxC_/s85/sample2.jpg"/></a>
  <a href="#" title="True Nature"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU2Bie7if_r8Rqs8FIMkdEBVoTy_s0mM36hnWZBd9keek5MfiHe1uJSE8IX-BU5MYRM5HyaGsxqywpidN8DXyeyTUcSdSThOLCun-q-BhS9BoAqzYF2eX-7oZhIt-x1-Ng8R4fFfsFZfOm/s85/sample3.jpg"/></a>
  <a href="#" title="Sunrise"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC0RQG9mTxLeUbYqhjmNjHoM7-co93hBJCkpn21dVjFvVntEK-bIaLM9EyVpzVRZ_FIh2Qm3-muaeV-Vev5OxE9LTjhfK8G4P56lNfOiOWEGau7Vs3B5Ry_5cOhy4f1uOQQtboVfvS0j5P/s85/sample4.jpg"/></a>
  <a href="#" title="CAR in HDR Nature"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgykYn6zHWkj0KfbofgSxnu7i3gUQLEf15HelCuXWERMZUl0qVMim2rt-9-7T0pZ3Huf1oLWIE4U8ELVkSWeU6_i6kHCRxwH_fTb7eIFnXiNEUGoyU8WaxkWq44neBf-BgA50PZK5GnKOaq/s85/sample5.jpg"/></a>
  <a href="#" title="Sunshine"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFLhkZMr8PUmta9Vf5v4fRV7O5ekuFY8CAr_pjYBNJiuxSffDVDCYENS3hubY14ZKkrIU1j_5YM04SIg884pAFMq_3x9ZMwdBqmV4ssiT_hEtYgI-JjUNMOex0W8dYFgwLH2X-6V2YbumC/s85/sample6.jpg"/></a>
        </div>
 </div>
    
</div>
</div>
</div>
<script type="text/javascript" src="http://dimpost.googlecode.com/files/wow-slider.js"></script>