Tuesday, August 18, 2009

Mengganti Backgroud dengan Image atau Gambar

Kalau postingan saya yang lalu membahas tentang bagaimana cara mengganti warba background sekarang kita akan membahas bagaimana cara mengganti background denga image(gambar)jika anda tertarik berikut tip dan langkah penyelesaiannya
Sebenarnya sangatlah mudah mengganti background dengan gambar tapi bagi yang dah agak mahir dan paham tentang otak-atik kode html…tapi kalo kayak saya ehhhhhh sulit deh…..tapi kali ini saya akan berbagi sedikit pengalaman tentang mengganti background dengan gambar. Hal yang mesti kita lakukan dalam mengganti background dengan gambar adalah kita harus punya alamat gambar yang hendak kita tampilkan sebagai background baik hasil editan sendri dengan menggunakan berbagaisoftware seperti photoshop atau corekdrow atau yang lainnya.kalo saya sendiri pake software ini Easy Gip Animator software mudah karena setelah upload kita tinggal meng-copy kode HTMLnya, jika anda belum punya bisa anda download di siniDownload Easy-GIF-Animator

Untuk Template Minima Klasik Berikut Caranya

=Login ke blog anda

=Edit HTML

=Jangan lupa copy atau download selengkapnya template anda, ini supaya jika terjadi kesalahan kita tinggal mengembalikan template kita ke tampilan tamplate kita sebelum amburadul hehehe
Selanjutnya tugas kita adalah menemukan kode berukut

body {
background:#fff
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

=Selanjutnya tambahkan kode di bawah ini tepat setelah kode warna…biasanya kode warna terletak setelah background atau biasanya didahului dengan konde ini {#}
url('http://amen24.googlepages.com/pattern_096.gif');

=Jika sudah ditambahkan maka hasilnya akan seperti di bawah ini

body {
background:#fff url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Kemudian klik tombol pratinjau. Kalo sudah ada perubahan jangan lupa disimpan…
Oh iya sobat warna background sengaja tidak saya rubah, karena jika pengunjung blog kita akan melihat tampilan warna background tadi sebelum tampilan gambarnya muncul..begitu Kata kang Rohma

Yang Kedua Mengganti Background Tempalate Minima Baru

=Login ke blog anda

=Pergi ke layout

=Masuk ke Edit HTML

=Jangan lupa klik terlebih dahulu Download Template Selengkapnya, karena jika terjadi kesalahan maka kita tinggal meng-ungguh ulang atau mengcopy kode HTML kita yang lama sebelum rusak..

=Jika telah selesai klik kotak kecil di sebelah tulisanExpand Template Widget dan tunggu sampai selesai proses

=Selanjutnya tambahkan kode berikut di bawah tepat setelah kode background:$bgcolor

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Maka jadinya akan seperti ini

body {
background:$bgcolor url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Nb: http://amen24.googlepages.com/pattern_096.gif ini adalah alamat gambar setelah kita upload dari software yang disediakan di internet. Kemudian gantilah dengan alamt ul poto yang pengen anda jadikan sebagai background template anda….

1 comment:

BUKTI ALQUR'AN FIRMAN ALLAH SWT

JIKA  ADA ORG  YG BERTANYA KPD MU ... APA BUKTINYA BAHWA ALQUR'AN ITU MEMANG DARI ALLAH PENCIPTA JAGAD RAYA INI DAN BUKAN SEKEDAR KARANG...