Membuat Beautiful Template aljazirah.blogspot

Assalammu'alaikum Wr. Wb.

Saya ingin membuka rahasia bagaimana caranya membuat Template seperti blog saya ini.
Pertama-tama:

Baca Bismillah dulu ya!

Kedua:

seperti biasa Login Blogger > Tata Letak > Edit HTML

Ketiga:

Back up dulu template kamu sebelumnya, mungkin dengan cara copy paste semuanya ke note pad.


Keempat

Copy paste Kode HTML dibawah ini dan taruh pada Semua Kode pada Edit HTML
kalo mo DISINI DOWNLOAD


Kelima:

kalo udah tinggal save aja

Selesai kalo pingin templatenya yang kayak gini kan?

hehehehehhe...

Hayo, apa bedanya gambar template tadi dengan Blog saya?

Yup, salah satu bedanya yaitu Banner pada bagian Headnya.

hehehehehhehe...

untuk mengubah banner pada Head, begini caranya:

1. Pastikan Kamu telah membuka Edit HTML
   
2. Karena Banner pada Head tersebut ada 3 banner, maka jika kamu ingin memasang banner ukuran 1000 x 300 pixel maka anda harus memotong gambar aslinya menjadi 3 bagian yang ukurannya menjadi 1000 x 100 pixel
3. Lalu upload gambar kamu, misalnya ke photobucket
4. copy link banner kamu yang paling atas atau pertama, kemudian cari kode
5. #header-wrapper {
   background: url(http://i269.photobucket.com/albums/jj62/Tresna1/bannerpuasa1-1.jpg) no-repeat left top;
   width: 1000px; position: relative;
   clear: left;
   padding: 0px;
   height:98px;
   }
6. Ganti kode warna merah dengan link banner kamu dan ganti angka pada height menjadi 98
7. copy link banner kamu yang bagian tengah atau kedua, kemudian cari kode
8. #header2 {
   background: url(http://i269.photobucket.com/albums/jj62/Tresna1/bannerpuasa2-1.jpg) no-repeat left top;
   width: 1000px;
   position: relative;
   clear: left;
   padding: 0px;
   height:98px;
   }
9. Ganti kode warna merah dengan link banner kamu dan ganti angka pada height menjadi 98
10. copy link banner kamu yang paling bawah atau ketiga, kemudian cari kode
11. #header3 {
    background: url(http://i269.photobucket.com/albums/jj62/Tresna1/bannerpuasa3-1.jpg) no-repeat left top;
    width: 1000px;
    position: relative;
    clear: left;
    padding: 0px;
    height:97px;
12. Ganti kode warna merah dengan link banner kamu dan ganti angka pada height menjadi 97
13. Sekarang kamu simpan dulu ya!
    

Bersambung......
Klik sini untuk membaca Membuat Beautiful Template aljazirah.blogspot (2)

BACA JUGA...

Widget by Scrapur