Mengganti font blogger dengan tips terbaru
Tapi sekarang Google telah
meluncurkan layanan baru mereka font web Google dengan slogan - 'Membuat Web
Indah!'. Layanan ini akan memungkinkan Anda untuk menggunakan font kustom pada
direktori font google di blog kita / website tanpa sign-up atau apa pun. Karena
dari 'Google', tidak memiliki komplikasi dan benar-benar gratis
untuk penggunaan komersial dan umum., Tidak ada pembatasan hukum yang
keras. Hal ini bisa membuat blog Anda terlihat lebih bergaya dan berlaku untuk
blogger juga. Jangan heran, It's True! Saya akan menunjukkan cara untuk
melakukannya dengan blogger.
Langkah 1: Back-up template blogger Anda
Ini selalu untuk langkah pertama untuk blogger tutorial. Aku akan menggunakan langkah ini sebagai langkah pertama untuk semua tutorial saya. Anda harus selalu back-up blogger template Anda sebelum pengujian
hack apapun di blogger.
Untuk ini, pergi ke Desain atau tata letak -> Edit HTML -> download full template
langkah 2: pergi ke Google Font directory
pilih gaya font yang anda inginkan. kemudian klik font tersebut. kemudian pilih get code
Langkah
4: Tambahkan Kode untuk template
Blogger Anda
Sekarang Anda harus menyalin kode yang google berikan dan Anda harus menambahkan kode ke blogger template, setelah kode
Sekarang Anda harus menyalin kode yang google berikan dan Anda harus menambahkan kode ke blogger template, setelah kode
<head>
Penting!! code yang diberikan google adalah seperti ini
<link
href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet'
type='text/css'>
dan anda harus menambahkan
slash sebelum akhir kode atau mengubahnya seperti ini
<link
href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet'
type='text/css/'>
Sekarang Salin dan sisipkan kode hanya setelah kode
<head>
Harap ingat
untuk menambahkan garis miring sebelum tag akhir. dan
sekarang, silakan klik Simpan Templatesekarang kode yang diperlukan untuk font
web Google telah ditambahkan ke blog Anda. Sekarang Anda harus dapat
menggunakan font google di blog Anda dengan menerapkan itu pada setiap tag
widget. caranya:
Langkah 5: Tambahkan
kode CSS untuk Font untuk Blog Anda.
Sekarang langkah terakhir dan akhir. Dalam langkah ini, Anda harus menentukan di mana Anda ingin menambahkan font dan harus menambahkan kode css untuk itu.
Jika Anda ingin membuat font muncul untuk suatu kalimat tertentu saja dalam posting blog Anda, kemudian gunakan kode HTML; -
Sekarang langkah terakhir dan akhir. Dalam langkah ini, Anda harus menentukan di mana Anda ingin menambahkan font dan harus menambahkan kode css untuk itu.
Jika Anda ingin membuat font muncul untuk suatu kalimat tertentu saja dalam posting blog Anda, kemudian gunakan kode HTML; -
<div
style="font-family: 'FontName',
serif;">Your text</div>
FontName: nama font
yang dipilih dari google.
:
Your
text : Tulisan yang ingin iubah
fontnya
Anda juga dapat mengatur font itu muncul pada:
* Blog Title
* Post Title
* Posting Artikel
* Font sidebar
Anda harus menambahkan kode CSS untuk itu. Jangan khawatir, itu sangat sangat mudah.Di sini saya akan memberitahu Anda Bagaimana Anda dapat mengubah judul posting Anda. Untuk ini, Anda harus mencari kode css judul
Anda juga dapat mengatur font itu muncul pada:
* Blog Title
* Post Title
* Posting Artikel
* Font sidebar
Anda harus menambahkan kode CSS untuk itu. Jangan khawatir, itu sangat sangat mudah.Di sini saya akan memberitahu Anda Bagaimana Anda dapat mengubah judul posting Anda. Untuk ini, Anda harus mencari kode css judul
.post h3 atau .post-title h3
Ini adalah kode css umum untuk
judul posting di blogger. sekarang kita harus menambahkan kode css untuk font
baru tersebut,. Untuk ini, tambahkan / memodifikasi baris-baris di bawah kode
di atas. contoh:
.post h3 {
font-family: 'Your Font Name';
}
menjadi
.post h3 {
font-family: 'google Font Name ';
}
selamat mencoba !!!
0 komentar:
Posting Komentar