Ceaster Forum
Selamat Datang di Forum Ceaster
Bahas apa aja di sini sesuai forum !
Dapatkan Banyak Info,Ilmu,Berita di Sini !
AYO BURUAN DAFTAR ADA EVENT BERHADIAH BAGI PENDAFTAR !
Daftarnya mudah Tinggal Masukin data !

Cara Membuat Random Image Pada Header Blogspot Login_button1Cara Membuat Random Image Pada Header Blogspot Register_buttonCara Membuat Random Image Pada Header Blogspot Button-fb-loginCara Membuat Random Image Pada Header Blogspot Connect-facebook-button


Join the forum, it's quick and easy

Ceaster Forum
Selamat Datang di Forum Ceaster
Bahas apa aja di sini sesuai forum !
Dapatkan Banyak Info,Ilmu,Berita di Sini !
AYO BURUAN DAFTAR ADA EVENT BERHADIAH BAGI PENDAFTAR !
Daftarnya mudah Tinggal Masukin data !

Cara Membuat Random Image Pada Header Blogspot Login_button1Cara Membuat Random Image Pada Header Blogspot Register_buttonCara Membuat Random Image Pada Header Blogspot Button-fb-loginCara Membuat Random Image Pada Header Blogspot Connect-facebook-button
Ceaster Forum
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Ceaster Forum

Forum Pengetahuan Informasi dan Jual Beli Terlengkap di Indonesia


You are not connected. Please login or register

Cara Membuat Random Image Pada Header Blogspot

Go down  Message [Halaman 1 dari 1]

avatar

Random Image pada Header cara kerjanya sama dengan Random Image Widget, yaitu bergantiannya image yang tampil bila halaman blog bila di-reload, yang membedakan hanya penempatannya yang ini pada Header blog.

Untuk memasang random image pada header agak sedikit berbeda dengan memasang random image widget, gambar yang akan ditampilkan harus sesuai ukuran header, bisa juga lebih kecil atau lebih besar tapi nantinya akan timpang (tidak enak untuk dilihat), untuk itu sebelum memakai script ini sebaiknya pastikan dulu ukuran header blog kalian, lakukanlah edit gambar sesuai ukuran header sebelum diupload, selain itu biasanya setelah memasang script ini tampilan gambar tidak akan langsung pas karena tiap template ukuran jarak antara header berbeda, bila hal itu terjadi ubahlah bagian padding header untuk menyesuaikannya. Untuk scriptnya kalian bisa mengcopynya di bawah ini :

Code:
<script type="text/javascript">
var banner= new Array()
banner[0]="Alamat Gambar"
banner[1]="Alamat Gambar"
banner[2]="Alamat Gambar"
banner[3]="Alamat Gambar"
var random=Math.round(3*Math.random());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");
</script>

Cara memasangnya dalam blog :
Masuk ke akun Blogger
Pilih menu Design/Rancangan - Edit HTML
Cari kode <body>
Letakan script tersebut dibawah kode <body> - Save

gampang kan ? Smile Wink

Kembali Ke Atas  Message [Halaman 1 dari 1]

Permissions in this forum:
Anda tidak dapat menjawab topik