Harika Haber Slider - Turkish Template

Harika bir Haber Slider'ı...
İstediğiniz kadar içerik ekleyecebileceğiniz bu slider'ı "Şablon>Gatget Ekle" adımlarını izleyerek
"HTML/Javascript"i seçin ve bizim size verdiğimiz kodları yapıştırın.

Slider resimler üzerine çalışır.Resimlerin Url'lerini değiştirip sliderı kendi rssimleriniz ile dizayn edin.

Şablon>Gatget Ekle>HTML/Javascript

Kod:

<ul id="slideshow">
<li>
<h3>
TurkishTemp</h3>
<a target="_blank" href="http://turkishtemp.blogspot.com.tr/"><span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT75MjJx_ahKjldCJwxGYCaPtcHcipEb87UBrVrMZaajezCj1DZv31NVgnJsO7h66sARrdZ4QmvHamtXPXI9FVZan4qVoCIMXrwFPE4iMsOg6cGIDY0BPmDm6N_tMl_j8j5t96RN0FFKY/s1600/slider1.jpg</span></a>

<p>
TurkishTemp Blogger Tema ve Eklentileri...</p>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBy4lDD2jTzbFQwHsxoTMITJV-50ZedO1jg1vRMokTWftoguLU6WIdEOfNQqVJvvspzkCIYq8d6KYlzOPpJrsbPviT3bwXvqy-ZLiMAiNDzvtiU78_IBfURPTdjs1jhOwiFew7MS9YbpM/s1600/slider1.jpg" alt="" /></a>
</li>
<li>
<h3>
Başlık 2</h3>
<a target="_blank" href="http://turkishtemp.blogspot.com.tr/"><span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmhm3wGaiagiKrovsb0My8TzlzeM-FIxdY5VqPZwLflh7D5b-GnKHMzUdOKlr9l_I0ff7fY6djbQ3rREOnBqhoBcJO8k9fRdnR7EZJiNLlyoH9h7gcTGd6FcsXuHj_9AORO3wh8-fe8pw/s1600/slider2.jpg</span></a>

<p>
Açıklama 2</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMAbyQP_nxOZ2oBLSIRs5J9LY1S9vbxY9Ftwo2TXVX-22S-D7GqVw64HraoEbwwgA2WnbiJxEEf1I50BR2SNEEsUxrY3OAQyUadOc9Fk32fXi98baXt3i_08VZs2w6oLBOOHCunTsqeV4/s1600/slider2.jpg" alt="" />
</li>
<li>
<h3>
Başlık 3</h3>
<a target="_blank" href="http://turkishtemp.blogspot.com.tr/">
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5G7R4n7t87VV99w8BGxgTCmVfp06Ip06bMxhudupuQza04z7kX4VKXHpIjI8VtUqBbOmLEGhFZLSZCcia_F8OnQEhBJCQ_WoyN0fEqY-7ua0-YwbjiGuRwGzYKFkqpUrx8BN-hCRDL9g/s1600/slider3.jpg</span></a>

<p>
Açıklama 3 </p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh8s528pRjB2m4UEmw2PjgaVuZ4EfaZjF6F7eG3WjxcX-6Cffw5WZABC115lu8K3svVmp5_aSiRhnuUwjSpIgyk5KTxpqQzZJD8GR4dpntgBu_tS9c9-Rj-B6DmZBIF0bUHhbBujnp71U/s1600/slider3.jpg" alt="" />
</li>
<li>
<h3>
Başlık 4 </h3>
<a target="_blank" href="http://turkishtemp.blogspot.com.tr/">
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZWfMLXpbp8jc7FQbVjko2b7wO062-5d0A55z5IYP2jssNu4pzlVb9UGlIgtG73e2Y165WI-peMmQC-XR9CIgIrjYzFsTL3coml2yPtKxu2pgBhtgwAvgf0X6LsuTwnhA-iBy_0RQ-uA/s1600/slider4.jpg</span></a>

<p>
Açıklama 4 </p>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_kIP2bYewxoTjWXk7MvC80WNRnnea1RBSiLeNDcNjhhxjbYHt-PE4aegGFXWXrUxG4EwgZYDUCMAt0k1O-dwuh7q2Hjzh8nOERCfUz-wKZX5IDt1cUpOfmL0kaVr2URopN8X7OlLbKVY/s1600/slider4.jpg" alt="" /></a>
</li>
<li>
<h3>
Başlık 5</h3>
<a target="_blank" href="http://turkishtemp.blogspot.com.tr/">
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVcgbKA07leajEc7EHdCiGcqt0jECv3KAKunEZ4th54zU3hTIbGxLMBz51qNgWi5icyqWeFiCYQPlbyd5BcuDGnlLVvkhW_oOyA84QHXqNaU7VTRFdrZck8NtknwUclaq5ZRm18ylrco4/s1600/slider5.jpg</span></a>

<p>
Açıklama 5 </p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_6WIAGAT-4O7LW9mIk2rZblc-St1mSGF0tF9RP2D9YB9dqyBi3dtqq0yRuhBE2eIIWWK8MiiDGrfaS2urs9iA-XiaioUPvPejli7ohGxHyiJ2f1pyYEOa0BdAsqbVjBa31iq1semu8A/s1600/slider5.jpg" alt="" />
</li>
</ul>
<div id="wrapper">

<div id="slider">
</div>
</div>
<div id="slideright" title="Slide Right">
</div>
</div>
</div>
</div>
<script type='text/javascript'>
$('slideshow').style.display='none';
$('wrapper').style.display='block';
var slideshow=new TINY.slideshow("slideshow");
window.onload=function(){
slideshow.auto=true;
slideshow.speed=5;
slideshow.link="linkhover";
slideshow.info="information";
slideshow.thumbs="slider";
slideshow.left="slideleft";
slideshow.right="slideright";
slideshow.scrollSpeed=4;
slideshow.spacing=5;
slideshow.active="#fff";
slideshow.init("slideshow","image","imgprev","imgnext","imglink");
}
</script>

Temalar Nasıl İndirilir ?