Cara Membuat Gambar Background Berganti - ganti di Blogger

Halo gan mohon maap gua kaga pernah posting blog yang ini karena gua lagi ngurusin blog YANG SATU INI baiklah langsung saja kita simak Tutorialnya!

✔ Cara Membuat Gambar Background Berganti - ganti di Blogger

1. Masuk Ke Blogger Sobat DISINI

2. Pilih Template >> Edit HTML

3. Fitur ini Bisa bekerja Jika dipasang kode JQuery Jika di Blog kamu Belum Dipasang Kode JQuery Silahkan Salin Kode Dibawah ini Tepat Diatas 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>

4.  Setelah itu dibagian CSS Body Minimal Seperti Ini

body { background: black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPXSkX7hHub8jBNTHIbe_tzfiPrMQuHIztl23357Bvx1e5H7wCBp1LcqqUzjW2RCiOl6xphiMrEHzJIA_DGyvY9-WAlCGqYcxTuLhOy3rq8HnbUT7_BT91wzbLjVARj_aO3O7rEMy2uA/s1600/free-wallpaper-2.jpg) repeat-x fixed top center; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size:100%; background-size:100%; }

5.  Jika Sudah Terpasang Juga kita harus menambah JavaScript Background Slide Show di bawah ini (bisa diletakkan diatas kode </head> atau </body>)

<script type='text/javascript'> var ssBG={ gbr:[ "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd8H1nGzoAdKkGU9cT_JxqMfGBSXIxzlzhEBotTeXeXX70H3RVn1Qyxlsc4MtfOqkuDQveXic3z7qBVUsYg1YI85qJ5zDYyGQlbnhNSivp9UK3J_VzGzjC4GP-NTuyx-TaaPgXZ1zN9w/s1600/3d-desktop-background-hd-of-art-and-design.jpg", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiHIibzlX5mM94y2H48FIDXWXuJtaENXl6iwzXksqw7QyoOM3OUcylYewvowdAxCjsEFEbYvHji_AewstYdgUwhhrgqmUpafMFLgKMnIVQHtB5HDQ65ndJKU5xPxl35lnMJOkqRGxq_g/s1600/3D-Background-Ball-Free-Download.jpg", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV1n9Od9gN5NWY4iUgAXnne7sdT_aWcIUZ1i7S2H7Zb_emk-fRs1G7TV_BsNo5kdOCMmtAstsTAN_KCTQJZEIQUoQMx6L7KZotSvxfwSfQXTPtQRcOdJmx9T1bdZgUFquj6TyaL7ySRQ/s1600/Snow_leopards.jpg", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8QZdGQoYmw24vB5ZPCowh-JNHVdGZIwKlDQPRHXqzdJWwF3csk-nuQSvbzh9XUx2NBZIzbfvS42UmVrnKQ1lRD3KPwxQkk3RRrIIYp-V4onccJDkXqe0cWSKbUbLRSHG9RMMLeUsd0A/s1600/3d-hd-wallpaper-ja-amazing-wallpaper+%281%29.jpg", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg85rK18qNHWMFvHF4f13qQFmBtOlGH_ehSWKuJSxiKBJ7-M9rDafVTVIJ3dG5X2e6pCMQfLvl4EyEFaiStSRWa4_rBSgGHQBt_6iNlDAImowX8t9ARAheAPFq1mIt2eJpvxm7HLpS0CA/s1600/3d-desktop-backgrounds.jpg", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC_nQEUTB9DPCP42xxmX-60_eWggw83a6PTWI-7Tjx451qVwC-mrk3uLRyQyUWu7TOHHPWzah4qRHVxJRmuT-d6et-mMF8e1P0ZW17Zy6qzViUMivAifPSA0xEiaM5cxL8rA57ubmR-g/s1600/3D_desktop_wallpaper.jpg", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbtIjC6D-Ssxyg7IVXBbGaSDazqXLuVUZf1-W741sBi5mtYcMCoicDZcX1hCt_CtnSYM2QTmuH9JY-KbrSxOagr-rp6fKj8SMh7pnmB0FSox_nhSWbVEdd_fKQKPPypdcUMD_SATNe5mc/s1600/China_Country_4+%28wallpapersbay.blogspot.com%29.jpg", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYgnh1M_dbDlqD2yMM1yypVpQlFmCC6Dx01_XO8tbyQO5Y1SaGY9tt-LBroYJKGXh3CRkl2Jr4L_3WZ-ICPIEHVvh2L0K-CPv4vf0BcOhV5pqQMSx1UNsC6O3spIblFxbJW4QN6evPtY4/s1600/Rainbow_Wallpapers_(1)+%28wallpapersbay.blogspot.com%29.jpg", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigHaQJrWNusU1DOomhROAzjmxaQg6CDVaNWkwIgZJb07XbfJkVbm4GZT0JV0gxwnHKE6OrRznIxtnRUkyzJzrAq0ZWlCdn1os0Y2VOm_KbfPvM7tIgUN_3FXLcnQ9h0MS1-ulvqF3zCZs/s1600/Creative-Digital-Animal-Wallpapers-24+%28wallpapersbay.blogspot.com%29.jpg", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCSXiPu6cIyW5Ptn5pxZ-T7uF4hHqeF9zwVj3LoepDvG-L4qX06d2MB3rVJz8dcpWg5DJXg4DG7BWQFNvMD5A_wFnIQWrb8aKpHKe8iEZovwwPqftjlgDkfjFW1trXBT0D3wV6nGw0ME4/s1600/Thunder_Storm_Wallpapers_(37)+%28wallpapersbay.blogspot.com%29.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=5000} 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>

6. Simpan Template

Kamu bisa Melihat Demonya BUKA DISINI


Jangan Lupa Untuk berlangganan lewat email agar kamu tau jika Postingan Update 

 Achlesy Man adalah seseorang yang hobby nge post & Gonta Ganti Platform Blogger Karena Senangnya, Dia sampai Lupa Waktu