Lansung aja ya!
* Mengganti Warna Background
Untuk template minima klasik :
1. Sign in
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data
5. Rubahlah kode warna asli template dengan kode warna yang sobat sukai (yang warna merah adalah kode yang harus di rubah) :
body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
Misalkan jika ingin menjadi warna abu-abu terang, kodenya jadi seperti ini :
body {
background:#E7E3E3;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
1. Klik tombol Pratinjau untuk melihat perubahan
2. Jika sudah OK, klik tombol Simpan Perubahan Template
3. Selesai.
Jika ingin melihat macam macam kode warna disini
Untuk template minima baru :
1. sign in
2. Klik menu Layout
3. Klik menu Fon dan Warna mengganti background blog
4. Pada gambar teks area sebelah kiri, pilih yang Warna latar Belakang Halaman (biasanya yg pertama sih langsung ini, jadi tidak usah di pilih lagi)
5. Klik warna yang sobat sukai pada gambar warna-warna yang di tampilkan, lalu lihat perubahannya pada gambar di sebelah bawah
6. Jika merasa sudah cocok, klik tombol SIMPAN PERUBAHAN
7. Selesai.
Mudah bukan?
# Mengganti Background Dengan Image
Hal yang pertama tentu saja sobat 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, gambarnya seperti ini :
709894xsc89dco6t
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 :
1. Sign in
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data
5. Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :
body {
background:#fff url('alamat gambar anda');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
1. Klik tombol Pratinjau untuk melihat perubahan
2. Jika sudah OK, klik tombol Simpan Perubahan Template
3. Selesai.
Kode warna background sengaja tidak saya hilangkan, ini di maksudkan agar apabila background image yang kita pakai gagal di loading oleh komputer pengunjung blog, maka yang bekerja duluan warna background.
Untuk template minima baru :
1. Sign in
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data
5. Klik kotak kecil di samping tulisan Expand Template Widget
6. Tunggu beberapa saat sampai proses selesai
7. Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :
body {
background:$bgcolor url('alamat gambar anda disini');
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
1. Klik tombol Pratinjau untuk melihat perubahan
2. Bila sudah OK, klik tombol SIMPAN TEMPLATE
3. Selesai.
Selamat mencoba !
Social networks that provide information on a variety of electronic goods and shopping centers in various parts of electronic goods online world
Arsip Blog
-
▼
2010
(90)
-
▼
Oktober
(68)
-
▼
Okt 21
(41)
- Menambahkan 4 Kolom/ Elemen Halaman Baru Diatas Fo...
- Merubah Posisi Sidebar & Main Pada Template Blogger
- Cara Memasang Translate Pada Blog
- Cara Membuat Recent Post (Postingan Terbaru)
- Membuat Recent Comment (Komentar Terbaru)
- Cara Membuat Related Post (Tulisan Terkait)
- Cara Membuat Scroll Pada Related Post
- Cara Memasang Widget Top Komentator
- Daftar Kode Warna Dengan Tabel
- Cara Memasang Widget Sexy Sosial Bookmarks
- Multi Level Drop-Down Menu Dengan CSS dan JQuery
- Cara Membuat Page Peel Effect Untuk Blogger Dengan...
- Membuat Tabber Tab Dengan Jquery #2
- Featured Content Slider Using JQuery
- Cara Membuat Menu Slider Versi 2 Menggunakan JQuery
- Membuat Featured Posts (Menu Slider) Dengan JQuery
- Membuat Sebuah Simple Featured Content SlideShow M...
- How To Add Featured Auto Posts Slider Using JQuery...
- Membuat Sebuah Thumbnail Dengan Caption (Keteranga...
- Cara Membuat Menu dTree
- Ngeblog Offline Tanpa Terhubung Ke Internet
- Saya Buat Blog Ini Via Hp
- Membuat Read More Atau Baca Selengkapnya
- Merubah Read More Dengan Icon Image
- Cara Membuat Efek Marquee (Teks Berjalan)
- Membuat Effect Hover Pada Image Dengan CSS
- Membuat Link Berwarna Pelangi
- Cara Membuat Link Memiliki Ragam Efek Menarik
- Membuat Cursor Bertabur Bintang
- Cara Membuat Menu Scrolling
- Cara Membuat Scroll Pada Daftar Komentar
- Membuat Scroll Pada Daftar Komentar (New)
- Membuat BlogRool
- Mengganti Background Blog
- Merubah Background Postingan
- Membuat Efek Stabilo/ Background Tulisan
- Membuat Background Pada Judul Postingan
- Membuat background Pada Judul Sidebar
- Cara Membuat Background Pada Titel Footer
- Membuat Background Pada Teks Area
- Membuat Komentar Admin Berbeda Dengan Pengunjung Blog
-
▼
Okt 21
(41)
-
▼
Oktober
(68)
Kamis, 21 Oktober 2010
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar