Logo Header

Teks Animasi

Menu

Translate Flag

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
by : BTF

Rabu, 25 April 2012

CARA MEMBUAT HEADER BLOG DENGAN SITUS BANNER MAKER GRATIS


Cara membuat header blog dengan situs banner maker gratis agar hasil header yang kita buat tidak jadi pasaran , karena di situs banner maker itu kita bisa merancang beragam header tanpa takut ada yang menyamakan header yang kita buat.



Mengenai cara membuat header blog dengan bantuan situs banner makeryaitu :
1. Pergi situs ini
2. Kemudian pada halaman situs itu kita bisa memulai membuat header blog kita , ikuti petujuk gambar di bawah ini :

Cara membuat header blog  dengan bantuan situs banner maker gratis


Cara membuat header blog  dengan bantuan situs banner maker gratis

Cara membuat header blog  dengan bantuan situs banner maker gratis

3. Jika sudah sesuai selera klik save banner,dan simpan di kumputer kita, namun haeader itu ada tulisan linknya maka untuk menghilangkannya bisa gunakan aplikasi paint di computer atau bisa juga gunakan ACDSee Photo Manager 2009 dengan bantuan cropnya

4. Untuk menempatkannya di blog sangat mudah , upload saya diwww.tinypic.com , jika sudah diuplaoad ambil link gambarnya pada kotak layout misal http://123.tinypic.com/12345.jpg

 

5. Sebelum mengutak atik Rancangan HTML Blog Silahkan Backup ato silahkan KlikDownload Templet Lengkap dulu baru memulainya..

6. Silahkan Login Dulu Ke Blog Anda CIka'....

7. Klik Rancangan

8. Klik Edit HTML.


9. Setelah itu cari
    /* Header
----------------------------------------------- */
,

terus ubah header h1 kita dengan dengan html di bawah ini : 
 

@media all {
#header {
width:900px;
margin:20 auto 30px;
border:0px solid #ccc;
background:url(http://i.imgur.com/OLACg.jpg) no-repeat top center;
}
}





Silahkan ganti tulisan yan gberwarna kuning dengan alamat gambar yang telah di buat sebelumnya.....
dan biasanya setiap HTML yang Blog miliki tdk mempunyai height:157px;  
Jadi Jika Tidak memiliki height:157px; maka pada saat Cika' sudah Save template maka hasilnya
akan terpotong pada bagian height jadi silahkan tambah height:157px;dibawah Width atau seperti dibawah ini 

@media all {
#header {
width:900px;

height:157px;
margin:20 auto 30px;
border:0px solid #ccc;
background:url(http://i.imgur.com/OLACg.jpg) no-repeat top center;
}
}



10.Sebelum Disimpan SIlahkan Klik Dulu PRATINJAU untuk melihat Displaynya......Kalo sudah sesuai dengan yang diinginkan....maka Silakan klik tombol SIMPAN TEMPLATE


Nb :. Seandainya Terjadi Kesalahan ato tdk bisa juga...silahkan tinggalkan Komentarx Inysa Allah akan kami beri solusinya........Trima kasih.....

Wassalamu Alaikum Warhmatullahi Wabarakatuh

1 komentar:

  1. Ini salah satu layanan yg bernilai ibadah mas.
    membantu sesamadgn tutorial yg bermanfaat.
    Ini aku juga niat membantu buat yg mau cari peluang usaha,
    saya buka kesempatan menjadi agen cover motor,
    tidak perlu modal sebab bisa sistem dropship.

    BalasHapus

Terjemahan Google

Pertanyaan Admin Blog ini

Penutupan