Social Icons

Pages - Menu

Selasa, 20 November 2012

Cara membuat background slide show ( ganti otomatis di blog )


Hay Sobat, Udah pada tahu tentang background slide show.
Background slide show adalah gambar latar belakang yang bisa berganti" yang biasanya kita temui di windows 7.
Tapi kini tidak Window 7 saja yang bisa membuat Background slide show, Website pun juga bisa tuh..hehehe

Cara membuat Background slide show ini awal mulanya terdapat di blog keren AingCreations.
Tapi itu mah cuma bisa di pakai untuk template AingCreations saja.
Kini Prof. Ir .Drs. Santa Mars S.I pertama kali menerapkan Background slide shownya di Template Blogger lain. Sebagai contohnya ni liat Blog saya
( Keren kan...hehhe )



Kalau anda tertarik untuk memasang script Background Slide Show ini, yuks ikutin Santa Mars beraksi..whehehe :D

  • Login dulu ke Blog / Website anda  
  • Masuk ke Edit HTML / CSS
  • Cari kode ini di CSS anda ( tekan CTRL+F biar lebih gampang )
 body
  • Sebagai contoh
 
  •  Ganti Semua Bagian Body dengan CSS ini
body{color:black;font:x-small Georgia Serif;font-size:small;text-align:center;margin:0;background:gray url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqng5FMpl1RlUbgxkr3FLJfQ0_ealrPWiqHfHb4PgxHbtuBmpDz7JFnYsmY4cTdb5ys9OWJiH7EJQMD3sYOI13K7vrt-ylQJIvAgzygR2W3AZ_vAIN-5Pvb-3sUO34_pc5gsN01S6mEEA/s1600/backgroundfbdarksanta.jpg) repeat-x fixed top center;padding:0;margin:0;overflow-y:scroll;line-height:1.28;text-align:left;direction:ltr;unicode-bidi:embed;display:block;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%;}html body .region-inner{min-width:0;max-width:100%;width:auto;}

  • Kemudian Cari Dengan CTRL+F Lagi
</body>
  • Setelah itu letak kan Script ini diatasnya
<script src='http://template-santa.googlecode.com/files/slideshowseptember.js'/>
<script type='text/javascript'>$(window).load(function(){ssBG.SlideMyBG()})</script>


  • Jika sudah Simpan Template kamu.
Cukup simpel dan gampangkan ternyata,hehe
Demikian Tutorial Blog tentang Cara membuat background slide show ( ganti otomatis di blog )
Semoga Bermanfaat, Salam Hangat Santa Mars

Note: Jika terjadi error atau mungkin kesalahan , Anda bisa memberikan sebuah komentar dibawah. ( Pasti saya bantu )

Tidak ada komentar:

Posting Komentar

("href","http://www.facebook.com/pages/NcProgramers/137241593082565?ref=hl")

Sahabat Blogger

Attention...!!!

Ada yang baru nih... Apa..?
View this Status Via SM