Cara Membuat Tampilan Font di Blogger Dengan Mudah - Banyak blogger yang tidak merasa nyaman dengan font yang formal dan ingin menggantinya dengan font yang lebih menarik. Hal ini sebetulnya sangat gampang kalau template blog Anda mencakup fungsi variabel untuk mengubah font. Kaprikornus bagaimana kalau template blog Anda tidak dilengkapi dengan variabel?
MEMILIH JENIS FONT
MENAMBAHKAN FONT PADA BLOG
MENGGUNAKAN FONT
Setelah melaksanakan langkah di atas anda sudah menambahkan jenis font pada blog anda. Ada dua cara untuk mengganti font pada blog anda.
1. Mengganti Semua Font
Misalnya, anda ingin mengganti semua font Arial dengan font gres berjulukan BenchNine
Di sini anda sanggup memakai Edit HTML, atau Fitur ADD CSS pada Perancang Template. Kali ini saya akan memakai Add CSS saja. Kaprikornus silahkan ikuti teladan berikut:
Demikian gosip wacana Cara Membuat Tampilan Font di Blogger Dengan Mudah. Maaf kalau ada kekurangan, silahkan tambahkan beberapa kekurangan pada artikel di kolom komentar. Saya harap gosip ini bermanfaat.
Cara Membuat Tampilan Font di Blogger Dengan Mudah
Kebanyakan template download tidak sanggup diedit di perancang template. Kaprikornus untuk mengubah font, Anda perlu melaksanakan hal-hal sederhana berikut:MEMILIH JENIS FONT
- Buka halaman Web fonts
- Sebaiknya anda set dulu ukuran fontnya untuk melihat tampilan font tersebut dalam ukuran yang anda inginkan. Pilih ukuran aksara dalam drop down size.
- Jika jumlah font terlalu banyak, anda sanggup memperkecil opsi dengan melaksanakan filter pada jenis font. Lihat pada sidebar kiri ada serangkaian alat filter. Pilih type font, ketebalan, kemiringan, dan lebar huruf.
- Jika anda sudah menemukan huruf-huruf yang anda sukai tinggal klik ADD TO COLLECTION pada bab kanan bawah sampel huruf. Silahkan pilih lebih dari satu aksara kalau diperluka.
- Jika anda sudah jawaban menentukan aksara silahkan klik USE.
- Pada halaman gres ada 3 hal yang harus anda lakukan:
- Pertama, pilih jenis ketebalan aksara yang diinginkan. Semakin banyak variasinya, maka akan semakin berat loading halaman anda nantinya.
- Kedua, pilih language style yang diinginkan. Saran saya tidak usah mengubah bab yang ini.
- Ketiga, copy arahan yang diberikan untuk dipasang di blog.
MENAMBAHKAN FONT PADA BLOG
- Jika sudah menuntaskan tahapan di atas kini masuk ke akun blogger anda.
- Pilih hidangan TEMPLATE kemudian EDIT HTML.
- Cari kode <![CDATA[/* dan paste arahan yang tadi anda copy.
- Jangan lupa untuk menambahkan arahan "/"sebelum epilog > pada arahan tersebut. Hasilnya akan terlihat menyerupai teladan di bawah.
- Simpan Perubahan.
<link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative:400,700,900|Julius+Sans+One|Cherry+Swash:400,700'rel='stylesheet' type='text/css' / >
MENGGUNAKAN FONT
Setelah melaksanakan langkah di atas anda sudah menambahkan jenis font pada blog anda. Ada dua cara untuk mengganti font pada blog anda.
1. Mengganti Semua Font
Misalnya, anda ingin mengganti semua font Arial dengan font gres berjulukan BenchNine
- Masuk ke hidangan TEMPLATE >> EDIT HTML.
- Centang Expand Template Widget.
- Copy semua arahan yang muncul.
- Buka notepad dan paste arahan yang dicopy tadi.
- Tekan Ctrl+H untuk membuka Tool Replace.
- Isi kolom Find What dengan Arial.
- Isi kolom Replace With dengan BenchNine.
- Klik tombol REPLACE ALL.
- Copy arahan yang sudah berubah tadi.
- Hapus semua arahan pada blogger Edit HTML tadi dan gantikan dengan arahan dari notepad.
- Simpan Perubahan.
Di sini anda sanggup memakai Edit HTML, atau Fitur ADD CSS pada Perancang Template. Kali ini saya akan memakai Add CSS saja. Kaprikornus silahkan ikuti teladan berikut:
- Setelah jendela Add CSS terbuka, silahkan pilih element yang ingin anda ganti.
- Kali ini saya akan mengganti element h2 normal, h2 link, dan h2 link:hover pada postingan blog saya. Kaprikornus inilah arahan yang akan saya ketikkan pada kolom Add CSS.
.post h2 { font-family: BenchNine; } .post h2 a, .post h2 a:visited, .post h2 strong { font-family: BenchNine; } .post h2 strong, .post h2 a:hover { font-family: BenchNine; }
font-family: NamaFont; ialah arahan yang perlu anda tambahkan pada elemen style apa saja yang ingin anda ganti font-nya. Bagian terpentingnya ialah mengetahui nama elemen yang ingin anda ganti. Kalau anda sama sekali belum tahu nama elementnya, maka anda harus masuk ke Edit HTML untuk menemukan nama elemen style yang mengendalikan suatu komponen pada template anda.Demikian gosip wacana Cara Membuat Tampilan Font di Blogger Dengan Mudah. Maaf kalau ada kekurangan, silahkan tambahkan beberapa kekurangan pada artikel di kolom komentar. Saya harap gosip ini bermanfaat.
Tidak ada komentar:
Posting Komentar