Belajar SEO, Blogging

CARA MENGGANTI BACKGROUND BLOG DENGAN GAMBAR

Posted on by administrator
0
(0)
cara mengganti background blog dengan gambar untuk posisi fixed

Cara mengganti background blog dengan gambar sebenarnya sangat mudah. Saudara bisa memilih apakah gambar latar itu nantinya diam/fixed atau bergerak dengan scroll. Untuk mengetahui cara melakukan ini silahkan baca penjelasan berikut ini….

KODE CSS DASAR BACKGROUND BLOG

Saudara perlu mengetahui bahwa kode untuk mengubah gambar latar ini biasanya ada pada CSS BODY pada atribut BACKGROUND…. Jadi coba cari CSS BODY di EDIT HTML template blog saudara…. Biasanya akan terlihat seperti di bawah ini

body {
background: #cccccc;
…….
…….
}

Nilai #cccccc bisa bernilai apa saja, yang terpenting anda memperhatikan kode background pada CSS BODY…. Secara lengkapnya, kode itu seharusnya seperti di bawah ini….

background:#cccccc url(http://2.bp.blogspot.com/latar.jpg) fixed repeat-y center top;

Tentunya kode-kode pada property background bisa diganti sesuai selera….

  • #cccccc bisa saudara ganti dengan kode hex warna apa saja
  • http://2.bp.blogspot.com/latar.jpg bisa saudara ganti URL gambar apa saja
  • fixed bisa saudara hapus jika ingin gambar ikut naik turun saat halaman scrolled
  • repeat-y bisa saudara ganti dengan no-repeat, jika tidak ingin ada pengulangan. Bisa juga diganti dengan repeat-x jika ingin pengulangan hanya terjadi sepanjang sumbu x saja (horizontal). Atau anda juga bisa hanya menggunakan repeat jika ingin gambar latar diulangi mendatar dan vertikal (tile mode).
  • center top bisa anda ubah menjadi left top atau right top, tergantung titik acuan awal dari gambar yang anda inginkan

Dengan mengubah property di atas anda bisa mengganti background blog sesuai selera….  Cara ini cukup mudahkan?

Cara mengganti Background Blog Jadi Tidak Bergerak

Banyak orang yang mengingingkan latar belakang yang bergerak sesuai dengan pergerakan scroll layar, tapi tidak sedikit juga yang menginginkan background blog tersebut diam saat layar di scroll. Untuk membuatnya diam sebenarnya anda cukup menggunakan kode dasar yang ada di atas. Yang perlu anda ubah hanya nilai kode hex warna dan url gambar.

Yang membuat background tidak bergerak adalah kode fixed, jadi kode ini juga yang harus saudara hilangkan jika ingin background blog kembali bergerak sesuai scroll anda.

Jika anda ingin tampilan yang tidak bergerak, maka pastikan saja gambar yang anda gunakan cukup besar jika hanya satu gambar. Atau pastikan presisi gambar yang baik jika anda menginginkan pengulangan (tile mode) dari gambar yang kecil. Jika ukuran gambar latar yang digunakan kecil maka sebaiknya ubah repeat-y menjadi repeat.

Cara mengganti Background Dengan Gambar Berulang

Ini adalah teknik yang biasa dilakukan jika ingin mengganti background menggunakan gambar yang sangat kecil (untuk mempercepat loading blog). Karena ukurannya yang kecil maka harus dilakukan pengulangan agar gambarnya terlihat penuh pada latar.

Untuk melakukan ini saudara cukup mengubah repeat-y dengan repeat. Tentunya kode lainnya juga perlu disesuaikan agar tampilannya sesuai dengan selera saudara.

Cara mengganti Background Dengan Gambar Bergerak (gif)

Anda tentunya tidak akan mengalami masalah jika ingin mengganti background blog dengan gambar gif. Cukup upload gambar gif tersebut dan dapatkan URL (link gambar) hasil upload. URL ini bisa anda gunakan untuk mengganti URL yang ada pada property kode di atas….

Tapi perlu dicatat ukuran gif itu pada umumnya cukup berat, jadi pastikan gambar saudara ini kecil saja dan lakukan pengulangan agar penuh pada jendela browser.

Inilah cara mengganti background blog yang cukup umum dilakukan. Jadi cukup fokuskan perhatian saudara pada kode background yang ada pada CSS BODY, dan edit property yang ada di dalamnya…. Semoga berhasil dan semoga anda menyukai tampilan latar belakang baru dari blog anda….

How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

administrator