Kamis, 05 Mei 2011
Hal yang pertama tentu saja harus mempunyai file image. Image ini bisa berbentuk imaage biasa, photo, bahkan animasi pun bisa. hal yang kedua adalah menguploadnya ke situs untuk menyimpan gambar, saya anggap Anda sudah bisa melakukannya karena sudah saya bahas pada postingan terdahulu, atau masih bingung? kalau iya, coba baca kembali di sini !
Untuk ukuran gambar, Anda tidak usah membuatnya dalam bentuk yang sangat besar, karena walaupun ukuran asli dari image (gambar) adalah kecil, nanti akan di tampilkan dalam jumlah yang sangat banyak hingga memenuhi layar monitor, contoh saya sudah menguload sebuah gambar dengan ukuran yang kecil saja, gambarnya seperti ini (ukuran gambar dalam ukuran aslinya) :
alamat gambarnya adalah
http://i52.tinypic.com/2ujqgxz.png
gambarnya seperti ini :
gambarnya sangat kecil bukan? tapi gambar tersebut akan tampil memenuhi layar karena akan di tampilkan dalam jumlah yang sangat banyak.
Untuk cara instalasinya, silahkan ikuti langkah-langkah berikut !
Untuk template minima klasik :
Sign in
Klik menu Template
Klik menu Edit HTML
Copy seluruh kede Template, paste pada notepad lalu save untuk backup data
Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :
Klik tombol Pratinjau untuk melihat perubahan
Jika sudah OK, klik tombol Simpan Perubahan Template
Selesai.
Kode warna background sengaja tidak saya hilangkan, Bertujuan agar apabila background image yang kita pakai error di loading oleh komputer pengunjung blog, maka yang bekerja duluan warna background.
Untuk template minima baru :
Sign in
Klik menu Layout
Klik menu Edit HTML
Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data
Klik kotak kecil di samping tulisan Expand Template Widget
Tunggu beberapa saat sampai proses selesai
Tambahkan kode berikut pada style sheet css Anda (yang warna merah adalah kode yang harus di tambahkan) :
Bila sudah OK, klik tombol SIMPAN TEMPLATE
Selesai.
(Sumber : kolom-tutorial.blogspot.com)
Untuk ukuran gambar, Anda tidak usah membuatnya dalam bentuk yang sangat besar, karena walaupun ukuran asli dari image (gambar) adalah kecil, nanti akan di tampilkan dalam jumlah yang sangat banyak hingga memenuhi layar monitor, contoh saya sudah menguload sebuah gambar dengan ukuran yang kecil saja, gambarnya seperti ini (ukuran gambar dalam ukuran aslinya) :
alamat gambarnya adalah
http://i52.tinypic.com/2ujqgxz.png
gambarnya seperti ini :
gambarnya sangat kecil bukan? tapi gambar tersebut akan tampil memenuhi layar karena akan di tampilkan dalam jumlah yang sangat banyak.
Untuk cara instalasinya, silahkan ikuti langkah-langkah berikut !
Untuk template minima klasik :
Sign in
Klik menu Template
Klik menu Edit HTML
Copy seluruh kede Template, paste pada notepad lalu save untuk backup data
Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :
body {
background:#fff url('http://i52.tinypic.com/2ujqgxz.png');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
Klik tombol Pratinjau untuk melihat perubahan
Jika sudah OK, klik tombol Simpan Perubahan Template
Selesai.
Kode warna background sengaja tidak saya hilangkan, Bertujuan agar apabila background image yang kita pakai error di loading oleh komputer pengunjung blog, maka yang bekerja duluan warna background.
Untuk template minima baru :
Sign in
Klik menu Layout
Klik menu Edit HTML
Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data
Klik kotak kecil di samping tulisan Expand Template Widget
Tunggu beberapa saat sampai proses selesai
Tambahkan kode berikut pada style sheet css Anda (yang warna merah adalah kode yang harus di tambahkan) :
body {Klik tombol Pratinjau untuk melihat perubahan
background:$bgcolor url('http://i52.tinypic.com/2ujqgxz.png');
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Bila sudah OK, klik tombol SIMPAN TEMPLATE
Selesai.
(Sumber : kolom-tutorial.blogspot.com)
Related Posts :
- Back to Home »
- Tutorial Blog »
- Mengganti Background Image Template Blogspot