Sebagai Catatan:
Saya menguji coba template ini pada template bawaan blogger yaitu: "CyberTrick"
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 atau yang kecil seperti wen.ru dan xtgem. Jika belum punya account disana anda bisa daftar.
Setelah upload gambar anda akan mendapakan url gambar tersebut.
(Catatan: gambar yang anda upload sebaiknya ukuran filenya kecil, usahakan lebih kecil dari 50 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://x-tea.wen9.net/rin-sakuragi-4.jpg
http://x-tea.wen9.net/rin-sakuragi-5.jpg
http://x-tea.wen9.net/enzha21hacker.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://x-tea.wen9.net/enzha21hacker.jpg
7. Simpan template
0 komentar