Rabu, 29 Juni 2011

CARA MEMBUAT HEADER BLOG DENGAN BANTUAN 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 maker yaitu :
1. Pergi situs puresilvabannermaker
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 di www.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 Klik Download 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

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...