Jumat, 19 Oktober 2012

Cara Mengubah Warna, Ukuran dan Jenis Hurup Blog

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 :
  1. Login Kehalaman blogger
  2. Pilih Template
  3. Klik Edit HTML
  4. Klik Open Template Desginer dan anda akan langsung dibawa kehalam seperti diatas.
  5. Untuk mengatur tulisan Pilih Advaced (dan akan muncul sub-sub menu untuk mengatur halaman blog)
  6. 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
Itu dia pengaturan bawaan yang sudah disediakan oleh blogger namun sedikit ada catatan untuk tool bawaan blogger sebut yaitu :
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.
  1. Pilih Template
  2. Pilih Edit HTML 
  3. Klik Proses (dan anda akan dibawa kehalaman Edit Html Seperti Berikut: )
  4. Jika Masih Bingng Baca Tutorial Cara Mengakses Halaman Edit HTML Blogger
  5. Download Lengkap Template Blog terlebih dahulu untuk antisivasi kesalahan Editing
  6. Sekarang Cari Kode body,  .body atau kode #body (gunakan CTRL+F dan F3 untuk memudahkan Pencarian kode)
  7. Setelah anda menemukan kode tersbut biasanya akan diikuti oleh kode-kode berikut 
  8. .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 :
    • 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 
  9. Jiksa sudah jangan lupa untuk disimpan
Untuk melakukan pengaturan hurup judul postingan sebagai berikut :
  1. Cari kode post h3 atau .post h3 atau #post h3
  2. Apabila sudah ketemu biasanya akan dikuti kode berikut
  3. .post h3 { background:#FFF; width:auto; text-align: left; font: 16px trebuchet ms; font-family: arial;}
    keterangan :
    • #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
  4. klik simpan jika sudah selesai
Nah itu dia cara yang bisa dilakukan untuk mengubah huruf postingan dan judul postingan. sekali lagi itu adalah kode yang mendekati setiap template memiliki kode yang berbeda silahkan berexperimen. selamat mencoba semoga bermanfaat.

Tidak ada komentar:

Posting Komentar