Cara mengubah background warna body blog menjadi gambar

Tutorial ini admin terapkan pada salah satu template blog ternama yaitu template viomagz. Karena banyaknya pengguna template viomagz hingga memungkinkan pengunjung bosan dengan tampilan blog itu-itu saja dan terkesan sama dengan tampilan blog orang lain.

Proses pengeditan dalam tutorial kali ini sangat lah mudah, bahkan untuk blogger pemula sekalipun. Karena disini admin akan menuntun anda dalam proses penerapan tutorial ini secara jelas.

Sebelum ke prakteknya ada baiknya melihat demo gambar hasil tutorial dibawah ini:

LIHAT DEMO DIBAWAH INI
(REDESIGN BY FARONESIA)

Bagaimana? Lumayan bagus bukan? Mari kita simak tutorialnya dibawah ini:

Cara mengubah background warna body blog menjadi gambar
Perlu di ingat bahwa admin menerapkan tutorial ini pada template viomagz.

• Masuk ke dashboard blog anda
• Masuk ke menu tema
• Lalu klik edit HTML
• Cari kode css dibawah ini atau yang mirip kode di bawah ini.

body {
background: #ffff;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: $(body.text.color);
font: $(body.font);
text-align: left;
}

• Lalu ganti kode background: #ffff; menjadi seperti dibawah ini

background: url(URL gambar) no-repeat;

Jika ingin gambar melebar menyesuaikan bentuk blog makan tambahkan kode ini setelah kode no-repeat :

center center fixed; #fff;
-webkit-background-size: cover;
-mckground-size: cover;
backgoz-background-size: cover;
-o-baround-size: cover;

Hasilnya seperti ini:

background: url(URL gambar) no-repeat center center fixed;
-webkit-background-size: cover;
-mckground-size: cover;
backgoz-background-size: cover;
-o-baround-size: cover;

• Lalu save template

Jika anda tidak ingin susah-susah mengedit atau belum paham coding, anda juga bisa mendownloadnya langsung dibawah ini:

Download

Sekian tutorial cara mengubah background warna body blog menjadi gambar semoga bermanfaat.

Share this post