Sebagai Catatan:
Saya menguji coba template ini pada template bawaan blogger yaitu: "Denim"
Mungkin jika menggunakan template lain tidak berfungsi optimal, karena biasanya setiap template mempunyai struktur dan syntax script yang berbeda.
Jika tertarik mengganti template blog:
1. Anda harus mengupload gambar yang akan anda gunakan di situs hosting file (image) seperti photobucket. Jika belum punya account disana anda bisa daftar di photobucket.com atau tinypic
Setelah upload gambar anda akan mendapakan url gambar tersebut.
(Catatan: gambar yang anda upload sebaiknya ukuran filenya kecil, usahakan lebih kecil dari 10 kbyte) agar cepat loadingnya, saya sarankan anda upload gambarnya ke tinypic)
2. Atau jika anda ingin mencoba gambar background yang saya punya bisa pakai url berikut:
http://i725.photobucket.com/albums/ww252/papao74/bg_blogku.gif
http://i37.tinypic.com/apb69k.jpg
http://i36.tinypic.com/n1bdcz.jpg
(pilih salahsatu untuk ujicoba)
3. Selanjutnya masuk ke account blogger anda:
Pilih dasboard -> Tata Letak -> Edit Html

4. cari kode berikut:
body {
background: $bgColor;
5. Masukkan kode berikut di bawahnya:
background: #642D8B url('url gambar anda' ) fixed repeat top left;
Hasilnya seperti di bawah ini
body {
background: $bgColor;
background: #642D8B url('url gambar anda') fixed repeat top left;
6. Agar background di samping header berubah, maka anda harus mengubah kode berikut:
#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;
text-align: $startSide;
Ubah menjadi:
#header-wrapper {
margin:0;
padding: 0;
background: #642D8B url('url gambar anda') fixed repeat top left;
background-color: $headerCornersColor;
text-align: $startSide;
catatan;
url gambar anda diganti dengan url gambar yang telah anda upload, atau diganti dengan url gambar yang saya pakai:
http://i725.photobucket.com/albums/ww252/papao74/bg_blogku.gif
6. Simpan template
Update 2 januari 2010
Sejak 29 Desember, saya mengganti template menggunakan template denim + sun of moto (masih template bawaan /standar blogger), seperti yang saya gunakan di blog ini, jika ingin mencobanya bisa lakukan modifikasi script pada template anda:
a. Script untuk mengganti gambar background body
body {
background: $bgColor;
background: #692 url('http://i48.tinypic.com/2ccrmgi.jpg') top center repeat-y;
margin: 0;
padding: 0px;
b. Script untuk mengganti gambar background header
#header-wrapper {
margin:0;
padding: 0;
background: #692 url('http://i48.tinypic.com/2ccrmgi.jpg')
c. Script untuk mengubah lebar content (menjadi 900 pixel)
#content-wrapper {
width: 900px;
d. Script untuk mengubah lebar main (postingan)
#main-wrapper {
margin-$startSide: 14px;
width: 500px;
e. Script untuk mengubah lebar sidebar
#sidebar-wrapper {
margin-$endSide: 10px;
width: 360px;
Contoh template denim yang sudah saya ubah bisa dilihat disini
Computer dummy atau
Blog kalong
Komputer SEO
Contoh template minima yang sudah saya ubah bisa dilihat disini
dummy-ku
Sumber: Artikel Komputer
Artikel Terkait:
Seputar Blog
- Cara Penulisan / Kode Berbagai Style di CBOX
- Cara Membuat Banner Iklan di Blog
- Cara Membuat Banner Animasi Secara Online
- Cara Memasang Iklan di Bawah Judul Postingan Blogger / Blogspot
- Shoutmix Tidak Gratis Lagi Sekarang
- Cara Menghapus Komentar di C-BOX
- Cara Upload JavaScript Menggunakan Google Code
- Merubah Tampilan Cursor Saat Diarahkan Ke Link
- Cara Menghapus Comment Di ShoutMix
- Cara Cepat Terindeks Google dengan Ping Service
- Memasang Sistem Komentar DISQUS pada Blogspot
- JS-kit Comment: Modifikasi Sistem Komentar di Blogger
- Merubah Kotak Komentar Dengan Intensedebate
- Cara Mengganti Tulisan Posting Lama,Beranda,Posting Baru
- Membuat Google Translate Tabbed untuk MengHemat Tempat
- Cara Menyembunyikan Rolling Widget Buku Tamu
- Membuat Rolling Widget Buku Tamu (Widget Bergeser)
- Membuat Kotak Komentar Tampil Beda
- Membuat Tampilan Komentar Berbeda Untuk Pemilik Blog
- Merubah Tampilan Labels Blog
- Merubah Tampilan Skin Label Di Blogger
- Memasang Musik di Blogger
- Memasang Music Pada Background Blog
- Memasang System Tuker Link Otomatis Pada Blog
- Membuat Banner Untuk Header
0 comments:
Posting Komentar
Jika Anda Ingin Berkomentar Mohon Di Cantumkan Nama Anda
Jangan Lupa Komenar Dan Follow ya !!!