Membuat Background Header Berganti Otomatis


Pada kali ini aku akan sedikit berbagi trik mempercantik atau bisa juga trik untuk memodifikasi blog Sobat, kali ini aku akan sedikit berbagi trik mengenai header, header memang tidak akan pernah lepas dari namanya "Blog" dikarenakan pada blog konten Header tidak akan pernah bisa di hilangkan dikarenakan ini menjadi satu dengan tubuh suatu Blog.

Pada kesempatan ini aku akan berbagi cara Membuat Background / Foto / image Pada Header yang Bisa Berganti / Rotating secara Otomatis, dengan cara ini kita akan dapat menampilkan foto / image pada header kita lebih dari satu. di sini kita akan sedikit bermain menggunakan JavaScrift dan perpaduan dengan menggunakan CSS dasar header.

Jika Sobat ingin mencoba membuatnya, silakan ikuti saja Tutorial yang sangat mudah dipahami dan diterapkan di Blog Sobat.



Tutorial "Membuat Background Header Berganti Otomatis"

1. Login  » Dashboard
2. Klik Rancangan » Edit HTML
3. Kemudian silakan Sobat cari kode </body> dengan mengetik Alt + F, Jika sudah ketemu silakan masukkan Kode berikut tepat di atas kode </body>

<script type='text/javascript'>

var HeaderImage= new Array()

HeaderImage[0]=&quot;URL FOTO-1&quot;
HeaderImage[1]=&quot;URL FOTO-2&quot;
HeaderImage[2]=&quot;URL FOTO-3&quot;
HeaderImage[3]=&quot;URL FOTO-4&quot;
HeaderImage[4]=&quot;URL FOTO-5&quot;
var random=Math.round(4*Math.random());

document.write(&quot;<style>&quot;);
document.write(&quot;#header-wrapper {&quot;);
document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);


Pada Tulisan berwarna Pink " URL FOTO " Silakan Sobat masukan Alamat URL Sobat yang telah di Upload.

Jika Sudah, Kemudian Klik Save Template,  ☺

الْحَمْدُ للَّهِ رَبِّ الْعَـلَمِينَ  Tutorial di Atas sudah selesai, untuk itu saya ucapkan,


Selamat Mencoba~

