Mengubah header secara 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. di sini kita akan sedikit bermain menggunakan JavaScrift dan perpaduan dengan menggunakan CSS dasar header.


Kalo temn" mau coba, silahkan praktekan Tutorialnya berikut ini.....


Tutorial "Membuat Background Header Berganti Otomatis"

1. Login  » Dashboard
2. Klik Template » 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~