Friday, April 23, 2010

Masuk gambar pada background blog


Mungkin anda ingin supaya background blog anda lebih menarik dengan memasukkan imej kedalamnya,tetapi belum tahu bagaimana hendak membuatnya.Berikut adalah cara untuk membuatnya:
Login ke blogger, klikDesign, setelah masuk ke halaman template, klik sub menu Edit HTML, kemudian cari kod/tag CSS body { }, biasanya seperti dibawah ini:


body {
font: $bodyFont;
color: $textColor;
background: $bgColor;
}

kemudian  tambahkan kod untuk background dengan gambar seperti ini:


body {
font: $bodyFont;
color: $textColor;
background: $bgColor;
background-image: url(http://www.domain.com/gambar.jpg);
}

Gantikan http://www.domain.com/gambar.jpg dengan url dimana anda upload gambar/imej untuk background . Untuk upload gambar, anda boleh  boleh gunakan imageshack atau di Tinypic

update:

Jika kod diatas tiada atau tidak berfungsi letakkan pada bahagian kod ini:


.main-outer {
  border-top: $(main.border.width) solid $(body.rule.color);
background-image: url(http://www.domain.com/gambar.jpg);
}

No comments:

Post a Comment

Gambar Belangkas