Minggu, 27 Maret 2011

Cara mengganti background blogspot dengan gambar



Cara mengganti background blogspot dengan gambar ini yang akan kita bahas. untuk membuat halaman blog kita menarik bermacam cara yang bisa kita lakukan. salah satunya menambah background tersebut dengan sebuah gambar. nah ini juga tergantung individu, karna sebagian mereka ada yang tidak suka dengan penambahan background bergambar tersebut. dengan alasan itu akan memperlambat loading blog kita. kalau menurut saya pribadi, jika background itu tidak terlalu besar ukuran maka itu tidak akan membebani.

Nah sekarang tergantung pribadi anda. apa anda ingin menerapkan tutor ini atau sekadar untuk mencoba nya. berikut ini langkah caranya.

Berikut ini adalah langkah-langkah cara menambah background blogspot dengan sebuah gambar:
  • Login terlebih dahulu ke blogger
  • Klik Rancangan
  • Edit HTML
  • Cari kode body {
  • Disana terdapat kode background, ganti kode background tersebut dengan
    background= url (http://alamatgambartujuan);
  • Tidak sampai di situ saja, tergadang gambar yang kita tambahkan tidak beraturan jadi anda bisa menambahkan kode pengaturan untuk mengatur gambar tersebut seperti berikut
    background:#fff url(http://alamatgambartujuan.com) repeat-x top left;
  • Jika di gabungkan dengan body lebih kurang seperti berikut
    body {
    background:#fff url(http://alamatgambartujuan.com/) repeat-x top left;
    .........
    }
  • Nah arti dari kode di atas adalah body ini di beri background warna putih dan sekaligus di beri gambar dengan tataletak secara horizontal dan posisi gambar berada di kiri atas.
  • Disini anda jangan lupa mengganti tulisan
    #fff = ini warna background ganti dengan kode lain
    url (http://alamatgambartujuan.com/) = ganti dengan alamat tujuan gambar
    repeat-x = ini pengaturan gambar secara Horizontal atau anda bisa menggantinya dengan repeat-y = secara vertical, atau dengan no-repeat = tidak mengulang gambar ataupun bisa dengan repeat = ini untuk mengulang gambar hingga memenuhi halaman
    top left = ini mengatur posisi gambar dari kiri atas, ini bisa anda ganti dengan top right atau bottom leftdan lainnya.
  • Kemudian simpan tamplate anda
  • Selesai.....

Semoga artikel ini bermanfaat untuk kita semua dan jangan lupa kembali lagi untuk membaca artikel ku selanjutnya yang update setiap hari. salam sukses....

Tidak ada komentar:

Posting Komentar