Maksud
dari gambar header blog yang berubah secara otomatis disini adalah
gambar yang ada pada header akan berubah dengan gambar yang lain ketika
halaman blog direfresh. Berikut adalah langkah-langkah untuk mengubah
gambar header blog secara otomatis :
1. Login ke dashboard > rancangan > edit HTML
2. Cari kode :
<body>3. Copy dan paste kode dibawah ini tepat dibawah kode diatas.
<script type='text/javascript'> var HeaderImage= new Array() HeaderImage[0]="URL-OF-HEADER-IMAGE-1" HeaderImage[1]="URL-OF-HEADER-IMAGE-2" HeaderImage[2]="URL-OF-HEADER-IMAGE-3" HeaderImage[3]="URL-OF-HEADER-IMAGE-4" HeaderImage[4]="URL-OF-HEADER-IMAGE-5" var random=Math.round(4*Math.random()); document.write("<style>"); document.write("#header-wrapper {"); document.write(' background:url("' + HeaderImage[random] + '") no-repeat left TOP;'); document.write(" }"); document.write("</style>"); </script>
Rubah URL-OF-HEADER-IMAGE dengan url gambar yang ada di internet atau url gambar yang ada pada blog Anda.
Jika kode diatas tidak berfungsi pada template blog Anda, coba rubah tag
#header-wrapper
dengan :#header
Anda juga bisa menambah jumlah gambar yang ingin dirubah. misalnya lebih dari 5, tetapi ingat untuk merubahnya, rubah juga tag
4*Math.random()
Angka 4 disana berarti Anda ingin merubah 5 gambar. Jika Anda ingin merubah 8 gambar, maka angka 4 dirubah menjadi 7.
Sekarang simpan dan selesai. Refresh blog Anda di browser untuk melihat hasilnya.
Sumber : www.infogue.com
0 comments:
Post a Comment