« »
« »
« »
Get this widget

1.22.2011

Header Template Blog Berubah-Ubah

Apakah Anda bosan dengan gambar header blog yang itu-itu saja? Anda bisa menggantinya dengan gambar baru. Weits….tunggu, jangar berpikir ribet dulu. Ada cara mudah untuk mengganti gambar header blog Anda secara otomatis. Jadi Anda tidak musti repot mengganti gambar dengan cara upload secara manual.

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 :
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("");
script>

Catatan :
Rubah URL-OF-HEADER-IMAGE dengan url gambar 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 lebih dari 5, tetapi ingat untuk merubah 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.

4. Sekarang simpan dan selesai. Refresh blog Anda di browser untuk melihat hasilnya.

3 komentar:

Davin Jonathan mengatakan...

Bos itu cari kode apa? Kok gag da tulisannya? Thx

Muslimin mengatakan...

cari kode yang gimana mas? soale di posting nya cuma " cari kode: (kosong), mohon dilengkapi, terimakasih salam kenal

Mr. Lam3rs mengatakan...

Mas kodenya di letakin dimana?
Di postingannya gak muncul suruh ngeletakin dimana?

Terima kasih :)