Sebuah CeElle pembaca bertanya bagaimana bendera Header dan gambar latar belakang Blogger dapat diputar sehingga mereka menunjukkan gambar yang berbeda setiap kali halaman di-refresh atau reloaded. Sementara kita bisa menggunakan format tampilan slide, waktu rotasi akan diperbaiki. Kami pikir kami memiliki JavaScript yang cukup sederhana yang acak panggilan untuk banner header baru atau gambar latar belakang setiap kali Blog Blog di-refresh. Ini berguna jika Anda memiliki gambar latar belakang beberapa yang cocok untuk Blog Anda dan Anda ingin menampilkan mereka semua.
Rotating Header Image
Hanya untuk memastikan, artikel ini adalah tentang secara acak menampilkan gambar header yang berbeda pada setiap refresh halaman. Jika tujuan Anda adalah untuk memiliki gambar latar belakang tetap untuk Header Anda, artikel lainnya Latar Belakang Gambar untuk Blogger Header (Baru) dan Background image untuk Header Blogger akan lebih relevan. Dalam artikel itu, Anda juga akan membaca tentang membuat gambar, dan menggunakan perangkat lunak pengedit foto gratis seperti Google Picasa untuk mengubah ukuran dan memotong gambar Anda.
Setelah membuat gambar, Anda harus upload ke server. Anda dapat membaca tentang menggunakan host gratis seperti Google Page Creator dan Google Groups. Kami juga memiliki daftar lebih komprehensif Host Gambar bebas dan Layanan File Hosting di artikel kami pada Gambar Ruang Penyimpanan Kelola Blogger. Check out situs tersebut dan memilih satu yang cepat, dapat diandalkan dan memungkinkan hotlinking ke file upload. Setelah meng-upload gambar, perhatikan URL Gambar.
Langkah Pertama
Login ke Dashboard Anda
Langkah Kedua
Buka Template -> Elemen Halaman -> Tambahkan sebuah Elemen Halaman dan pilih "HTML / JavaScript".
kemudian copykan script di bawah ini
<script type="text/javascript">
var banner= new Array()
banner[0]="Image01URL"
banner[1]="Image02URL"
banner[2]="Image03URL"
banner[3]="Image04URL"
banner[4]="Image05URL"
banner[5]="Image06URL"
banner[6]="Image07URL"
banner[7]="Image08URL"
banner[8]="Image09URL"
banner[9]="Image10URL"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + banner[random] + '") repeat center center;');
document.write(" }");
document.write("</style>");
</script>
var banner= new Array()
banner[0]="Image01URL"
banner[1]="Image02URL"
banner[2]="Image03URL"
banner[3]="Image04URL"
banner[4]="Image05URL"
banner[5]="Image06URL"
banner[6]="Image07URL"
banner[7]="Image08URL"
banner[8]="Image09URL"
banner[9]="Image10URL"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + banner[random] + '") repeat center center;');
document.write(" }");
document.write("</style>");
</script>
terakhir simpan perubahan,,,,
pastikan blog anda telah berubah,,,,,,
0 comments:
Post a Comment
Komentarnya!!!!!!!!!