Mengganti Font Judul Posting Blogger

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.
  • 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..

4 comments:

  1. mantap gan blognya,penataan yang begitu apik dan menarik sekali.gan tanya ne,gimana sih cara bikin widget guess book atau buku tamu yang letaknya dipinggir blog kita.spt yang ada diblog agan ini.mohon pencerahanya gan.kirim ke email sy aja gan,di:awboiler75@gmail.com.
    oh ya kunjungi jg blog sy di:http://myrecoveryboiler.blogspot.com/
    thq gan sebelumnya.

    ReplyDelete
  2. makasih atas masukannya.. ;)
    ni cranya ada di blog sahabat.. :)


    http://masihinginbelajar.blogspot.com/2012/03/membuat-buku-tamu-melayang.html

    ReplyDelete
  3. .post-title nya itu yang pertama kh yang dipilih?

    ReplyDelete

Silahkan Berkomentar dengan kata-kata yang baik dan sopan dikarenakan blog ini untuk semua umur. Terimakasih

Powered by Blogger.