Cara Mudah Mengganti Font di Blog

MurliCyber    10/11/2015    Blogger , Tutorial    Comment   

Cara mudah mengganti font di blog - Pada pagi ini saya akan memberikan tutorial cara mengganti font pada blog, padahal blogger sendiri sudah menyediakan fitur edit html di dalam nya, cuma kita saja yang malas dan tidak mau tahu untuk meng otak atik kode di dalam nya, contoh nya seperti mengganti font di blog,mungkin dari kalian ada yang belum tahu cara mengganti font di blog, cara nya cukup sederhana, cukup dengan mengganti ganti kode nya saja font di blog sudah bisa di rubah

Ikuti tutorial di bawah ini

Sebelum nya, untuk mencari font dan kita akan menerapkan nya pada blog, kunjungi situs Google Font

Pilih font sesuai dengan yang kamu mau, kemudian pilih Quick Use.

Scrool kebawah, nanti akan muncul seperti gambar di bawah ini

Pada bagian Add This Code to Your Website itu adalah kode css nya, letakkan di atas kode </head>
sedangkan pada bagian Integrate The Fonts Into Your CSS itu adalah css nya, yang nanti akan di letakkan di bagian yang kamu inginkan, misalkan kamu merubah font pada bagian postingan, tinggal rubah saja pada bagian css nya, tapi ingat, css nya tadi harus di letakkan dulu di atas kode </head>, baru kemudian di rubah di bagian css yang kamu inginkan

Contohnya,kode css ini sudah kamu letakkan di atas kode </head>

<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

Selanjutnya tinggal ambil saja css font di bawah nya tadi

font-family: 'Roboto', sans-serif;

Tapi ingat, css nya harus sama, jika css nya font roboto, font css nya juga harus roboto

Jika kamu ingin merubah font pada bagian post, contoh nya seperti ini
pilih font yang kamu inginkan di google font, kemudian letakkan kode css nya di atas kode </head>

<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

Setelah itu kita akan merubah font nya di bagian post, pada bagian post biasa nya kode css nya adalah
.post atau .post-body

.post {bla bla bla;bla bla bla;bla bla bla;font-family:sans-serif;}

Pada bagian font-family:sans-serif; inilah kita akan sesuaikan font yang kita rubah tadi, misal nya font di atas kode </head> tadi font roboto, maka disini font-family nya juga harus roboto, sehingga kalau kita rubah menjadi

.post {bla bla bla;bla bla bla;bla bla bla;font-family: 'Roboto', sans-serif;}

Pada google font sudah di ajarkan kok cara nya

Itu dia cara mengganti font pada blog

sekian tutorial kali ini, Semoga Bermanfaat.