2 Cara Mengubah Font Style (Gaya Huruf) Di Blogger Template
Tutorial: Tips & Trik Solusi Cara Mengubah Font - Gaya Huruf di Template Blogger
Salah satu pembaca di sini menanyakan ke kami, "gimana sih cara merubah jenis aksara di template blogger?" Berawal dari pertanyaan itu, kami merilis Content ini.
Buat kau yang sudah d0wnl0ad template blogger gratis di sini; akan tetapi sayangnya gaya aksara yang dipakai tidak sesuai dengan selera dan harapan, kau sendiri sanggup kok mengubahnya.
Setidaknya ada 2 cara yang sanggup kau lakukan; tergantung kondisi template blogger yang kau gunakan. Selain itu, kau juga harus tahu JENIS FONT apa yang dipakai sebelumnya.
Untuk mengecek kondisi tema blogger yang kau gunakan, -- tepatnya kawasan dimana JavaScript (Js) itu harus diletakkan; caranya yaitu masuk ke Theme, dan masuk ke Edit HTML -- kawasan dimana HTML, CSS, dan JavaScript tema blogger berada.
Pada tahap ini, cari arahan ini: googleapis. Kurang lebih arahan JavaScript (Js) yang ditampilkan menyerupai di bawah ini:
...atau menyerupai di bawah ini:
Apabila kau ingin mengubah Font Style di blog, maka yang perlu kau lakukan yakni menghapus URL ini:
...dan menggantinya dengan salah satu URL Fonts Google yang sanggup kau dapatkan secara gratis di Google Fonts.
Di situs web resmi Google Fonts, kau sanggup memakai banyak sekali jenis aksara secara gratis; dimulai dari Roboto, Lato, Oswald, Raleway, Montserrat, PT Sans Serif, Arial, Tahoma, dan banyak lagi.
Setelah menekan tombol Family Selected ini, kau akan diberikan tautan situs (URL) dan arahan CSS yang berfungsi menampilkan Font-Style yang ingin digunakan. Coba lihat gambar di bawah ini:
Silakan salin tautan situsnya (Link) dan arahan CSS di Notepad. Simpan dua buah arahan JavaScript/CSS ini baik-baik di Notepad.
Setelah mengetahui bagaimana jenis penempatan arahan JavaScriptnya, kira-kira hasil prakteknya menyerupai di bawah ini.
Hapus arahan di bawah ini:
...ganti (ubah) dengan arahan ini:
Jika penempatan URL-nya tidak menyerupai itu, melainkan menyerupai ini:
Pada arahan di atas, hapus URL di bawah ini:
...dan ganti (ubah) dengan arahan di bawah ini:
...sehingga akhirnya (HAMPIR JADI) kurang lebih menyerupai di bawah ini:
Tekan tombol Save Template!
Guna gaya aksara (Font-Style) sanggup ditampilkan (berfungsi/bekerja) dengan baik di tampilan situs yang memakai template blogger, maka kau harus mencari arahan CSS awalnya.
Coba lihat lagi tutorial di atas; awalnya Font-Style yang dipakai yakni Roboto, kemudian kita mengubah Font-Stylenya menjadi ke Lato.
Kode CSS dari Roboto biasanya menyerupai ini: 'Roboto', sans-serif atau Roboto saja. Berakar dari langkah-langkah di atas; kau hanya perlu mengganti arahan Roboto yang sudah ada, dengan arahan ini: 'Lato', sans-serif.
Ada hal yang mau ditanyakan, atau ada langkah yang tidak dipahami dari tutorial cara merubah Font Style blog di atas? Sumber http://addbloggerthemes.blogspot.com
Salah satu pembaca di sini menanyakan ke kami, "gimana sih cara merubah jenis aksara di template blogger?" Berawal dari pertanyaan itu, kami merilis Content ini.
Buat kau yang sudah d0wnl0ad template blogger gratis di sini; akan tetapi sayangnya gaya aksara yang dipakai tidak sesuai dengan selera dan harapan, kau sendiri sanggup kok mengubahnya.
2 Cara Mengubah Font Style (Gaya Huruf) di Blogger Template
Setidaknya ada 2 cara yang sanggup kau lakukan; tergantung kondisi template blogger yang kau gunakan. Selain itu, kau juga harus tahu JENIS FONT apa yang dipakai sebelumnya.
Untuk mengecek kondisi tema blogger yang kau gunakan, -- tepatnya kawasan dimana JavaScript (Js) itu harus diletakkan; caranya yaitu masuk ke Theme, dan masuk ke Edit HTML -- kawasan dimana HTML, CSS, dan JavaScript tema blogger berada.
Pada tahap ini, cari arahan ini: googleapis. Kurang lebih arahan JavaScript (Js) yang ditampilkan menyerupai di bawah ini:
<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic' rel='stylesheet' type='text/css'>...atau menyerupai di bawah ini:
<script type='text/j4vascript'> $(function(){$(".set-1").mtabs()}); //<![CDATA[ //CSS Ready 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("https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); //]]> </script>Apabila kau ingin mengubah Font Style di blog, maka yang perlu kau lakukan yakni menghapus URL ini:
https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic
...dan menggantinya dengan salah satu URL Fonts Google yang sanggup kau dapatkan secara gratis di Google Fonts.
Di situs web resmi Google Fonts, kau sanggup memakai banyak sekali jenis aksara secara gratis; dimulai dari Roboto, Lato, Oswald, Raleway, Montserrat, PT Sans Serif, Arial, Tahoma, dan banyak lagi.
- Masuk ke Google Fonts
- Pilih salah satu diantaranya (Lato), dengan cara menekan tombol plus (+) atau tambah (+) berwarna merah
- Tekan tombol Family Selected
Setelah menekan tombol Family Selected ini, kau akan diberikan tautan situs (URL) dan arahan CSS yang berfungsi menampilkan Font-Style yang ingin digunakan. Coba lihat gambar di bawah ini:
 |
