Trik Cara Mengganti Gambar dan Warna Background Pada Blog

Tweet

Assalamu'alaikum Warahmatullahi Wabarakatuh.

Sahabat blogger semua, tentunya kalian sudah tahu apa itu Background. Background itu sendiri pada blog biasanya berupa warna dan gambar. Background sendiri memiliki fungsi untuk memperindah tampilan pada blog. Selain itu background juga dapat menjadi media untuk memvisualisasikan blog yang anda miliki. Nah, kali ini saya akan membagikan sebuah trik Trik Cara Mengganti Gambar dan Warna Background Pada Blog. Namun saya sarankan jangan sering gonta-ganti background, karena itu akan membuat background pada blog anda sering gonta-ganti. (Kalau sering gonta-ganti ya otomatis gonta-ganti. heheheheehe)

Sudah siap belum untuk menyimak tutorial atau trik Trik Cara Mengganti Gambar dan Warna Background Pada Blog?
Kalau sudah silahkan simak langkah-langkah "Trik Cara Mengganti Gambar dan Warna Background Pada Blog" di bawah ini,

Disini kita mengambil contoh pada background body di tamplate blog kita, cari kode body { Nah di sana terdapat kode background.

body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Setiap blog sedikit berbeda sih backgroundnya, nah untuk mengganti backborund misal dengan background / gambar ini

http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg

Maka kalian cukup menambahkan url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x; pada background tersebut.
Jadi :

body{
background:#ded8c0 url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Gambar Background kamu juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. Tinggal kamu ganti repeat-x; menjadi repeat-x top left fixed; atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kamu cari dulu gambar kecil, setelah itu seperti biasa, tinggal kamu rubah repeat-x; menjadi repeat scroll 0 0;

Nah, sekian dulu ya, artikel tentang Trik Cara Mengganti Gambar dan Warna Background Pada Blog. Semoga anda dapat Mengganti Gambar dan Warna Background Pada Blog. Wassalam...

referensi kode : http://www.amronbadriza.com/2012/10/cara-mudah-mengganti-background-blog.html

Hasil Pencarian Untuk Artikel Terkait