Tampilan depan sebelum beranda-home, template ala window.
Diakhir tahun 2010 mulai mengenal blog selama tahun 2011 sampai awal 20l3 istirahat karna pekerjaan, kini mulai lagi sebab mungkin ada yang perlu disampaikan, kayaknya hampir dua bulanan nyaris nonstop mumpung ada waktu longgar.
Selain baca membaca terakhir meedit template ini.
Nah seperti biasa seperti postingan sebelumnya postingan kali ini juga termasuk bagian dari editan blog ini.
kalo mau lihat gambar silakan lihat gambar dipostingan sebelumnya
Background 3d keren buat ditambahkan pada
Slideshownya nantinya.
Namun untuk membuat tampilan gambar full dan slide show ini perlu diperhitungkan karena akan menambah berat blog seperti blog saya ini ketika di cek http://www.iwebtool.com beratnya 130an padahal bagi seorang bogger maximal berat blog 100 dan sebaiknya dibawah 80an, maka ini mungkin juga akan mempengaruhi seo.
Namanya full gambar slide show itu menurut saya ya iya full ditemplate gambarnya bukan pada sebagian-sebagian, misal bagian atas atau samping atau bagian tampilan bawahnya aza,,,
Lihat klik
Demo (bila template belum berubah) Atau tunggu beberapa saat dihalaman postingan ini.
Lebih bagus lagi jika menggunakan template transparan, pada tampilan beranda atau sebelum tampilan homenya tunggu sejenak.
Caranya:
- Masuk dasbor, edit tata letak - tambah elemen laman widged html/javascript
- Copy kode script dibawah ini pula:
<!-- jQuery Library -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"
type="text/javascript"></script>
<!-- Simple Background SlideShow Script -->
<script src="http://script-rushdie.googlecode.com/files/rushdie-bground.js
" type="text/javascript"></script>
<!-- Call ssBG.SlideMyBG() function after the page fully loaded -->
<script type="text/javascript">$(window).load(function(){ssBG.SlideMyBG()})</script>
<!-- Advanced settings -->
<script type="text/javascript">
$(window).load(function(){
var MYlist=[
"#",
"#" // No coma at the end of list
];
var MYstyle='diurut aje bang dari awal ye'; // Default is random
var MYspeed=10000; // Delay between image changes
var MYbgPos='top center'; // background-position
var MYbgSize='100%'; // background-size (you may try auto 100%)
var MYbgRep='repeat-x'; // repeat-y, repeat, no-repeat
ssBG.SlideMyBG(MYlist,MYstyle,MYspeed,MYbgPos,MYbgSize,MYbgRep)
})
</script>
<!-- To add a new collection into an existing, you may use ssBG.gbr.concat(list1,list2) -->
<script type="text/javascript">
$(window).load(function(){
var MYlist1=[
"#",
"#" // No coma at the end of list
];
var MYlist2=[
"#",
"#",
"#" // No coma at the end of list
];
ssBG.gbr=ssBG.gbr.concat(MYlist1,MYlist2);
ssBG.SlideMyBG('','sort','','','auto 100%');
})
</script>
- Save ... selesai.
Catatan: untuk menambah-nambah gambar sendiri silakan ganti tanda-tanda ( # ) seperti tanda berwarna merah diatas.
Sekian dulu Cara Mudah Membuat Background Template Slide Show Full Gambar.
Semoga berguna.
Judul : Cara Mudah Membuat Background Template Slide Show Full Gambar
Deskripsi : Tampilan depan sebelum beranda-home, template ala window. Diakhir tahun 2010 mulai mengenal blog selama tahun 2011 sampai awal 20l3...