Reading list and Comment Reading list and Comment

.blogspot.com Load bengkoyok.blogspot.com namapanjang.blogspot.com

random background random background

    <script type="text/javascript">
    //Bikin function biar script bisa di panggil dari luar
      function gantiWolPep(){
   //Bikin Array buat daftar wallpapers

    var WalPep=[
     "http://1.bp.blogspot.com/-aBuF-YJws7c/TgbNg2PxxFI/AAAAAAAAAZQ/iPw986KkIZo/s1600/Spring-Wallpaper.jpg",
     "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEMGJ4x3CzsDlouJTfuiSm1KmH2n3dTdlT3pYCppuLHSroJp2e6-LlgvN2uoWhRiVulmlxhLkmWS8NyoX7xaXMRnnLejV7tj2bkcPjaEmVhrBnLVUoNZi5sQ1VPOkZhCxMOVLaROIV3X0N/s1600/Cyber_soul_WALLPAPER_by_Necrania_ar.jpg",
     "http://24.art.skyrock.net/pictures/77615924.3.jpg",
     "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi8RsgU0UKauLmtuuWJQcFeLvOJ0PYsGj75OQcfftnkuTKrI26I3-Kry1Bf07pGyF5IrMbRnEGTeeVlrn5eLNkFwWZ-LaYlTwa-k-rx34lGg7X5ZwH1nI2aCEg385ptHGqkidXGmZLDPTD/s1600/hutan_um1.jpg",
     "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju8RJ99lOjbPPECXbxqT-JSXjq0-RT2wZ_sdRYL0sADQKzGxvatXMxQxUC-D6lJgRF2ZapnXbj-SJrRoWGgZ9ADpgaHUMQJwOkjJAHD5XQB0LSL9gAlJRGzNRhqxlQAqQF071RVsWcLGpo/s1600/Cyber_Girl_hd_wallpaper.jpg",
     "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYzHxPrXXPZFC1chUzf2DNpjQlrgmoXBbXotY_tYpv71k_-1ny6TMHwzllemWTgiTsC3F6y8eM1Aachb-jMtwoY0nWLOxpSpWADLbcRHyLHrf0TEDJCBT3eGxvOSufFTdNRXV3cIQ8jO0/s1600/Emo_Wallpapers_78+(darkwallz.blogspot.com).jpg",
     "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLlcU551qgZs8S9681_v0BynjMFTJKOe9_oMkBBa52GbElQl_3FAMJA7-o-7nnwUAInh58IeMHAwDa-n-AJzWPcjiwIe6QF-UTP74mDeb1M2h6KvGlpwW0upNOTYiJ6ys_6NTwWKyj-A0b/s1600/Butterfly_1024x768.jpg",
     "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlUImVehfQ91_DnUB2fvHZiA-PnTR6V29ZldJBIl8VIQXsdHL4u9kUVhhGtn-2uG8BCrBTzlQgU6OJOAx2MLZoQQwvwN-YdxMwFpvBukR0nwV1qiy1qjYt-ezy0WZqMD5udjaQTVIEl6Kn/s1600/wallpaper040-1024x768.jpg",
     "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDd85W7kGnw5FE7FsxbTIQeJyzcoR1-nJRUJrBj5uD4YH6akYP_a3_JN3uUzW-l7UrMW_Jekxb06KaQkXkMem3UmlMt10oUrQWFHLJs09HD4JO7F6yPLoEMC6mFNIBIiOjURPxzUABul6z/s1600/techno-wallpapers-cyber-girl.1440x900.jpg",
     "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT4wAC1b-XLgnDoNIQX26l0yOOC_8ad8MRTyUNZYEDeWu9lhRUqJ6Jy-6KkFwj2nyplIUY_hzGxQQcEWcttIh_rKHnhjIusESxQynCp_eLiPwOeqat2l_5-mp8_6uwtv-gGX1RF8CvwJh0/s1600/Dark+Fairy.jpg",
     "http://3.bp.blogspot.com/-tCAXrny6bUE/TaA4kBfspOI/AAAAAAAAATg/nDekfY4ZlZE/s1600/alice_in_wonderland_2010_407_wallpaper.jpg",
     "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-IMkrs_CTjn0LDKonEgW3VVVhw2p1PzbxfYKg2UutM3PW9MqxlVE4UkV8WIKagD99qhsvF1-D8mSZA8DC6I2k_yhcQgF8gdrL9qB7Bc6mKzyd4sVZoY3aBPXeB3-LgL4oRCapmBPIRAE/s1600/Lair-flying-dragon-1207-897115.jpeg",
     "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUNntqhi2Ov_k9VXXX0lBoZH8IQ14_oANb6scfqRBLWsFv7pCCQVzL7XNaJQ4acF8bneRs7pFrYUO1eSwXhStEKTOYce_HuMZ654hSn02WC_R0RHPlvJ2Qhyphenhyphen9aQGYYbK3OvsBsUbdCAYpv/s1600/Fairy_Tales_Bird_of_Happiness.jpg", 
     "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikN2mkM-ljDDhmWiPW15lY3CMbgq2UDdr4dHfxuyGquBloSTL1V3Y70OWO9lx9VdvgD0L-q4qIpGj9RCXfE4iUsNPUUpl2e0SohL29_rNtItSggdoeVV5a7qRk9OV8ga-VWt6snJfX1bgm/s1600/Boy-With-Fire-Ball-Wallpaper-and-photo.jpg",
     "http://1.bp.blogspot.com/-DfjUFHPzSsU/TwtPKgpx8hI/AAAAAAAAAjQ/4wg0Op0tHsU/s1600/Maddi_Jane.jpg"
      ];
     //Acak urutan daftar wallpapers pake Math.random()
       emoWalPep=emoWalPep.sort(function() {return 0.5 - Math.random()});
    //Ganti background body dengan warna latar transparent, gambar ngulang ke bawah, gak ikut nge-gulung, vertikal top horizontal tengah
      document.body.style.background='transparent url('+emoWalPep[0]+') repeat-y fixed top center';
    //Ukuran background menuhin lebar ke samping
      document.body.style.backgroundSize='100%';
}
    //Langsung ganti wallpaper pas halaman di load
     gantiWolPep();

     </script>

     <!-- Tombol buat ganti wallpaper -->
     <center><a onClick="gantiWolPep()" style="cursor:pointer;" class="uiButton">ganti background</a></center>

