Home > tips dan triks blog > Cara untuk mengubah/menambahkan gambar header
Cara untuk mengubah/menambahkan gambar header
Tuesday, March 6, 2012
Cara ini digunakan untuk mengubah/menambahkan gambar header secara keseluruhan sebagai background/latar. Jika hanya ingin mengganti/memasang gambar header pada judul dan deskripsi, cukup masuk ke Page Elements dan klik edit pada widget judul dan deskripsi pada bagian header. Upload gambar anda melalui fitur upload yang telah disediakan.
click to enlarge
Namun untuk mengganti seluruh bagian backround/latar wrapper header di blog anda, gunakan cara berikut:
1. Masuk ke Edit HTML.
2. Cari (Ctrl+F) #header-wrapper atau yang sejenisnya (masing-masing template tidak sama tergantung basic template tersebut). Declarator ini selalu di bagian pengaturan header dan posisinya paling atas.
Contoh:
#header-wrapper{background-color:#00000;width:975px;margin:0 auto 0;height:125px;)
3. Tambahkan atribut ini sebelum background-color (atau anda dapat menghapus bagian background color jika header anda akan dipenuhi dengan gambar):
background image: url(http://alamat-url-gambar/gambar.jpg);
background-repeat: no-repeat;
contoh jadinya:
#header-wrapper{
background image: url(http://alamat-url-gambar/gambar.jpg);
background-repeat: no-repeat;
background-color: #00000;
width:975px;margin:0 auto 0;height:125px;)
Atau aturan shorthand untuk background juga dapat digunakan:
background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #000000;
contoh:
#header-wrapper{background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #00000; width:975px;margin:0 auto 0;height:125px;)
Ganti http://alamat-url-gambar/gambar.jpg dengan direct url dimana anda mengupload gambar header blog. Sebelum mengupload & memasang gambar header, edit atau pastikan ukuran gambar sama dengan width dan height header blog.
4. Save template.
Semoga bermanfaat .....
Terima kasih anda telah membaca artikel Cara untuk mengubah/menambahkan gambar header. Tak lengkap rasanya jika kunjungan anda di blog
Inspirasiku-iq tanpa meninggalkan komentar. Untuk itu silahkan berikan tanggapan anda pada kotak komentar di bawah. Semoga artikel Cara untuk mengubah/menambahkan gambar header ini bermanfaat untuk anda.

Artikel Terkait :
tips dan triks blog
- 20 Tips Rahasia Meningkatkan Peringkat Alexa Rank Blog / Website
- cara submit sitemap blog di bing webmaster
- Cara Daftar Dan Claim Blog Di Technorati
- Tips Menemukan ide posting terbaik dengan mudah
- Tips Memilih Template Blogger
- Cara Menaikkan Trafik Blog Secara Otomatis melalui suatu situs referal
- Cara Scan Website Dari Virus
- Cara Paling Tepat Supaya Semua Halaman Blog Terindex Google
- Mengapa Blog Sepi Pengunjung?
- Cara Paling Mudah Mendatangkan Ribuan Pengunjung ke Blog
- cara membuat slider image show yang diAplikasikan ke dalam template blog .
- Membuat Tampilan Kolom Komentar Lebih Menarik
- Rahasia Di Balik Meta Tag Master SEO
- Cara membuat tombol share ke social bookmarking
- Auto Read More Tanpa Java Script
- Cara Membuat Background di Belakang Postingan Blog
- Template gratis
- menghilangkan navbar blog
- Membuat Link Dalam Artikel Blog Di Blogspot - Tip dan Trik Cara Membuat Blog, Merancang Website dan Mendapatkan Uang
Widget by [ inspirasiku-iq ]
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment