Selasa, 19 Februari 2013

cara membuat background blog gonta ganti sendiri

siapa sih yang gag tau background pasti tau kan nah berhubungan dengan background saya akan  ngasih tau tentang cara membuat background blog anda bisa gonta ganti sendiri tanpa mempengaruhi proses loading blog sobat tentu nya seperti yang saya gunakan sekarang saya akan kupas lebih dalam tentang blog saya ini


LANGSuNG AJA

1.LOGIN KE blog sobat tentunya
2.pilih ke tata letak
3.add gadget pilih HTML/java script
4.masukan kode berikut
pertama masukan kode ini setelah kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js' type='text/javascript'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript'></script>

lalu kode ini


<script type='text/javascript'>
var ssBG={
  gbr:[
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZwAs4oslDvz22MjuCxv2XmuDzwmcqAAFtiMS0K15VZ87jBnuJ9uSyh6fV9d06zQcVB1NUqD_i8-5u5l8yaU-eZUEul_iXUAYz8yL71UibHkISxT6_koWnjPVihYE5fJIa9tRxgB8poIut/s400/black.jpg",  
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV_YbnhqaSR9lMmFJOBNJSnMLj54OX5oV_o8rn2OV5NewIt6y12lS01OTgBiGVpinaS3i7BfwJw5oW7t9kzE57O6G5pIXPjD09kW8hSqYFBLiPQhOOqhxzFmmj8WTk_VXU-PRaxAv7XpM/s1600/windows_8_wallpaper_by_nhratf-d3awb1b.jpg",
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKVCQ8IbsnYuolP3w0PKHvzcabXT28n2RrfOYN3pd9VUpci3GjVJ1U06A_RpPRB7dg6ZS2oaJALxS45Aiu6YC5uoowhjhD5eAftTcTmrpElzDluvMYHjFS_ckD4zqnfDdHpEbryr7-9CTn/s1600/windows_8_pattern.jpg",
    "http://www.flash-screen.com/free-wallpaper/gorgeous-dark-green-windows-8-wallpaper-for-make-trends/little-cat-dark-green-windows-8-wallpaper,1366x768,65952.jpg",
    "http://www.sefikbeydoner.com/wp-content/uploads/windows-8-wallpaper-hd-1366x768_5755_1.jpg",
    "http://img225.imageshack.us/img225/4564/39003694.jpg",
    "http://www.deviantart.com/download/243901871/windows_8_3d_by_faisalharoon-d417nvz.jpg",
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3FTj9Nomep8uQ8M40NhJgotpYRAvUVcuqWIrBFyDjMMHE1ccLm107KvUBAYCE1NQvixg07CbaXWlbZhy6WpMrQO84lz5YCry5RmRTKxKjFoYTKdZYhWpRUIXi5CKyAxpL1UaxSzOonLk/s1600/China_Country_4+%28wallpapersbay.blogspot.com%29.jpg",
    "http://10topten.com/wp-content/uploads/2012/08/Windows-8-Wallpaper-9.jpg",
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3SCazgH7MuGtH7lUxVA3Xlm9SEhrhGK58XU0M_FQCmH_KHhjszshN8p0TbRoagQx_Hl_PTdWfq0ot3eGN7Gp4EB_VYfNs-GqyqR9gdgY4f01sNxJ-0AyiXqli8TbT0QqwpMe3vlRKqOE/s1600/Creative-Digital-Animal-Wallpapers-24+%28wallpapersbay.blogspot.com%29.jpg",
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzxyOME94dE0PgerNIYZEEU2mJy1bBWz1-YTxzlYlmev8DewdOwDrJYd0XdLvdSBOZsK_SzG3SMv9F9KfimtLshvuBgvCaow4KXXrza4wkgqKxC7j777Myyl3fuqPEeb7ASzfMoIRMSpLB/s1600/Windows_8_wallpapers_3.jpg"
  ],
  now:0,
  SlideMyBG:function(list,style,speed,bgPos,bgSize,bgRep){
    if(!ssBG.SlideMyBG.hasRun){ssBG.SlideMyBG.hasRun=true;
    if(list==null||list==''){list=ssBG.gbr}else{if(typeof list!='object'){list=ssBG.gbr}}
    if(style==null||style==''){style='random'}
    if(speed==null||speed==''){speed=3000}
    if(bgPos==null||bgPos==''){bgPos='top center'}
    if(bgSize==null||bgSize==''){bgSize='100%'}
    if(bgRep==null||bgRep==''){bgRep='repeat'}
    ssBG.gaya=style;ssBG.jeda=speed;ssBG.gbr=list;ssBG.pos=bgPos;ssBG.size=bgSize;ssBG.rep=bgRep;
    ssBG.opt={'background-attachment':'fixed','background-repeat':ssBG.rep,'-moz-background-size':ssBG.size,'background-size':ssBG.size};
    }
    if(ssBG.gaya=='random'){ssBG.gbr=ssBG.gbr.sort(function(){return 0.5-Math.random()})}
    var img=new Image();var brp=ssBG.gbr.length;if(ssBG.now>=brp){ssBG.now=0}
    var gbrSkrng=ssBG.gbr[ssBG.now];ssBG.now++;
    if($('#bg-fader').length==0){$('body').prepend('<div id="bg-fader" style="opacity:0.0;top:0;left:0;width:100%;height:100%;background-color:'+$('body').css('background-color')+'"></div>');$('#bg-fader').css(ssBG.opt);$('body').css(ssBG.opt)}
    $(img).load(function(){
      $('#bg-fader').css({'background-image':'url('+gbrSkrng+')','background-position':ssBG.pos}).animate({opacity:1.0},'slow','linear',function(){
        $('body').css({'background-image':'url('+gbrSkrng+')','background-position':ssBG.pos});
        $(this).animate({opacity:0.0},'slow','linear');
        setTimeout("ssBG.SlideMyBG()",ssBG.jeda);
      });
    }).attr('src',gbrSkrng).error(function(huh){ssBG.SlideMyBG()});
  }
};
</script>

<script type='text/javascript'>$(window).load(function(){ssBG.SlideMyBG()})</script>

kalau sudah selesai simpan dan lihat apa yang terjdi pada blog sobat

happy BLOGGING

Artikel Terkait

0   komentar

Posting Komentar

Cancel Reply