Bagi yang ingin mencoba mengganti warna dan font template, silahkan ikuti langkah-langkah dibawah ini:
1. Login ke Blogger anda, kemudian Klik menu Layout/ tata letak lalu klik Fonts and Colors.
Disana terdapat beberapa elemen yang dapat Anda atur seperti:
Page Background Color: Mengganti warna background
template yang diluar
Main Background Color: Mengganti warna background
template yang didalam
Text Color: Mengganti warna teks
postingan/ artikel
Blog Title Color : Mengganti warna judul blog
Blog Description Color : Mengganti warna deskripsi blog
Post Title Color: Mengganti warna judul postingan
Date Header Color: Mengganti warna teks tanggal
Border Color: Mengganti warna garis tepi template
Sidebar Title Color: Mengganti
warna judul pada kolom sidebar
misalnya teks Blog Archive, Blogroll,
Labels, dan lain-lain
Link Color: Mengganti warna teks
yang dipasang link
Visited Link Color: Mengganti
warna teks link ketika pengunjung
mengarahkan kursor pada inknya
Sidebar Link Color: Mengganti
warna teks yang dipasang link pada
kolom sidebar
Sidebar Visited Link Color:
Mengganti warna teks link ketika
pengunjung mengarahkan kursor pada link yang terletak pada kolom
sidebar
Text Font: Mengganti bentuk huruf/ teks pada postingan
Sidebar Title Font: Mengganti
bentuk huruf judul pada kolom sidebar
Blog Title Font: Mengganti bentuk huruf judul blog
Blog Description Font: Mengganti bentuk huruf deskripsi blog
Post Footer Font: Mengganti bentuk huruf footer pada postingan.
Misalnya: Diposkan oleh, Posted by,
Itulah beberapa elemen dasar yang paling sering ditemukan dalam template blogger. Setiap template
memiliki elemen yang berbeda-
beda. Silahkan dicoba sendiri
dengan menggonta-ganti warnanya.
2. Jika sudah tinggal klik Save
Changes maka warna template
akan berubah sesuai dengan
keinginan Anda. Lalu klik View
Blog untuk melihatnya.
Jika Anda ingin mengembalikan
template ke bentuk semula. Tinggal
klik Revert to template default
lalu klik Save Changes. Selesai.
Setelah saya coba ternyata ada sebagian template modern yang
tidak bisa menggunakan fasilitas ini.
Jadi jangan panik jika template yang
Anda gunakan ternyata tidak
mendukung fasilitas ini.
Mengganti Warna Background melalui edit html
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;
}
Ini adalah contoh kode warna :
Cyan #00ffff
Blue #0000ff
Skyblue #abcdef
Darkcyan #008686
Cadetblue #5f9ea0
Midnightblue #191970
Mediumslateblue #7b68ee
Cornflowerblue #6495ed
Lightsteelblue #b0c4de
Lightskyblue #87cefa
Powderblue #bde0e6
Aquamarine #7fffda
Dodgerblue #1e90ff
Royalblue #4169e1
Blueviolet #8a2be2
Indigo #460082
Lavender #e6e6fa
Lightblue #add8e6
Deepskyblue #00bfff
Darkslateblue #483080
Mediumvioletred #071585
Mediumturquoise #4801cc
Mediumorchid #ba55d3
Darkturquoise #00ccd1
Paleturquoise #afeeee
Darkorchid #9932cc
Slateblue #6454cd
Aqua #00ffff
Red #ff0000
Darkred #860000
Indianred #cd5c5c
Firebrick #622222
Lightsalmon #ffa07a
Lightcoral #f08080
Maroon #800000
Crimson #dc143c
Tomato #ff6347
Salmon #fa8072
Coral #ff7f50
Pink #ffc0cb
Hotpink #ff69ba
Deeppink #ff1493
Lightpink #ffb6c1
Mistyrose #ffe4e1
Moccasin #ffe4b5
Peachpuff #ffdab9
Mintcream #f5fffa
Floralwhite #fffaf0
Oldlace #fdf5e6
Thistle #d8bfd8
White #ffffff
Linen #faf0e6
Navy #000080
Snow #fffafa
Orange #ffd000
Orangered #ff4500
Burlywood #deb887
Darkorange #ff8c00
Palevioletred #db7093
Sandybrown #f4a460
Rosybrown #bc8f8e
Brown #a52a2a
Peru #cd853f |
#00ffff [aqua]
#0000ff [blue]
#ff00ff [fuchsia]
#808080 [gray]
#008000 [green]
#00ff00 [lime]
#800000 [maroon]
#ff0000 [red]
#000080 [navy]
#808000 [olife]
#800080 [purple]
#008080 [teal]
#c0c0c0 [silver]
#ffffff [white]
#ffff00 [yellow]
#a52a2a [brown]
#ff7f50 [coral]
#dc143c [crimson]
#ffd700 [gold]
#f0e68c [khaki]
#ff00ff [magenta]
#ffa500 [orange]
#ff4500 [orangered]
#da70d6 [orchid]
#ffc0c8 [pink]
#ffffff [white]
#ffff00 [yellow]
#a52a2a [brown]
#ff7f50 [coral]
#dc143c [crimson]
#ffd700 [gold]
#f0e68c [khaki]
#ff00ff [magenta]
#ffa500 [orange]
#ff4500 [orangered]
#da70d6 [orchid]
#ffc0c8 [pink]
#9370db [mediumpurple]
#7b68ee [medium slateblu]
#4801cc [mediumturquoise]
#071585 [mediumvioletred]
#191970 [midnightblue]
#4169e1 [royalblue]
#fa8072 [salmon]
#87ceeb [skyblue]
#6a5acd [slateblue]
#ao522d [sienna]
#00ff7f [springgreen]
#d2b48c [tan]
#ff6347 [tomato]
#40e0d0 [turquoise]
#ee82ee [violet]
#f5deb3 [wheat]
#000000[black] |
6. Klik tombol Pratinjau untuk melihat perubahan
7. Jika sudah OK, klik tombol Simpan Perubahan Template
8. Selesai.
