Selamat Datang | Selamat Menikmati Isi Blog Ini | Recommended Gunakan Browser Gooogle Chrome

Cara Membuat Random Gambar Pada Header

| Senin, 05 Mei 2014
Langsung Saja Ikuti Tutorial Dibawah Ini :

Sebelumnya Jgn Lupa Backup Dahulu Template Anda
Pertama Buka Account Anda Di Blogger.com
Klik Template Lalu Masuk Kebagian Edit HTML
Selanjutnya Cari Code <body> Dengan Cara CTRL+F Supaya Lebih Cepat
Sisipkan Code Berikut Diatas Code <body>
<script type='text/javascript'>

var HeaderImage= new Array()

HeaderImage[0]="URL GAMBAR UKURAN HEADER-1"
HeaderImage[1]="URL GAMBAR UKURAN HEADER-2"
HeaderImage[2]="URL GAMBAR UKURAN HEADER-3"
HeaderImage[3]="URL GAMBAR UKURAN HEADER-4"
HeaderImage[4]="URL GAMBAR UKURAN HEADER-5"
var random=Math.round(4*Math.random());

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

</script>
Catatan :
Ganti "URL GAMBAR UKURAN HEADER" Dengan Url Gambar Anda.
Jika Code Diatas Tidak Berfungsi Pada Blog Anda Coba Ganti "#header-wrapper" Sesuai Dengan CSS Yg Terpasang Pada Blog Anda.
Anda Dapat Menambahkan Lagi Beberapa Header Image Yg Akan Dirolling Menjadi Random, Ini Contoh Code Header Image Yg Sudah Ditambah Beberapa Image.
<script type='text/javascript'>
var HeaderImage = new Array ()

HeaderImage [0] = "http://alpha4664.uiwap.com/images/Guilty+Crown.jpg"
HeaderImage [1] = "http://alpha4664.uiwap.com/images/Hyouka.jpg"
HeaderImage [2] = "http://alpha4664.uiwap.com/images/album.jpg"
HeaderImage [3] = "http://alpha4664.uiwap.com/images/anime_sniper-wide.jpg"
HeaderImage [4] = "http://alpha4664.uiwap.com/images/background-jungle.jpg"
HeaderImage [5] =" http://alpha4664.uiwap.com/images/devil_survivor_2.jpg"
HeaderImage [6] =" http://alpha4664.uiwap.com/images/Log-Horizon-Anime-Wallpaper.jpg"
HeaderImage [7] =" http://alpha4664.uiwap.com/images/Meet-the-Sakurasou-gang-sakurasou-no-pet-na-kanojo-34917976-1280-720.jpg"

var random = Math.round (7 * Math.random ());
document.write (" <style> ");
document.write (" # header-wrapper {");
document.write ('background: url ("' + HeaderImage [acak] + '") tidak mengulangi-kiri TOP;');
document.write ("}") ;
document.write ("</ style>");
</ script>
Yah Selanjutnya Save Dah! 

0 komentar:

Posting Komentar

Next Prev
▲Top▲
Redesign By Kupunyaku - Thanks To Djogzs.com
Copyright 2010 - 2016 Kupunyaku - All Rights Reserved DMCA.com