Topics :
Home » » Cara Membuat Random Header Banner

Cara Membuat Random Header Banner


Ungkit - Cara membuat Banner Header tampil secara Acak dengan Gambar Banner Header yang berbeda setiap kali di Refresh> Berikut cara membuat Banner Header dengan Gambar Acak atau yang biasa di sebut Random Banner Header.


Langsung saja simak langkah-langkah berikut ini:

Sign in di blogger Anda

Klik menu layout

Klik menu Page Elements

Klik tulisan Add a Page Element

Klik tombol ADD TO BLOG di bawah tulisan HTML/JavaScript

Copy paste kode berikut kedalamnya.

Gambar Header dibawah mempunyai 10 Url Gambar...silahkan ditambah atau dikurangi sesuai keinginan....

<script type="text/javascript"> var banner= new Array() banner[0]="ISI DENGAN URL GAMBAR BANNER YANG MAU DIPASANG" banner[1]="ISI DENGAN URL GAMBAR BANNER YANG MAU DIPASANG" banner[2]="ISI DENGAN URL GAMBAR BANNER YANG MAU DIPASANG" banner[3]="ISI DENGAN URL GAMBAR BANNER YANG MAU DIPASANG" banner[4]="ISI DENGAN URL GAMBAR BANNER YANG MAU DIPASANG" banner[5]="ISI DENGAN URL GAMBAR BANNER YANG MAU DIPASANG" banner[6]="ISI DENGAN URL GAMBAR BANNER YANG MAU DIPASANG" banner[7]="ISI DENGAN URL GAMBAR BANNER YANG MAU DIPASANG" banner[8]="ISI DENGAN URL GAMBAR BANNER YANG MAU DIPASANG" banner[9]="ISI DENGAN URL GAMBAR BANNER YANG MAU DIPASANG" var random=Math.floor(10*Math.random()); document.write("<style>"); document.write("#header {"); document.write(' background:url("' + banner[random] + '") no-repeat top left;'); document.write(" }"); document.write("</style>"); </script>

Klik tombol SAVE CHANGES
Selesai.


Untuk Mengganti Ukuran Header bisa dicari kode seperti berikut ini:


#header { 
width:600px; 
margin:0 auto 10px; 
border:1px solid #ccc; 


Pada kode diatas terlihat bahwa untuk lebar banner header sebesar 600px(width:660px;).

Dan untuk mengganti lebar Header silahkan diganti angka sesuai keinginan Anda.

Bisa juga Anda tentukan sendiri Tinggi Header, Untuk menambah tinggi Header tambahkan kode height:150px;

contoh:


#header { 
width:600px; 
height:150px;
margin:0 auto 10px; 
border:1px solid #ccc; 


Untuk setiap Template Blog mempunyai ukuran yang berbeda...untuk mencari Header biasanya kodenya #header 

Selamat Mencoba dan Semoga Berhasil


Sumber : http://gariscerdas.com/

1 komentar :

  1. Numpang Promo ya Bos
    Welcome
    POKERVITA
    DAFTAR POKER
    POKER TERPERCAYA
    POKER TERBAIK
    POKER TERNYAMAN
    POKER TERBAIK
    POKER BANYAK BONUS
    Contact Us Person :
    LIVECHAT P`0`K`E`R`V`1`T`A .com
    BBM : D.8.E.B.7.E.6.B
    Salam Sejahtera untuk kita semua ^^

    BalasHapus