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 : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgimk3Rvl8xOr22Rrbrcj9loLrT-qteNjYBCrgvm3Yr17cJtufFMsdo7G3LEbntfJyMLPCGmPFogBmpPJiAQafwf2xmltpFua-lpnN2wHF_ZO9in_GlmaIzXxth4dWIt1ClVZ2iXxVqhBzF/s0/1.jpg'},
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJhUSFyCUu6-LZNYSEqXqcVtCDYYwYqXyvvZg1d5TDJyliNqUDPsz3dWzEMp5I48FGZMF5a_AqPbcp4pjdh5nQnujMJyC1riLCF4k8-me1vt0DyVqMNpbwAeTX4LoRYC5GSHzro2aQiAWL/s0/2.jpg'},
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSgfkWliQ6Dl1Pv_N8iBKfkKC0nWWNRr0nWS-G5lLMTauF78hEhahB7F8uK-Ks-1Tt6x79xQhZbQpj67qa3DEzJgjbdhGcPhuVv64Wlrgey4V5yJohlhDoZVUJzSHj3sD9t53ulqLkR_jX/s0/3.jpg'},
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha3my0iEwTF8rxGdo5EmAg67AL_w8nSOC0LXkrXuJy5OUq83qKvxuinmafbRu3Uk2t9mAtvtOxcgPT7RrpfhjM_TV0z2YyWLHfioprKdHaBxlcTdmPPJSC_Qj543FS2mIwy0GMd5s-8Xji/s0/4.jpg'},
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5fvfzpW_YOvSL6ONa_OiVRPTpIGKMLwazOc_OPapc9PCxU-5eFsfikP9Nx7IODYZPA8pH2MJmaOYU36P2XF3bHwjnEUzNLV4I8FhV8EbAZzExLa3dR97oW_6UdJViR6huMMRm_2QHpI8/s0/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>