| JavaScript (Js) dan CSS |
Silakan salin tautan situsnya (Link) dan arahan CSS di Notepad. Simpan dua buah arahan JavaScript/CSS ini baik-baik di Notepad.
Sesi Terakhir Mengubah Jenis Huruf di Blogger Template
Setelah mengetahui bagaimana jenis penempatan arahan JavaScriptnya, kira-kira hasil prakteknya menyerupai di bawah ini.
Hapus arahan di bawah ini:
<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic' rel='stylesheet' type='text/css'>...ganti (ubah) dengan arahan ini:
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">Jika penempatan URL-nya tidak menyerupai itu, melainkan menyerupai ini:
<script type='text/j4vascript'> $(function(){$(".set-1").mtabs()}); //<![CDATA[ //CSS Ready 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("https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); //]]> </script>Pada arahan di atas, hapus URL di bawah ini:
https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic
...dan ganti (ubah) dengan arahan di bawah ini:
https://fonts.googleapis.com/css?family=Lato
...sehingga akhirnya (HAMPIR JADI) kurang lebih menyerupai di bawah ini:
<script type='text/j4vascript'> $(function(){$(".set-1").mtabs()}); //<![CDATA[ //CSS Ready 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("https://fonts.googleapis.com/css?family=Lato");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); //]]> </script>Tekan tombol Save Template!
Memanggil Font Style dengan CSS
Guna gaya aksara (Font-Style) sanggup ditampilkan (berfungsi/bekerja) dengan baik di tampilan situs yang memakai template blogger, maka kau harus mencari arahan CSS awalnya.
Coba lihat lagi tutorial di atas; awalnya Font-Style yang dipakai yakni Roboto, kemudian kita mengubah Font-Stylenya menjadi ke Lato.
- Masih di dalam Theme
- Cari arahan (CTRL+F) dengan kata kunci "Roboto" tanpa tanda petik
- Hapus semua arahan Roboto ('Roboto', sans-serif)
- Ganti dengan arahan Font-Family Lato yang kau dapatkan tadi ('Lato', sans-serif)
- Simpan template blogger dan SELESAI
Kode CSS dari Roboto biasanya menyerupai ini: 'Roboto', sans-serif atau Roboto saja. Berakar dari langkah-langkah di atas; kau hanya perlu mengganti arahan Roboto yang sudah ada, dengan arahan ini: 'Lato', sans-serif.
Ada hal yang mau ditanyakan, atau ada langkah yang tidak dipahami dari tutorial cara merubah Font Style blog di atas? Sumber http://addbloggerthemes.blogspot.com
0 Response to "2 Cara Mengubah Font Style (Gaya Huruf) Di Blogger Template"
Posting Komentar