Cara merubah font Header blog/mengganti header blog

Cara merubah font Header blog/mengganti header blog

sumber:http://allpenliebe.blogspot.com

Hello..seperti judul yang tertulis diatas,di posting kali ini saya akan membagi ilmu sedikit bagi teman-teman blogger yang ingin mengganti font judul blog,oke..langsug praktek aja yaah..,,

 berikut langkah-langkah yang bisa teman-teman lakukan :

1. Silahkan masuk ke dashbor blog sobat

2. Klik menu Rancangan >> Edit HTML (jangan lupa centang expand template widget)

3. Cari kode yang mirip kode berikut:

#header h1 {

atau

#header h1 a, #header h1 a:visited {

Setelah ketemu kode yang mirip dengan kode di atas, di bawah kode tersebut pasti ada kode yang diawali dengan kata "font" atau "font-family" seperti terlihat pada contoh di bawah:

#header h1 {

color: $pagetitlecolor;

font-size: 37px;

font-family: Times New Roman, Georgia, Trebuchet MS;

font-weight: normal;

margin: 0px;

padding: 15px 0px 0px 0px;

text-decoration: none;

}

#header h1 a, #header h1 a:visited {

color: $pagetitlecolor;

font-size: 37px;

font-family: Times New Roman, Georgia, Trebuchet MS;

font-weight: normal;

margin: 0px;

padding: 15px 0px 0px 0px;

text-decoration: none;

}

Silahkan teman-teman ganti kode berwarna MERAH dengan jenis font yang dikehendaki. Sedikit saran buat teman-teman untuk bisa memperoleh jenis font, teman-teman bisa membuka MS Office Word untuk melihat jenis font yang bagus dan kira-kira cocok untuk dijadikan font judul blog. Kalau sudah dapat tinggal diganti dech.

>>Langkah selanjutnya Cara Mengganti Header Blog pada Blogger, yang pertama dilakukan yaitu mencari tahu berapa ukuran header pada template Anda, caranya:

1. Klik Rancangan->Edit HTML.
2. Cari kode #header-wrapper. Supaya mudah untuk mencarinya, tekan Ctrl+F ketikkan #header-wrapper lalu tekan Next.
3. Jika sudah ketemu biasanya ada kode width dan height disekitarnya. Misalnya seperti contoh ini:
   

   #header-wrapper {
   width:975px;
   height:130px;
   margin:0px;
   padding:0px;
   text-align:left;
   background:#FFF url("http://i977.photobucket.com/albums/ae258/SPN_photo/HeaderMaskolis-New.jpg") no-repeat right ;
   }

   Keterangan:
   width:975px; adalah panjang header
   height:130px;adalah lebar header.
   
   Agar gambar Anda sesuai dengan ukuran header template, maka gambar Anda harus diresize menjadi 975x130 pixel. Untuk merizenya Anda bisa menggunakan program pengolah gambar seperti di sini, Photoshop atau lainnya.di sini 
4. Setelah selesai. Masuk ke Dashboard Blogger Anda lagi, pilih Rancangan => Page Elements.
5. Klik Edit pada bagian Header.
6. Kemudian akan muncul halaman baru, pilih Browse from your computer, jika gambarnya disimpan dikomputer atau Browse from the web, jika gambarnya disimpan di image hosting seperti: Imageshack, Photobucket atau Geocities.
7. Pada bagian Placement. Pilih Behind title and description, jika Anda ingin manampilkan gambar dibelakang judul dan deskripsi blog atau pilih Instead of title and description, jika Anda ingin menyembunyikan judul dan deskripsi blog.
8. Lalu klik Save, selesai.

CATATAN:

• Tidak semua template bisa dipasang gambar, karena ada yang hanya menggunakan teks saja oleh karena itu pilihlah template yang sesuai kebutuhan.
• Jika cara di atas sulit diterapkan pada blog Anda, isi kotak komentar yang ada di bawah siapa tau saya bisa bantu.

 PESAN SAYA: jangan sekali-kali ada yang mengopy artikel saya ini ya sob.. :D

Oke..,mungkin itu saja yang saya tau dari tutorial memasang header semoga dapat bermanfaat bagi teman-teman  bloggers. good job...

Related Posts:

Tweet