Senin, 18 Juni 2012

Mengganti Font Judul Posting

6/18/2012 08:50:00 PM Unknown Comments

Jenis atau type font pada template blogger, baik itu template bawaan blogger maupun template external yang di download dari situs penyedia template blog, terkadang terasa kurang sesuai dengan tema blog dan keinginan kita, jika anda ingin merubahnya agar tampilan blog menjadi lebih menarik, berikut ini adalah cara mengganti jenis atau type font pada judul posting atau judul artikel yang akan di publikasikan. Cekidot !




  • Pilih salah satu jenis Font yang anda inginkan (saat artikel ini di publish Google Web Font menyediakan kurang lebih 455 font families) dengan cara klik button Add to collection.
  • Alihkan perhatian ke bagian bawah halaman kemudian klik button Use
  • Sekarang gulir layar ke bagian bawah di sana akan terdapat 2 kode yang pertama adalah kode link ke Google Web Font dan yang kedua adalah kode style css font, ambil atau copy kedua kode ini
  • Login ke blogger.com dengan ID Anda.
    • Jika sudah berhasil login klik link Nama Blog Anda >> Template >> Edit HTML >> Proceed (tutorial ini menyesuaikan dengan tampilan interface blogger yang diperbaharui)
    • Sebelumnya backup terlebih dahulu template Anda..
    • Cari kode <![CDATA[/* dan tempatkan kode link dari Google Web Font (kode yang pertama) tepat di atas kode <![CDATA[/* tetapi jangan lupa untuk menambahkan karakter slash ( / ) pada akhir kode seperti contoh di bawah ini (tulisan berwana merah) jika tidak ditambahkan maka pada saat menyimpan prubahan akan muncul massege error :
      <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css' />
      <b:skin><![CDATA[/*
    • Untuk mengganti font judul posting, cari kode .post-title atau cari kode h2.post-title, ini adalah tag untuk judul posting, kemungkinan akan berbeda untuk setiap template yang digunakan, pusatkan saja perhatian pencarian pada kode post-title, cari bagian kode css untuk font seperti ini font-family: 'Arial', Tahoma, Helvetica, FreeSans, sans-serif; ganti nama font yang pertama (berwarna merah) dengan nama font yang telah anda pilih pada Google Web Font (kode yang kedua).
    • Simpan perubahan template dengan menekan button Save template
    Sekarang periksa blog Anda jika berhasil ucapkan Alhamdulillah..

    Sumber : helmie-margaluyu.blogspot.com


    Artikel Terkait :

    Posted in: ,