- Home »
- Tutorial Blogspot »
- Cara Mengubah Warna, Ukuran dan Jenis Hurup Blog
tt
On Jumat, 19 Oktober 2012
Tutorial Blog Cara mengubah Warna Dan Hurup Blog - Postingan kali ini berhubungan dengan pertanyaan sobat Dapur Tutorial Blogspot sebagai berikut :
Untuk mengatasi permasalah tersebut blogger sebenarnya sudah menyediakan fasilitas yang sangat mudah untuk mengatur jenis huruf, ukuran, maupun warna sesuai yang diinginkan seperti terlihat pada gambar berikut :
Diatas adalah halaman atau panel yang digunakan untuk mengtur halaman blogger. untuk mengakses halaman tersebut sebagai berikut :
- Login Kehalaman blogger
- Pilih Template
- Klik Edit HTML
- Klik Open Template Desginer dan anda akan langsung dibawa kehalam seperti diatas.
- Untuk mengatur tulisan Pilih Advaced (dan akan muncul sub-sub menu untuk mengatur halaman blog) Keterangan :
- Page Text Disini anda bisa melakukan pengaturan hurup untuk postingan blog anda
- Background Disini anda bisa melakukan pengaturan latar blakang atau backgrount blog anda
- Link disini anda bisa melakukan pengaturan link dihalaman blog anda
- Blog Title disini digunakan untuk mengatur judul blog anda
- Blog Description Disini anda bisa melakukan pengaturan deskripsi blog anda
- Post Title Disini anda bisa menlakukan pengaturan judul postingan blog anda
- Date Header Disini anda bisa melakukan pengaturan tanggal pada blog anda
- Pos Foother Disini anda bisa melakaukan pengaturan bagian footer blog anda
Tool atau panel pengaturan diatas dapat berfunggsi 100% untuk template bawaan blogger sedang template hasil download atau template hasil modifikasi terkadang sebagian dari pengaturan diatas tidak berfungsi.Bagai mana solusinya jika template saya adalah template modifikasi atau hasil downlotan. tenang sobat blogger tetap masih bisa kita rubah namun sedikit lebih rumit karena harus menemukan kode didalam Edit HTML.
Kede didalam dalaman blog tidak sama dan Master Cheft akan berusaha untuk menyampaikan bagian yang mendekati untuk mengubah hurup, warna, dan ukuran huruf blog.
Berikut pengaturan warna, ukuran, dan jenis huruf dengan cara Edit HTML.
- Pilih Template
- Pilih Edit HTML
- Klik Proses (dan anda akan dibawa kehalaman Edit Html Seperti Berikut: )
- Jika Masih Bingng Baca Tutorial Cara Mengakses Halaman Edit HTML Blogger
- Download Lengkap Template Blog terlebih dahulu untuk antisivasi kesalahan Editing
- Sekarang Cari Kode body, .body atau kode #body (gunakan CTRL+F dan F3 untuk memudahkan Pencarian kode)
- Setelah anda menemukan kode tersbut biasanya akan diikuti oleh kode-kode berikut
- background: #0B0B0B; adalah warna latar blakang halaman blog
- font:13px adalah pengaturan besar hurup postingan blog anda
- a:link{color:#A9F5F2;text-decoration:none;} pengaturan warna link
- a:visited{color:#A9F5F2;text-decoration:none;} adalah pengaturan warna link yang sudah diklik
- a:hover{color:#01DF01;text-decoration:none;} adalah pengaturan warna link saat kursor berada diatas link tersebut
- color:#ddd; Pengaturan warna huruf
- Jiksa sudah jangan lupa untuk disimpan
.body{ background: #0B0B0B; color:#ddd; font:13px trebuchet ms; font-family:Arial;} a:link{color:#A9F5F2;text-decoration:none;} a:visited{color:#A9F5F2;text-decoration:none;} a:hover{color:#01DF01;text-decoration:none;}Keterangan :
- Cari kode post h3 atau .post h3 atau #post h3
- Apabila sudah ketemu biasanya akan dikuti kode berikut
- #FFF; adalah warna latar belakang judul
- left; adalah posisi judul postingan
- 16px : ukuran hurup judul postingan
- arial; adalah jenis hurup yang digunakan untuk judul postingan
- klik simpan jika sudah selesai
.post h3 { background:#FFF; width:auto; text-align: left; font: 16px trebuchet ms; font-family: arial;}keterangan :