..Monggo diCobain..

Ganti background

 

Aing creations \m/

Ganti Background dipostingan pake javascript Ganti Background dipostingan pake javascript

Pengen dong tiap kali lo posting, suasana blog termasuk Gambar Background sesuai sama isi postingan lo? ya se'enggak-nya sesuai sama gaya lo deh :D

Normalnya JavaScript buat ngeganti Gambar Background itu kaya gini kira-kira..

<script>

document.body.style.backgroundImage='url(http://blogdowallpaper.files.wordpress.com/2009/04/skate_boy_1024_blogdowallpaper.jpg)';

</script>

Kalo mau pake Timer/Pewaktu

biar nunggu dulu beberapa saat (misal 20 detik) baru Gambar Backgroundnya berubah..

<script>

setTimeout("document.body.style.backgroundImage='url(http://blogdowallpaper.files.wordpress.com/2009/04/skate_boy_1024_blogdowallpaper.jpg)'",20000);

</script>

Kalo pengen Gambar Backgroundnya FullScreen

biarpun gambar yang lo punya ukurannya kecil sekalipun tetep aja bakalan di tampilin selayar penuh..

<style type="text/css">

body {
 width: 100%;
-moz-background-size:100%;
     background-size:100%;
-moz-background-origin:content;
     background-origin:content;
 background-position:top center;
 background-attachment:fixed;
}

</style>


<script>

setTimeout("document.body.style.backgroundImage='url(http://blogdowallpaper.files.wordpress.com/2009/04/skate_boy_1024_blogdowallpaper.jpg)'",20000);


</script>

Warning

Kalo diBlog elo ada Script Random Background Imagenya kemungkinan besar CSS buat nge-bikin FullScreen diatas bakalan ketiban (gak jalan)

Tapi elo gak usah nangis

Ganti aja Script Random Background Imagenya jadi kaya gini..

<script type='text/javascript'>
var bg = [
"http://ALAMAT-GAMBAR.jpg",
"http://ALAMAT-GAMBAR.jpg",
"http://ALAMAT-GAMBAR.jpg"
];

function gantiBg(){
  var bgLeng = bg.length-1;
  var i = Math.floor(Math.random()*bgLeng);
  document.body.style.backgroundImage='url('+bg[i]+')';
}

gantiBg();
</script>

NB: script ini juga bisa ko dipasang di postingan, coba aja..

Kalo mau Gambar Backgroundnya Gonta-ganti sendiri

(misal Gonta-ganti sendiri tiap 20 detik), tinggal nambahin aja Timer

<script type='text/javascript'>
var bg = [
"http://ALAMAT-GAMBAR.jpg",
"http://ALAMAT-GAMBAR.jpg",
"http://ALAMAT-GAMBAR.jpg"
];

function gantiBg(){
  var bgLeng = bg.length-1;
  var i = Math.floor(Math.random()*bgLeng);
  document.body.style.backgroundImage='url('+bg[i]+')';

  setTimeout("gantiBg()",20000);
}

gantiBg();

</script>

masang script dipostingan blog masang script dipostingan blog

Cuman sedikit saran, mungkin akan lebih baik kalo kita login ke draft.blogger.com daripada ke www.blogger.com, kenapa? (karena pengalaman gw yg berantakan),, gw juga gak tau XD wkwkwkkk... xP

Settingan default blogger untuk Postingan emang untuk text format, bukan untuk script/HTML tag, jadi kita mesti ngerubah settingan ini biar bisa pasang script/widget di postingan.