Cara Mengubah Font Judul dan Teks Postingan pada Blogspot Credit pic: Pixabay |
Selamat pagiii! Sudah punya blog dengan Top Level Domain kan? Kalau belum simak Keunggulan Menggunakan Top Level Domain .net/.com dan Cara Mengubah Domain Blogspot Menjadi .net/.com ya. Selanjutnya saya mau ajak otak-atik font untuk judul dan teks postingan blog kita. Kalau bosan pakai font bawaan yang ada di Blogspot, bisa lho kita ubah pakai font jenis lain.
1. Pertama buka https://fonts.google.com lalu pilih-pilih font mana yang ingin digunakan. Saya hanya memilih dua jenis font. Kalau terlalu banyak juga bisa membuat blog jadi terasa lebih berat saat dibuka.
2. Font pertama yang saya pilih adalah Oleo Script. Font ini akan saya gunakan untuk Judul Postingan.
4. Setelah memilih font yang diinginkan, klik STANDARD dan copy kode yang muncul, contoh:
<link href="https://fonts.googleapis.com/css?family=Didact+Gothic|Oleo+Script" rel="stylesheet">
Tambahkan karakter "/" di bagian akhir kode sehingga menjadi seperti ini:
<link href="https://fonts.googleapis.com/css?family=Didact+Gothic|Oleo+Script" rel="stylesheet"/>
5. Buka pengaturan blog kita. Klik Template, Edit HTML.
6. Copy paste kode pada langkah 4 tepat di atas kode <head>. Klik Simpan template.
7. Buka pengaturan blog, klik Template, Sesuaikan. Klik Tingkat lanjut, Tambahkan CSS, dan masukkan kode ini (yang bercetak tebal adalah nama font yang saya pilih):
h3.post-title {text-align:center;font: normal normal 35px Oleo Script, cursive;margin-top: 10px;}body {font: 14.5px 'Didact Gothic', sans-serif;letter-spacing: 1.5px;color: #666666;}
Jangan lupa klik Terapkan ke Blog.
8. Sekarang cek blog kita, tuh font judul dan teks postingannya sudah berubah kan?
Daftar Postingan Tutorial Membuat Blog:
1. Cara Membuat Blog di Blogger.com untuk Pemula.
1. Cara Membuat Blog di Blogger.com untuk Pemula.
6. Cara Menambahkan Judul Postingan pada Gambar dengan Photoscape.
7. Cara Menambahkan Fitur Profil pada Sidebar Blogspot.
8. Keunggulan Menggunakan Top Level Domain .net/.com & Cara Mengubah Domain Blogspot Menjadi .net/,com
9. Mengubah Font Judul & Teks Postingan pada Blogspot.
10. Cara Membuat Desain Simpel Blogspot untuk Pemula.
11. Cara Membuat Header Blogspot dengan Photoscape.
7. Cara Menambahkan Fitur Profil pada Sidebar Blogspot.
8. Keunggulan Menggunakan Top Level Domain .net/.com & Cara Mengubah Domain Blogspot Menjadi .net/,com
9. Mengubah Font Judul & Teks Postingan pada Blogspot.
10. Cara Membuat Desain Simpel Blogspot untuk Pemula.
11. Cara Membuat Header Blogspot dengan Photoscape.
ermanfaat banget buat aku yg sangat gaptek. MAkasih tutorialna ya :)
ReplyDeleteSemoga bermanfat :)
DeleteWaktu custom template saya sudah pilih-pilih font buat judul dan teks, ga boleh diedit lagi ya kalau kayak gitu? :D
ReplyDeleteKalau sudah custom kayaknya sayang Mak he he. Atau coba-coba dulu di blog dummy khusus u otak-atik/eksperimen
DeleteAh boleh dcoba
ReplyDeleteSemoga bermanfaat :)
DeleteApakah utk selanjutnya kalau kita mau rubah harus masukkan kode2 diatas juga?
ReplyDeleteIya Mbak :)
DeleteMakasih udah sharing mba wajib dicoba supaya lebih fresh blognya :)
ReplyDeleteSemoga bermanfaat :)
Deletetfs mbak lagi butuh juga nih
ReplyDeleteSemoga bermanfaat :)
DeleteNah kalau aku pernah belajar sampai menambahkan font dari google font aja, belum aku masukkan ke dalam template blog. Makasih ya Mbak, sharingnya
ReplyDeleteSemoga bermanfaat Mbak :)
DeleteIni ga berlaku di WordPress ya? 😞
ReplyDeleteHuhu kalau pakai WP saya nggak paham Mbak
Deletebermanfaat banget mbak heni... terima kasih ya
ReplyDeleteAlhamdulillah :)
Deletecakep banget. simpan dulu. makasih yaa
ReplyDeleteSemoga bermanfaat Mbak :)
DeleteEh... saya malah baru tau. Makasih infonya :)
ReplyDeleteSemoga bermanfaat :)
DeleteArtikelnya sangat membantu mbak...:)
ReplyDeleteSelain font normal Apakah font pada judul blog bisa diubah dengan fontstyle lainnya? Contohnya Seperti fontstyle yang ada pada Microsoft Word? Terimakasih....
Artikelnya bagus bu. Bisa di trial di natinedJs. Bolehlah d foll back y bu. Kita mengembangkan konten UMKM biar bisa dilihat perkembangannya. Terimakasih.
ReplyDelete