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;
}
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.
Leave a comment