TUTORIAL MENGGANTI BACKGROUND BLOG DENGAN GAMBAR

background+blog.jpg

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…. 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 b o d y { b a c k g r o u n d : #c c c c c c ; … … . … … . } 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? 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. 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. 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.

Sumber : http://trikmudahseo.blogspot.com/2013/05/cara-merubah-background-blog-dengan-gam

Posted by Wordmobi

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s