Selama bertahun-tahun, Blogger dan-web desainer menggunakan font yang sederhana untuk gaya blog mereka dan template mereka. Mereka tidak punya Pilihan untuk mengubah font tersebut. hanya ada beberapa font yang berlaku di seluruh dunia sebagai web font. Mustahil untuk menggunakan font lain pada halaman web !. Jadi web desainer terjebak di bawah mereka font dpt dihitung ...
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
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>
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: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
.post h3 {
font-family: 'Your Font Name';
}menjadi
.post h3 {
font-family: 'google Font Name ';
}
selamat mencoba !!!
Copyright®
http://www.jasa-pembuatan-blog.com
http://www.jasa-pembuatan-blog.com
0 komentar:
Posting Komentar