Cara Tambah Gambar Acak, Rotasi untuk Blogger header

Dalam tutorial ini saya akan menjelaskan cara menambahkan gambar acak,  berputar untuk background.Ketika header blogger setelah Anda menambahkan fitur ini ke blog blogger anda, header image blog Anda akan memutar / perubahan di setiap halaman.Sebelum melakukan trik ini Anda harus membuat gambar header untuk blog.Dalam tutorial Anda  ini saya akan menunjukkan bagaimana untuk memutar 5 gambar header.
 
1.Log in ke dashboard -> Desain--> Edit HTML 

2.Scroll bawah ke mana Anda melihat tag body.
 
3.Now salin kode di bawah ini dan paste tepat setelah tag <body>.
 

   <script type='text/javascript'> var HeaderImage= new Array() HeaderImage[0]=&quot; URL-OF-HEADER-IMAGE-1 &quot; HeaderImage[1]=&quot; URL-OF-HEADER-IMAGE-2 &quot; HeaderImage[2]=&quot; URL-OF-HEADER-IMAGE-3 &quot; HeaderImage[3]=&quot; URL-OF-HEADER-IMAGE-4 &quot; HeaderImage[4]=&quot; URL-OF-HEADER-IMAGE-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;); </script> 

 
CATATAN:
Ganti " URL-OF-HEADER-IMAGE-X" dengan URL gambar Anda.
Jika kode di atas tidak bekerja untuk blog Anda, kemudian ganti "# header-wrapper" dengan "# header". (ID atau Kelas bagian header).
Anda dapat menambahkan nomor yang berbeda dari gambar dari 5.Tapi ingat untuk mengubah "4 * Math.random ()" sesuai dengan jumlah gambar yang Anda  tambahkan.Bila Anda ingin menambahkan 8 gambar yang berbeda untuk latar belakang header blog, maka kode harus berubah sebagai "7 * Math.random ()" Lihatlah contoh di bawah ini.: 

 <script type='text/javascript'>

 var HeaderImage= new Array()

 HeaderImage[0]=&quot;URL-OF-HEADER-IMAGE-1&quot;
 HeaderImage[1]=&quot;URL-OF-HEADER-IMAGE-2&quot;
 HeaderImage[2]=&quot;URL-OF-HEADER-IMAGE-3&quot;
 HeaderImage[3]=&quot;URL-OF-HEADER-IMAGE-4&quot;
 HeaderImage[4]=&quot;URL-OF-HEADER-IMAGE-5&quot;
 HeaderImage[4]=&quot;URL-OF-HEADER-IMAGE-6&quot;
 HeaderImage[4]=&quot;URL-OF-HEADER-IMAGE-7&quot;
 HeaderImage[4]=&quot;URL-OF-HEADER-IMAGE-8&quot;
 var random=Math.round( 7*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;);

 </script> 

 
4.Sekarang menyimpan template Anda dan Anda selesai.Refresh situs Anda beberapa kali untuk melihat hasil gambar header kamu akan berputar.