Cara mengganti warna dan jenis font pada blogspot

1. Login ke Blogger
2. Klik menu Design
3. Pilih Template
4. lalu masuk ke edit HTML
5. cari kode-kode dibawah ini ( tekan control F untuk memudahkan pencarian)

•  Page Background Color: Mengganti warna background template yang di luar
• Main Background Color: Mengganti warna background template yang di dalam
• 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
• Link Color: Mengganti warna teks yang dipasang link
• Visited Link Color: Mengganti warna teks link ketika pengunjung mengarahkan kursor pada linknya
• Sidebar Link Bolor: 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

Merubah Jenis dan Warna Huruf

Assalamu'alaikum wr wb
Para blogger baru, panjenengan akan lebih mudah gonta-ganti warna dan huruf dengan cara dari blogger.com, yaitu bisa mengatur jenis huruf dan warna huruf sesuai keinginan kita. Adapun cara-cara untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru) sbb:

• Page Background color --> merubah warna latar belakang/background blog. Silahkan klik warna yang ada di sebelah kanan yang panjenengan sukai

• Text Color --> untuk merubah warna huruf dari posting-an

• Link Color --> untuk merubah warna huruf yang di link

• Blog Title Color --> pengaturan warna hurup judul Blog

• Blog Description Color --> untuk merunah warna huruf deskripsi blog

• Post Title Color --> untuk merubah warna huruf judul posting-an

• Border Color --> merubah warna kotak judul blog, dan garis pembatas

• Sidebar Title Color --> merubah warna hurup judul sidebar

• Sidebar Title Color --> merubah warna hurup yang ada di dalam sidebar

• Visited link Color --> merubah warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link

• Text Font --> merubah jenis huruf, huruf hasil dari posting-an dan huruf yang ada di sidebar

• Sidebar Title Font --> merubah jenis huruf untuk judul sidebar dan tanggal posting

• Blog Title Font --> merubah model huruf Judul/nama dari blog

• Blog Description Font --> merubah model huruf dari dekripsi blog

• Post Footer Font --> merubah jenis huruf footer (cont : posted by )

• Klik “ BERSIHKAN EDIT ” apabila pengaturan dianggap kurang sesuai keinginan

• Klik " SIMPAN PERUBAHAN" apabila pengaturan telah selesai

Hasil dari perubahan-perubahan yang panjenengan lakukan akan langsung hasilnya pada preview di bagian bawah.Pengaturan ini berlaku untuk semua jenis templete blogger, walaupun terdapat sedikit perbedaan dari setiap jenis template, tetapi sangat mudah untuk mengenalinya.
Semoga berguna, selamat berkreasi
Wassalamu'alaikum wr. wb

Cara Merubah Warna Huruf Pada Widget Sidebar

Cara utak-atik tampilan font pada widget sidebar.
Kenapa harus diutak-atik? Jujur saja saya pernah kesal setiap memasang sebuah widget pada sidebar. Beberapa widget juga disertai tulisan di dalamnya. Yang masalah bukan pada tulisannya tetapi adalah pada tampilan tulisan tersebut, misalnya ukuran fontnya terlalu besar, terlalu kecil, atau jenis font dan warnanya tidak serasi dengan warna template blog kita. Sebagian widget memang menyediakan fasilitas untuk mengutak atik tampilan font secara instan, sehingga kita tidak perlu bergulat dengan kode HTML. Tapi sebagian widget sama sekali tidak menyediakan fasilitas ini. Nah, jika ini yang terjadi apa yang bisa kita lakukan? 

Sebenarnya prinsip utak atik tampilan font ini sama pada setiap halaman web atau blog, baik pada entri posting, header, footer, maupun pada kolom komentar. Karena rumusnya sudah standar. Tinggal soal penempatan saja. Beberapa kode HTML untuk utak-atik tampilan font yang lazim digunakan adalah:

<span style="font-size: 12px;"></span> (untuk ukuran font)
<b> </b> (untuk huruf tebal)
<i> </i> (untuk huruf miring)
<strike> </strike> (untuk huruf yang dicoret)
<div style="color:#dddddd;"></div> (untuk warna huruf) 
<div style="background-color:#dddddd;"></div> (untuk warna background huruf)

Sebagai catatan, kode yang berwarna hitam tebal adalah tag pembuka. Sedangkan kode yang berwarna biru adalah sebagai tag penutup. Kedua kode ini harus ditulis berpasangan. Kata yang akan diberi variasi harus berada diantara kedua tag tersebut. Jika pasangan tag ini tidak lengkap maka tidak akan terjadi perubahan apa-apa pada fontnya. Biasanya akan muncul peringatan eror. Sebagai contoh maka penulisannya akan menjadi seperti ini:

<b>huruf tebal</b>
<i>huruf miring<i>
<strike>huruf dicoret </strike>
<span style="font-size: 12px;">huruf ukuran 12 pixels</span> 
<div style="color: #dddddd;">huruf berwarna abu-abu</div>
<div style="background-color: #dddddd;">huruf dengan background abu-abu</div>

Sebagai tambahan, yang berwarna hijau adalah ukuran fontnya. Sedangkan yang berwarna merah adalah kode untuk warnanya. Kedua ini bisa anda ganti sesuai keinginan anda. Jika kesulitan dengan kode warna anda bisa lihat Daftar Kode Warna. 


 
.sidebar { (sidebar)
color:#000000; (warna tulisan di sidebar hitam)
font-size:11px; (ukuran font di sidebar 11 pixels)
line-height:1.3em; (jarak antar font secara vertikal 1.3em)

 

Nah, yang jadi pertanyaan mungkin: Bagaimana cara menyisipkan kode-kode tersebut pada widget sidebar? Sebagai contoh misalnya ada tampilan widget seperti ini: