CaRa MeNguBah BaNneR BloG

Friday, August 15, 2008

Caranya sih gampang Cuman Kamu Punya Ngak Header Nya

Buat Aja Sendiri Ya Aku Gak Bahas Caranya Dah Pada Isa Kan

Kalo DAh Buat UpLoAd

di Free WebHosting

contohnya:

1. Ripway
2. Fileden
3. Fileden
   
4. Geocities
   

ingat register dolo (cih repot ya) ya ngak sih...

Carene pertama yang harus punya banner dolo yg mau kita pasang ya. Banner tersebut boleh gambar apa saja, bisa gambar pemandangan atau foto diri kita sendiri. Langkah kedua adalah mengupload banner tersebut, bisa di dupload ke blogger sendiri atau ke hosting lain kayak yg diatas . contoh, banner ku yg aku upload di geocities kaya gene :

http://www.geocities.com/junjungpurba/header.jpg

dan gambar bannernya kayai ini ( gambarnya dalam skala kecil):



Untuk cara masukinya silahkan ikuti langkah-langkah jahat ini wakakakakt:

Untuk Template Klasik

1.Sign in di blogger

2.Klik menu Template

3.Klim menu Edit HTML

4.Copy seluruh kode HTML ato alt+A yang ada lalu paste pada notepad kemudian save, ini untuk backup data apabila kita melakukan kesalahan dalam proses edtitting template

5.Sisipin kode ini pada style sheet css mu. Yang warna hitam itu kode asli dan yang merah kode yang harus di tambahkan

/* Header ----------------------------------------------- */
@media all {
#header {
width:660px;
margin:0 auto 10px;
border:1px solid #ccc;
background:url(http://www.geocities.com/junjungpurba/header.jpg);
}
}

6.Jika ingin menghapus garis yang berada di tepi banner, anda harus menghapus kode berikut :

#blog-title {
margin:5px 5px 0;
padding:20px 20px .25em;
border:1px solid #eee; <-- hapus (delete)
border-width:1px 1px 0; <-- hapus (delete)
font-size:200%;
line-height:1.2em;
font-weight:normal;
color:#666;
text-transform:uppercase;
letter-spacing:.2em;
}


#description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #eee; <-- hapus (delete)
border-width:0 1px 1px; <-- hapus (delete)
max-width:700px;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}

7.Klik Pratinjau untuk melihat perubahan

8.Jika sudah OK, klik tombol Simpan Perubahan Template

9.Selesai.


Untuk template baru

Cara pertama:

1.Sign in di blogger

2.Klik menu Layout

3.Klik menu Edit HTML

4.Klik tulisan Download Template Lengkap, silahkan save dulu template untuk backup data

5.Klik kotak kecil di samping tulisan Expand Template Widget

6.Tunggu beberapa saat sampai proses selesai

7.Tambahkan kode berikut pada style sheet css mu.Yang warna hitam adalah kode asli dan yang merah adalah kode yang harus di tambahkan

/* Header -----------------------------------------------
*/

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid #ccc;
background:url(http://www.geocities.com/junjungpurba/header.jpg);
}
}

8.Klik Pratinjau untuk melihat perubahan yang ada

9.Bila sudah OK, klik tombol SIMPAN TEMPLATE

10.Selesai.

Cara kedua:

1.Sign in di blogger

2.Klik menu Layout

3.Klik menu Edit HTML

4.Klik tulisan Download Template Lengkap,save dulu template anda untuk backup data

5.Klik kotak kecil di samping tulisan Expand Template Widget

6.Tunggu beberapa saat sampai proses selesai

7.cari kode berikut pada template mu:



pada kode maxwidgets='1'.
Rubah angka satu menjadi angka 2, sehingga kodenya menjadi kaya ini :



8.Klik tombol SIMPAN TEMPLATE

Nah itu langkah pertama, langkah selanjutnya adalah......:

1.Klik menu Elemen Halaman

2.KLik tulisan Edit yang ada pada elemen Header

3.Tunggu beberapa saat

4.Pilih radio button yang ada di samping tulisan dari komputer Anda

5.Klik tombol Browse...

6.Pilih banner yang telah dibuat yang ada pada komputer mu

7.Tunggu beberapa saat sampai proses selesai kao gak sabar buka cemilan (nyemil keyboard sangat dianjurkan).

8.Gambar banner anda akan di tampilkan

9.Klik tombol SIMPAN PERUBAHAN

10.Selesai.

sebagai orang yg sama belajar
credit to 1. blogger.com
2. temen2 sedes dll
3. papaku yg ajarin aku scripting
4. admin warnet yg koya....
5. yg paling penting Om Ku Google (makasih om)