Assalamu'alaikum bloggers.. ^^
Siang ini muntiana mau share cara ganti font di blogspot dengan kode HTML, langsung saja ya.. check it out!
1. Buka alamat https://www.google.com/fonts
2. Setelah itu pilih saja font yang ingin ditambahkan, lalu klik "Add to Collection" dan klik "Use"
3. Setelah itu nanti akan muncul jendela baru, kemudian scroll ke bawah dan kopi kode fontnya yang ada di nomor 3. Contohnya seperti gambar di bawah ini :
4. Jangan tutup dulu jendela google fonts di atas
5. Kemudian langkah selanjutnya adalah menambahkan kode yang telah dikopi tadi ke template blogger, caranya buka tab baru dan buka akun Blogger kamu
5. Kemudian langkah selanjutnya adalah menambahkan kode yang telah dikopi tadi ke template blogger, caranya buka tab baru dan buka akun Blogger kamu
6. Pilih "Template" lalu "Edit HTML"
7. Cari kode <head>
8. Pastekan kode font yang telah kamu kopi tadi DI BAWAH kode <head>
9. Kemudian SAVE Template
Jika ingin mengubah font judul post caranya :
1. Cari kode yang mirip dengan kode di bawah ini di template blog kamu :
h3.post-title, h4 {text-align:center;
font: $(post.title.font);
color: $(post.title.text.color);
2. Kemudian tambahkan kode berikut ini tepat di bawah kode nomor 1
font-family: 'Indie Flower', cursive;}
NOTE : Kode warna merah ganti sesuai kode jenis font yang telah kamu pasang tadi
3. Kemudian lihat di Pratinjau
4. Jika fontnya telah berubah kemudian klik SAVE Template
Jika ingin mengubah font pada judul widget ataupun body post langkahnya hampir sama seperti yang muntiana paparkan di atas, cuma untuk kode yang nomor 1 harus dicari sesuai dengan kode widget, judul widget, bodypost, dan sebagainya yang fontnya ingin diganti.
Sekian dulu ya tutorialnya kali ini, kalau ada yang ingin ditanyakan silakan tinggalkan komentar ^^
Gomaweo...
Tidak ada komentar:
Posting Komentar