61 Responses to "Membuat Background Header Berganti Otomatis"

  1. @ Nurmayati Zain

    Terima Kasih mbak, :D Semoga tali silaturahmi kita dapat selalu erat :D SUKSES!!

    ReplyDelete
  2. ..infonya bagus, sob....mksih share...

    ReplyDelete
  3. @ mastokkenari :

    Terima kasih Sob, terima kasih atas kunjungannya :D

    ReplyDelete
  4. scriptnya agak susah nih, tapi ane coba ya terima kasih

    ReplyDelete
  5. bagus banget deh gan scriptnya ane copas langsung hahaa :D

    ReplyDelete
  6. @ thermo hygrometer : Silakan di coba kawan :D

    @ inverter mitsubishi : Mudah kok Sob, silakan di coba aja :D

    @ timbangan digital : Silakan di copas kawan dan di coba :D

    ReplyDelete
  7. Link saya dimana.. ? apa permohonan sudah di konfirmasi :)

    ReplyDelete
  8. @ YUIloverz : Silakan di Cek di LINK EXCHANGE :)

    ReplyDelete
  9. okkeh... ^o^ snang berbisnis dg anda

    ReplyDelete
  10. sip pak artikelnya :D
    keren :D

    ReplyDelete
  11. Sipzzzzzzzzzzzz,.,.,.,.Mantab ^o^, ni peguruan blog bubuhan banjar nach ^o^

    ReplyDelete
  12. @ Rizky-San Yoshioka said : Terima ksih banyak.. :D

    @ Andi : Terima kasih kawan :D

    @ Penerbit imtiyaz : bahhh,, kada lalu paguruan,, nang hanyar ha nginih.. hehehe

    @ Software Akuntansi Laporan Keuangan Terbaik : Contoh gk ada mas, tpi langsung d praktekin ajah :D)

    ReplyDelete
  13. wah, wajib bookmark nih, thanks ilmunya kawan...

    ReplyDelete
  14. Mantap boy.... semoga sukses selalu ya?

    ReplyDelete
  15. setiap orang punya kekurangan dan kelebihan... inilah kelebihan kang Cyber....

    ReplyDelete
  16. tidak berhasil gan, script tdk bs diterima system

    ReplyDelete
  17. asik banget nih sob....biar gak bosan ganti beckround sob

    ReplyDelete
  18. Info menarik dan boleh sekali dicoba, Makasih buat infonya dan sukses

    ReplyDelete
  19. Terima kasih untuk tipsnya, saya mau coba semoga juga.

    ReplyDelete
  20. Saya cari dibeberapa website dan dapat tipsnya di website ini, terima kasih, mau dicoba oleh saya.

    ReplyDelete
  21. Amazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil

    ReplyDelete
  22. Terima Kasih, Tulisan yang sangat membantu. Salam Sukses!

    ReplyDelete
  23. Terima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba

    ReplyDelete
  24. aku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu

    ReplyDelete
  25. Setelah membaca Info dan Artikel, saya jadi ingin mencoba. Salam Sukses

    ReplyDelete
  26. Terima kasih atas Artikel dan Info yang selalu menambah wawasan.semoga sukses

    ReplyDelete
  27. Menarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses

    ReplyDelete
  28. Cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

    ReplyDelete
  29. Artikel yang sangat Innovatif dan banyak Tipsnya. jadi ingin coba. semoga berhasil

    ReplyDelete
  30. Tulisan dan Tipsnya sangat bermanfaat dan Infomatif. wajib dicoba. sukses selalu.

    ReplyDelete
  31. Tips yang cerdas cuma di Wibesite ini banyak kumpulan Artikel bagus. harus dicoba. salam sukses

    ReplyDelete
  32. Amazing artikel, Infonya bagus banyak mengandung Tips dan Pesan yang bermutu. salam sukses

    ReplyDelete
  33. Amazing Artikel yang sangat berguna,terutama Tipsnya sangat membangun. boleh dicoba.

    ReplyDelete
  34. Terimakasih Tulisan dan Info yang bermanfaat. wajib dicoba. salam sukses selalu.

    ReplyDelete
  35. Tips dan Info menarik, boleh dicoba, Semoga berhasil

    ReplyDelete
  36. Setelah membuka Wibesite ini, saya menemukan Artikel yang Amazing dan infonya boleh dicoba. Sukses selalu

    ReplyDelete
  37. Saya menemukan Artikel hebat di wibesite ini jadi ingin coba Tipsnya. Semoga berhasil

    ReplyDelete
  38. Artikel Menarik terutama Infonya, boleh dicoba. Salam sukses

    ReplyDelete
  39. Saya senang setelah membaca Tips dan Artikelnya, harus dicoba.Semoga berhasil

    ReplyDelete
  40. Info dan Tulisannya Amazing, boeh dicoba. Sukses selalu

    ReplyDelete
  41. Tipsnya sangat Infomatif, wajib dicoba salam sukses

    ReplyDelete
  42. Informasinya keren sekali, sangat bermanfaat.sukses selalu

    ReplyDelete
  43. Terimakasih Banyak Tips dan Artikelnya, boleh dicoba. Salam sukses

    ReplyDelete
  44. Terimakasih Artikelnya bermanfaat dan Infonya menambah Ilmu pengetahuan. Harus dicoba. Semoga berhasil

    ReplyDelete
  45. Ilmu yang bermanfaat dan berguna Cuma ada di Wibesite ini, terutama Tips dan Artikelnya. Jadi ingin coba. Salam sukses

    ReplyDelete
  46. setelah saya mencari cari di beberapa Wibesite , saya menemukan Artikel yang Bagus dan bermanfaat. Patut di coba, sukses selalu

    ReplyDelete
  47. Saat membaca Artikel dan Tipsnya yang benar benar menarik. Jadi ingin mencoba. Salam sukses selalu

    ReplyDelete
  48. Ide cemerlang saya dapat dari Artikel yang di buat di Wibesite ini, Wajib dicoba Tipsnya. Semoga berhasil

    ReplyDelete
  49. Wibesite yang menarik di dalamnya banyak Artikel dan Tips yang mengandung Ilmu Pengetahuan, Harus dicoba.Terimakasih

    ReplyDelete
  50. postingan yang bagus tentang Membuat Background Header Berganti Otomatis

    ReplyDelete
  51. thanks atas infonya mau tanya trus header yang diatas di #Header Wraper Background (&&&&99 )

    dihapus apa kagak mas, atau mungkin funsinya buat home ya...

    ReplyDelete
  52. http://davilsonic.blogspot.com/2012/09/cara-block-situs-tanpa-menggunakan.html

    ReplyDelete