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 :
<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 Anda.
Jika kode diatas tidak berfungsi pada template blog Anda, coba rubah tag
#header-wrapperdengan :#headerAnda juga bisa menambah jumlah gambar yang ingin dirubah lebih dari 5, tetapi ingat untuk merubah juga tag4*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.
Selamat mencoba.
22 komentar:
Nice info.. Thanks for sharing.. :)
@Lina Marliana
Semoga bermanfaat
Salam perkenalan saja dulu nih
makasih mas...saya cuma mau merubah ukuran di headernya aja, soalnya ketika memasukan gambar secara manual melalui edit header..gambarnya gak cukup...(cuma separuhnya aja)
@tantridamaidihati
Kalau mau merubah ukura header, harus mengedit html template.
Selamat mencoba.
makaih infonya gan...
sip bangets nih..
aku mau ganti template baru , tapi header d template lama tetep aja nongol :((
gmna caranya biar gag nongol lagi :((
help please :'(
@-indigo-
Biasanya di template baru header yg lama gak nongol memang, tapi judul blognya tetep ada.
Coba pada saat ganti template baru widget headernya dihilangkan saja.
weheheh,,, mantap ... :D
Makasih infonya, kebetulan lagi nyari2 cara nya..
bagus nih infonya :)
terima kasih infonya...........
sipp!!
Mantap infonya Gan.. sedang aq coba di blog baruku...thanks Gan
Bagus juga sih... Tapa saya memnganalisa, ini akan menambah berat beban loading halaman blog.
Gan kalau misalnya kalu mau menyesuaikan gambar header nya sama gmna ya ???
Please help me ^_^
Infonya bagus, tetapi menurut saya namanya javascript pasti bikin lambat loading blog ujung-ujungnya pengunjung blog berkurang
Ya gan saya setuju sama cerdaskom.
Klo JavaScript itu memang bikin lambat, mendingan pake widget selain JavaScript gan.
Tapi, kagak apa-apa, yang penting kreasi orang memang beda-beda. Nice share gan, lanjutkan...!
wahh thanks infonya gan
Trimakasih Gan Informasinya
Setelah di kopas code di atas tapi gambar header belum berubah gan.
tolong informasna gan untuk rubah Tag
Semoga hasil nya bagus...
Posting Komentar
Komentarlah sesuai dengan isi artikel. Spam akan saya hapus.
Bagi yang mau bertukar link, silahkan konfirmasi di kolom komentar.