2 Sep 2012

Mengganti Font Judul Posting di 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

Tidak ada komentar:

Poskan Komentar

Semua umpan balik saya hargai dan saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin.

1. Komentar SPAM akan dihapus segera setelah saya review
2. Pastikan untuk "Berlangganan Lewat Email" untuk membangun kreatifitas blog ini
3. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.
4. Jangan Tambah Link ke tubuh komentar Anda karena saya memakai system link exchange
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Bergabung dengan kami untuk menjadi member ► | JOIN TO MEMBER BLOG | Dan mendapat fasilitas penuh