Cara Mudah Mengganti Font pada Blogger - TRIK SIMPLE
Cara Mudah Mengganti Font pada Blogger

Cara Mudah Mengganti Font pada Blogger - Blogger juga memiliki jiwa fashion ya kan bagaimana caranya blog yang dikelola memiliki daya tertarik tersendiri untuk pengunjung setia blog sobat. Font yang diberikan google ini sangat beragam banyaknya sobat tinggal pilih sesuai selera sobat.

Sobat bisa pilih style fontnya disini ya Google Font

Apakah Mengganti Font pada blogger yang mempengaruhi kecepatan loading blog? tentu saja iya sob, karena salah menempelkan kode nya pada template blog sobat... terus bagaimana bang cara meletakkan kode atau script font agar blog loadinya cepat? oke simak cara dibawah ini ya Guys 😆😆😆😆

Baca Juga : Cara Optimasi Loading Blog Dengan Memasang Plugin LazyLoad

Cara Mudah Mengganti Font pada Blogger


Sebelum membahas kecepatan saya akan membahas bagaimana cara mengganti font pada template blogger terlebih dahulu ya sob...

Pertama sobat masuk terlebih dahulu memilih style font yang sobat senangi contoh kodenya seperti dibawah ini yang akan dipasangkan di atas kode </head> pada template sobat.

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

Kode diatas akan menjadi error kalau diterapkan di template sobat karena kurangnya kode penutup / contohnya kodenya seperti dibawah ini ya

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>

Jika font sudah diterapkan pada template sobat sekarang saat mengganti font pada blognya dengan mengatur css pada body contoh kodenya seperti dibawah ini ya

body{background:#f0f0f0;font-family:'Roboto',Open+Sans;font-size:16px;font-weight:400;textalign:left;color:#000;margin:0;padding:0;line-height:normal}

Yang saya tandai merah itu style fontnya bisa diganti dengan style font sesuai sobat sendiri ya, nah jika sudah tau tata cara mengganti font pada blogger sekarang kita memperhatikan font yang sobat ganti itu nantinya berpengaruh apa tidak pada blog sobat, oke langsung saja ke caranya

Cara Memasang Font yang Benar Pada Template Blogger


Cara pertama yaitu dengan menambahkan kode sisipan pada kode diatas yang kodenya akan menjadi seperti dibawah ini 

<link async='async' href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>

Cara kedua yaitu menempatkan kode dibawah ini di </body> bukan di </head>

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>


Cara yang ketiga yaitu cara yang terahir dengan menambahkan kode JS maka kodenya seperti dibawah ini penempatannya masih sama diatas kode </body>

<script type='text/javascript'>//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("link Font CSSnya");
//]]></script>

Jika sudah klik simpan pada template sobat dan lihat hasil loading pada blog sobat ada peningkatan? semoga ada ya...❤❤❤❤😇😇

Baca Juga : 3 Tips Mudah Cara Mempercepat Loading Blog

Oke sekian yang bisa saya sampaikan tentang Cara Mudah Mengganti Font pada BloggerTerima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

Cara Mudah Mengganti Font pada Blogger

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Cara Mudah Mengganti Font pada Blogger

Cara Mudah Mengganti Font pada Blogger - Blogger juga memiliki jiwa fashion ya kan bagaimana caranya blog yang dikelola memiliki daya tertarik tersendiri untuk pengunjung setia blog sobat. Font yang diberikan google ini sangat beragam banyaknya sobat tinggal pilih sesuai selera sobat.

Sobat bisa pilih style fontnya disini ya Google Font

Apakah Mengganti Font pada blogger yang mempengaruhi kecepatan loading blog? tentu saja iya sob, karena salah menempelkan kode nya pada template blog sobat... terus bagaimana bang cara meletakkan kode atau script font agar blog loadinya cepat? oke simak cara dibawah ini ya Guys 😆😆😆😆

Baca Juga : Cara Optimasi Loading Blog Dengan Memasang Plugin LazyLoad

Cara Mudah Mengganti Font pada Blogger


Sebelum membahas kecepatan saya akan membahas bagaimana cara mengganti font pada template blogger terlebih dahulu ya sob...

Pertama sobat masuk terlebih dahulu memilih style font yang sobat senangi contoh kodenya seperti dibawah ini yang akan dipasangkan di atas kode </head> pada template sobat.

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

Kode diatas akan menjadi error kalau diterapkan di template sobat karena kurangnya kode penutup / contohnya kodenya seperti dibawah ini ya

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>

Jika font sudah diterapkan pada template sobat sekarang saat mengganti font pada blognya dengan mengatur css pada body contoh kodenya seperti dibawah ini ya

body{background:#f0f0f0;font-family:'Roboto',Open+Sans;font-size:16px;font-weight:400;textalign:left;color:#000;margin:0;padding:0;line-height:normal}

Yang saya tandai merah itu style fontnya bisa diganti dengan style font sesuai sobat sendiri ya, nah jika sudah tau tata cara mengganti font pada blogger sekarang kita memperhatikan font yang sobat ganti itu nantinya berpengaruh apa tidak pada blog sobat, oke langsung saja ke caranya

Cara Memasang Font yang Benar Pada Template Blogger


Cara pertama yaitu dengan menambahkan kode sisipan pada kode diatas yang kodenya akan menjadi seperti dibawah ini 

<link async='async' href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>

Cara kedua yaitu menempatkan kode dibawah ini di </body> bukan di </head>

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>


Cara yang ketiga yaitu cara yang terahir dengan menambahkan kode JS maka kodenya seperti dibawah ini penempatannya masih sama diatas kode </body>

<script type='text/javascript'>//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("link Font CSSnya");
//]]></script>

Jika sudah klik simpan pada template sobat dan lihat hasil loading pada blog sobat ada peningkatan? semoga ada ya...❤❤❤❤😇😇

Baca Juga : 3 Tips Mudah Cara Mempercepat Loading Blog

Oke sekian yang bisa saya sampaikan tentang Cara Mudah Mengganti Font pada BloggerTerima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Igniel
Kopi Inspirasi
Disqus Codes
  • To write a bold letter please use or
  • To write a italic letter please use or
  • To write a underline letter please use
  • To write a strikethrought letter please use
  • To write HTML code, please use or
    or

    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Jangan Lupa Subscribe Cuk