Langsung ke konten utama

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.

Komentar

Postingan populer dari blog ini

Roh Quija

Tidak satupun dari kita percaya pada paranormal atau supranatural, tapi papan Ouija sepertinya cara yang menyenangkan untuk menghabiskan waktu.   Kami semua berusia sekitar dua puluhan , yang bertingkah sedikit konyol, dan pasti terobsesi dengan spesies laki-laki.Setelah beberapa petunjuk tentang kami saat ini, kami mencoba untuk memanggil hantu. Kami terdiam selama 10 menit sambil berharap cemas sebelum kami akhirnya menyerah.   Kami melihat film dan semua menginap di rumahku . Tiba-tiba, kita semua tersentak ter bangun karena tv yang kita lihat tiba-tiba mati sendiri . L ayar tv berubah hitam, wajah seorang gadis remaja muda muncul di layar, meneteskan darah dari sudut mata kosongnya .   Maria menjerit dan aku mencengkeram lengan Tary , dan kemudian kami berempat dibuat terburu-buru menuju kamar tidur. Sara y ang paling tenang di antara kita semua, Sara mengatakan kepada kami itu mungkin hanya imajinasi terlalu aktif larut malam.   Tidak ada yang percaya pad...

Mimpi Buruk

Aku tahu ini seperti cerita yang lainnya,tapi itu benar-benar mulai menakut-nakutiku sekarang.Aku memiliki mimpi yang buruk,benar-benar buruk.Mereka telah berlangsung selama 8 tahun dan beberapa bulan sekarang.Saya selalu tertarik dengan para paranormal tetapi saya tidak percaya apa yang di lakukan mereka adalah kenyataan,tapi sekarang...........saya tidak yakin dengan perasaanku.Mimpiku adalah tentang seorang wanita yang sama,rambut panjang hitam/coklat.Dia selalu mengenakan gaun hitam ketat polos,gaun yang panjang dengan lengan panjang pertengahan yang berakhir di siku.aku belum pernah melihat ke bawah lututnya jadi saya tak dapat berkomentar mengenai sepatu apa yang di kenakannya.Tapi dari belakang ia tampak seperti wanita normal yang akan keluar menghadiri sebuah pesta semi formal atau sesuatu yang seperti itu. Tapi dari depan adalah cerita yang berbeda,kulitnya begitu pucat tetapi sedikit semburat abu-abu.Matanya yang paling menghantui.Meskipun matanya lebar dan di kelilingi oleh...

Misteri Rumah di Jalan Utama

Di rumah saya, tidak jarang saya merasakan ledakan udara dingin di tengah musim panas. Di rumah saya, tidak jarang terdengar bisikan-bisikan setelah semua orang sudah tidur. Di rumah saya, tidak jarang bersembunyi di bawah selimut ketika Anda mendengar langkah kaki berjalan ke kamar Anda larut malam. Saya berumur 12 ketika kami pindah ke rumah itu. Sebuah cerita biasa dua hunian yang menyerupai semua rumah di blok. Warnanya biru atap rumah itu,saya ingat ketika kami berhenti untuk pertama kalinya. Jendela putih membuatnya tampak ideal. Itu membuat saya merasa senang ketika aku melihatnya. Tapi perasaan itu berubah setelah saya memasuki rumah.