Cara Mudah Membuat Gambar Header Blog
Cara Mudah Membuat Gambar Header Blog - Salah satu cara untuk memperindah tampilan blogyang kita miliki adalah dengan menambahkannya gambar header. Format gambar yang bisa dipakai sebagai header antara lain gambar yang berformat GIF, JPG, atau PNG yang bisa anda buat sendiri, baik menggunakan Adobe Photoshop, CorelDraw, Adobe Ilustrator, atau dengan sofrware pengolah gambar lainnya.
Agar ukuran header yang kita pakai sama seperti ukuran halaman blog, temukan ukuran halamanblog anda dengan mencari kode “ #outer-wrapper{width:900px …. “ pada HTML blog anda. Jika ukuran halaman blog anda 900px maka buatlah gambar yang lebarnya 900px sedangkan high (tinnginya) bisa anda atur sendiri sesuai selera anda.
Setelah gambar anda sudah jadi dan menurut anda itu adalah gambar yang sesuai banget denganblog anda lalu upload gambar tersebut kemana aja anda mau, atau bisa juga anda upload keblogger.com atau ke Potobucket atau kunjungi cara" nya di Cara Mendaftar Meng-upload Gambar di Photobucket. Kemudian yang anda perlukan adalah link gambar tersebut. Misalnya saya punya link gambar header seperti ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY_EUjiBFZuTNMSFyU5na_rB7RQsguI7S3nLj9Q7sSkTg4xoqTUQ8e9S4Y4ydqsVCZNjC-nFrm1iPqdxkCWwjJQAR9ni0A7dwjKfg2GPSwFdA-0gKAlMlj7w8FG5VjZ8pKsOv9zStyaRg/s1600/mywap.png
Link gambar tersebuat yang kita masukkan ke HTML Blog kita.
Caranya adalah sebagai berikut :
1. Login ke blog anda kemudian pilih Design( Rancangan) dan memilih Edit HTML. centang “Expand Widget Template”
2. Cari kode di bawah biar cepat ketemu tekan Ctrl+F dan masukan kode di bawah jika masih bingung lihat caranya di Cara Mudah Dan Cepat Mencari Kede HTML Di Blog :
#outer-wrapper{width:850px;margin:10px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;background:# 0000;}
3. Letakkan link gambar anda dengan cara mengganti #000 dengan link diatas atau link sahabat. Maka jadinya seperti berikut.
#outer-wrapper{width:850px;margin:10px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY_EUjiBFZuTNMSFyU5na_rB7RQsguI7S3nLj9Q7sSkTg4xoqTUQ8e9S4Y4ydqsVCZNjC-nFrm1iPqdxkCWwjJQAR9ni0A7dwjKfg2GPSwFdA-0gKAlMlj7w8FG5VjZ8pKsOv9zStyaRg/s1600/mywap.png) center top repeat-x;}
4. Setelah selesai, simpanlah template blog anda dan lihat hasilnya….
Selamat mencob
a
a