Blogunuzun arka plan resimlerini değiştiren slayt

8 Yorum



merhaba arkadaşlar blogunuzun zemin resmini arka plan resmi kiminin siyah veya başka renk yada tek bir resimdir

ama artık isterseniz blogunuzda arka plan resmi hareketli slayt şeklinde değişecek sizin seçmiş olduğunuz resimler görünecek

demosunu görmek için  TIKLA
yapmanız gereken altaki kodu blogunuza eklemek

kodu gadget ekle kısmından HTML/JavaScript kısmına koyun

not  kod içinde kırmızı renkteki yazılar resim linklerini içeriyor orayı değiştirerek sizin seçmiş olduğunuz resimlerin linklerini koyabilirsiniz

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
  
<style>
#supersized {
position:fixed;
left:0;
top:0;
overflow:hidden;
z-index:-999;
height:100%;
width:100%;
}
#supersized img{
width:auto;
height:auto;
position:relative;
display:none;
outline:none;
border:none;
}
#supersized.speed img {
-ms-interpolation-mode:
nearest-neighbor;
image-rendering:-moz-crisp-edges;
}
/*----------------------------------------------------
{--------}  Speed  {--------}
----------------------------------------------------*/
#supersized.quality img {
-ms-interpolation-mode:
bicubic;
image-rendering:
optimizeQuality;
}
/*----------------------------------------------------
{--------}  Quality  {--------}
----------------------------------------------------*/
#supersized a {
z-index:-30;
position:absolute;
overflow:hidden;
top:0;
left:0;
width:100%;
height:100%;
background:#111;
}
#supersized a.prevslide { z-index:-20; }
#supersized a.activeslide { z-index:-10; }
#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
</style>

<script type="text/javascript" src="http://stylifyyourblog1.googlecode.com/svn/trunk/supersize.js"></script> 
 <script type='text/javascript'>
//<![CDATA[
jQuery(function($){
$.supersized({
//Functionality
slideshow:1,//Slideshow on/off
autoplay:1,//Slideshow starts playing automatically
start_slide:1,//Start slide (0 is random)
random: 0,//Randomize slide order (Ignores start slide)
slide_interval:5000,//Length between transitions
transition:1,//0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed:1000,//Speed of transition
new_window:1,//Image links open in new window/tab
pause_hover:0,//Pause slideshow on hover
keyboard_nav:1,//Keyboard navigation on/off
performance:1,//0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
image_protect:1,//Disables image dragging and right click with Javascript
//Size & Position
min_width:0,//Min width allowed (in pixels)
min_height:0,//Min height allowed (in pixels)
vertical_center:1,//Vertically center background
horizontal_center:1,//Horizontally center background
fit_portrait:1,//Portrait images will not exceed browser height
fit_landscape:0,//Landscape images will not exceed browser width
//Components
navigation:1,//Slideshow controls on/off
thumbnail_navigation:1,//Thumbnail navigation
slide_counter:1,//Display slide numbers
slide_captions:1,//Slide caption (Pull from "title" in slides array)
slides:[//Slideshow Images
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/wanderers-kitty.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg'},  
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/quietchaos-kitty.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-1.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-2.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-3.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-1.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-2.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-3.jpg'},{image : 'http://4.bp.blogspot.com/-FbRA-c7XN7w/ToFyfWteFxI/AAAAAAAAAyI/5Wh2ELU1jC4/s000/1.jpg'},
{image : 'http://2.bp.blogspot.com/-RobdhmLJJqw/ToFyfzX1gcI/AAAAAAAAAyM/WpNVMsp3jeE/s000/2.jpg'},       
{image : 'http://2.bp.blogspot.com/-MFnQY9BN13o/ToFygdGxjRI/AAAAAAAAAyQ/fYOg05RsgjU/s000/3.jpg'}, 
{image : 'http://3.bp.blogspot.com/-C_x-CxMlq18/ToFyglftaKI/AAAAAAAAAyU/Id1R2ZTGUuQ/s000/4.jpg'},
{image : 'http://2.bp.blogspot.com/-En9rLi9a3Ag/ToFyhDg5lZI/AAAAAAAAAyY/CxUZyX6RONU/s000/5.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/wilderness1.jpg'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/day2-emily.jpg'}
]
}); 
});
//]]>
</script>

8 yorum:

  1. Ya sana bir şey soracakğım. yanıtlarsan sevirim.Bloga sekme nasıl ekliyoruz?

    YanıtlaSil
  2. Değişik ve güzel ama blogu ağırlaştırmaz mı bu? Şahsen, ağır açılır bloglara alerjim varda. :D
    Bu arada bir ödül buldum. Sizinmiş. :)

    YanıtlaSil
  3. tasarima her koyulan kod blogu biraz agirladtirir tabikide ama her kod da guzelestirir :)

    YanıtlaSil
  4. çok hoşmuş!!! ama yani değiştirdim, sıkılınca eklerim^^

    YanıtlaSil
  5. Ben karışık arka planları sevmiyorum, düz olacak, açık bir renk mümkünse beyaz. Gözüm yoruluyor da :)

    YanıtlaSil
  6. sana varya yuzlerce kes tesekkur ederim adamım.gunlerdir boyle birsey arıyodum helal :)

    YanıtlaSil
  7. arkadaşlar ödev var akıllı tahtada suncam mesela bi soru var cevabı tıklayınca cıkıyo o nasıl yapılıyo??

    YanıtlaSil
  8. AMAZING, I LIKE YOUR ARTICLES, THANKS U

     ......................................................................................

    100 IMAGE PHOTOS TATOOS FOR YOUNG GRILS

    150 PHOTOS TATOOS TRIBAL FOR DESIGN

    122 ZODIAC TATTOS UNIQUE AND AMAZING

    YanıtlaSil
Yorum yaparken dikkat edilmesi gerekenler:

* Yaptığınız yorumun tamamı büyük harf olmamasına özen gösteriniz
* Yorumlarınız da argo içeren kelimeler kullanmayınız
* Reklam amaçlı yorumlarda bulunmayınız
* Konu dışında iletmek istediğiniz bir şey varsa iletişim formunu kullanın
* Yorumlarınızdan dolayı sizlere teşekkür ediyorum