Home / Blogger Corner / Membuat Background Header Berganti Otomatis

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~

About admin

Check Also

Simple SEO Friendly 2 Template Untuk Blogspot

DOWNLOAD          DEMO Information Simple SEO Friendly 2 Template Untuk Blogspot merupakan template yang mungkin sangat …

61 comments

  1. @ Nurmayati Zain

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

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

  3. @ mastokkenari :

    Terima kasih Sob, terima kasih atas kunjungannya 😀

  4. ane coba ya gan scriptnya 😀

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

  6. bagus banget deh gan scriptnya ane copas langsung hahaa 😀

  7. @ thermo hygrometer : Silakan di coba kawan 😀

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

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

  8. Waah manteeeep. . . 🙂

  9. @ YUIloverz : Silakan 😀

  10. Link saya dimana.. ? apa permohonan sudah di konfirmasi 🙂

  11. @ YUIloverz : Silakan di Cek di LINK EXCHANGE 🙂

  12. okkeh… ^o^ snang berbisnis dg anda

  13. okkeh… ^o^ snang berbisnis dg anda

  14. sip pak artikelnya 😀
    keren 😀

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

  16. @ Rizky-San Yoshioka said : Terima ksih banyak.. 😀

    @ Andi : Terima kasih kawan 😀

    @ 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)

  17. wah, wajib bookmark nih, thanks ilmunya kawan…

  18. Mantap boy…. semoga sukses selalu ya?

  19. setiap orang punya kekurangan dan kelebihan… inilah kelebihan kang Cyber….

  20. tidak berhasil gan, script tdk bs diterima system

  21. asik banget nih sob….biar gak bosan ganti beckround sob

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

  23. Terima kasih untuk tipsnya, saya mau coba semoga juga.

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

  25. Amazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil

  26. Terima Kasih, Tulisan yang sangat membantu. Salam Sukses!

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

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

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

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

  31. Menarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses

  32. Cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

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

  34. Tulisan dan Tipsnya sangat bermanfaat dan Infomatif. wajib dicoba. sukses selalu.

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

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

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

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

  39. Tips dan Info menarik, boleh dicoba, Semoga berhasil

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

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

  42. Artikel Menarik terutama Infonya, boleh dicoba. Salam sukses

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

  44. Info dan Tulisannya Amazing, boeh dicoba. Sukses selalu

  45. Tipsnya sangat Infomatif, wajib dicoba salam sukses

  46. Informasinya keren sekali, sangat bermanfaat.sukses selalu

  47. Terimakasih Banyak Tips dan Artikelnya, boleh dicoba. Salam sukses

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

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

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

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

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

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

  54. postingan yang bagus tentang Membuat Background Header Berganti Otomatis

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

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

  56. apakah ini bisa diterapkan di blog wordpress?

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *