Google Font Terbaik untuk Font Website dan Blog

Oleh
Google Fonts yang kita kenal dengan gudangnya segala jenis font ini memiliki banyak jenis font / jenis tulisan yang sangat cocok untuk kmau gunakan dalam membangun content CMS ataupun yang lainnya menjadi sangat bagus dilihat tentunya, Nah bagaimana sih cara memakai Google Font ini ?? Ok mari kita bahas.

Ada bebarapa tahap yang perlu kamu lakukan :

1. Kunjungi dahulu situs google fontKetika halamannya sudah muncul maka kamu dapat melihat 
2. beberapa jenis font yang tersedia untuk kamu pilih nantinya. 
3. Klik jenis font yang kamu ingin gunakan di halaman blog / websitemu, sebagai contoh saya disini menggunakan ROBOTO
4. Lalu Tekan tulisan ( SELECT THIS FONT ). Selanjutnya akan muncul seperti gambar dibawah ini    
Tips dan Trik menggunakan Google Font
5. Jika sudah maka tinggal copas bagian code yang  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> ke bagian halaman website kamu, seperti contoh letakan didalam <head> atau sebelum </head>.
6. Yang terakhir buat style css dan tempatkan  font-family: 'Roboto', sans-serif; di bagian css kamu, contohnya dibawah ini :

<style>
body{
font-family: 'Roboto', sans-serif;
}
</style>

7. Jika kamu sudah membuat style css seperti code di atas maka langsung preview ke browser, dan lihat hasilnya.


Ok, sekian dulu sharing ilmu dari saya. Terima kasih sudah membaca artikel ini, jika ada pertanyaan yang ingin teman-teman tanyakan silahkan berkomentar di bawah ini. Happy Coding :)

Comments

Post a Comment

Popular posts from this blog

Belajar Membuat Form Pendaftaran HTML CSS

Oleh
Image
Belajar Membuat Form Pendaftaran HTML CSS~ Pada tutorial ini saya ingin mempostingkan  sebuah tutorial yaitu membuat form pendaftaran  dengan HTML CSS . Fungsi form pendaftaran dalam website ataupun aplikasi berbasis dekstop maupun android ialah agar kita bisa mempunyai sebuah akun untuk login atau masuk ke sebuah situs website dan lain-lainnya.  Ok langsung saja kita ke tahap-tahap pembuatannya dibawah ini : 1. Pertama teman-teman buat dahulu tag htmlnya, seperti dibawah ini : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Form Pendaftaran</title> <link rel="stylesheet" href="font-awesome/css/font-awesome.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <form action="" method="post"> <h2><i class="fa fa-user"></i>Form Pendaftaran</h2> <br/> ...
Read More

Pengalaman Diterima Oleh Google Adsense di Blogger

Oleh
Image
Kali ini saya ingin membagikan pengalaman saya setelah diterima oleh Google Adsense . Apa itu google adsense ? Google Adsense adalah cara sederhana buat kamu yang ingin mendapatkan penghasilan secara gratis melalui penempatan iklan di sebuah situs. Penghasilan yang anda dapat dari iklan google adsense ini cukup lumayan besar, tergantung dari besar kecilnya jumlah pengunjung yang datang ke situs anda. Nah, situs blog saya ini sebenarnya sudah lama dari tahun 2016 tetapi setiap saya meminta pengecekan apakah layak atau tidaknya situs saya, kerap kali saya menerima balasan email penolakan bahwa situs saya belum memenuhi syarat oleh google adsense dikarenakan beberapa faktor / syarat yang diberikan adsense untuk situs saya tidak sesuai. Saya sempat berpikir bahwa situs saya harus diganti domainnya menjadi .com dll selain .blogspot, dan saya pun menjadi putus asa setelah beberapa kali mencoba agar diterima oleh adsense. Pada tahun 2018 ini saya mulai semangat lagi untuk membu...
Read More