Cara Nak Gunakan Google Fonts Dalam Blogspot

Cara Nak Gunakan Google Fonts Dalam Blogspot, Tips mencantikkan blog dengan menukar jenis font

Cara nak gunakan Google Fonts dalam blogspot. Ramai blogger Malaysia terutama sekali blogger di kalangan wanita suka mencantikkan blog. Ada yang suka letakkan efek salji dalam blog, ada pula yang suka gunakan cursor bling-bling, malah ramai yang suka tukarkan warna latar blogspot mereka dengan pelbagai warna mencerminkan kewanitaan seperti warna pink, merah dan warna-warna pastel. Ada pula blogger yang suka customize bahagian ruangan komen supaya tampil lebih menarik dan unik walaupun secara amnya menggunakan template blogspot yang sama.

Sebuah blog juga boleh kelihatan cantik serta menarik jika blogger pandai menyesuaikan rekabentuk dan warna blog dengan jenis font yang digunakan. Ada 1001 macam jenis font yang boleh digunakan untuk penampilan sebuah blog blogspot. Dan hampir kesemua jenis font yang menarik ini boleh dijumpa menerusi Google Fonts.

Cara Nak Gunakan Google Fonts Dalam Blogspot

Cara Nak Gunakan Google Fonts Dalam Blogspot

Saya sendiri menggunakan Google Fonts untuk blog-blog saya. Antara jenis font yang saya fikir menarik untuk dicuba ialah Roboto, Slabo, Lato, Oswald, Droid Sans, Railway dan Ubuntu. Itu hanyalah sebahagian daripada beberapa jenis font yang saya anggap unik, menarik dan terkini.

Cara-Cara Cantikkan Blog Dengan Menggunakan Google Fonts

Menerusi entri ini, saya akan kongsikan cara-cara untuk mendapatkan jenis fonts yang menarik dari Google Fonts, dan implementasikan untuk blogspot anda. Mudah sahaja, hanya ikuti langkah-langkah di bawah untuk tampilkan kelainan blog anda dari segi jenis tulisan yang super duper awesome. Seriusli ... hoho.

Apa yang pertama sekali anda perlu buat ialah memilih fonts kesukaan yang menarik perhatian anda. Pilih fonts yang sesuai dengan blogspot anda di sini - Google Fonts.
Cara Nak Gunakan Google Fonts Dalam Blogspot

Anda boleh memilih pelbagai jenis font ikut kesesuaian, seperti saiz, tampilan dalam bentuk ayat, tampilan dalam bentuk perenggan, rupabentuk dalam jenis sendeng atau bold, dan pelbagai lagi. Menerusi Google Fonts, anda boleh lihat beberapa variasi sesuatu jenis font tersebut dengan mudah - bermakna anda hanya gunakan satu jenis font tetapi divariasikan ikut kesesuaian anda.

Pastikan anda review setiap jenis pilihan font yang telah memikat hati anda. Lihat variasinya dalam keadaan bold, sendeng, saiz; paparannya jika ditulis dalam bentuk perenggan dan sebagainya. Hanya pilih 1-2 jenis font yang anda fikir sesuai untuk blog anda. Jangan pilih terlalu banyak jenis font kerana ia akan membuatkan loading blog jadi berat.

Untuk memilih font yang sesuai, klik butang biru Add to Collection.

Cara memilih font yang menarik untuk blogspot
Kemudian, pada bahagian bawah dashboard Google Fonts ada Choose, Review dan Use. Choose ialah untuk anda cari atau tambah font lain yang menarik; Review ialah untuk anda lihat bagaimana bentuk tulisan yang menggunakan jenis font tersebut, dan Use apabila anda telah selesai membuat pilihan dan mahu menggunakan jenis font yang telah dipilih.

Cara cantikkan blog dengan jenis font


Setelah selesai membuat pilihan jenis Google Fonts yang anda mahu gunakan dalam blogspot anda, klik butang Use. Anda akan dibawa ke halaman seperti di bawah ini.
Sekarang, anda diminta untuk pilih variasi bentuk font tersebut yang anda mahu gunakan. Setiap kali anda tick mana-mana variasi, anda akan dapat lihat jarum impact page load bertambah. Pastikan anda tidak melebihi bahagian bertanda kuning setiap kali anda memilih variasi font untuk blog anda.

Apabila dah selesai. Skroll ke bahagian bawah dashboard berkenaan, dan anda akan nampak dua kod HTML diberikan kepada anda. Satu merupakan script jenis font yang telah anda pilih, dan satu lagi adalah CSS untuk font tersebut. Masukkan dua-dua kod HTML/CSS tersebut dalam template HTML blogspot anda seperti diminta.

Sebagai panduan, masukkan kod yang tertulis link href itu dalam bahagian head blogspot anda. Dan kod kedua iaitu kod CSS diletakkan dalam bahagian CSS blogspot anda. Selesai.

Save template blogspot anda, dan lihat hasilnya.

Selamat mencuba.


COMMENTS

BLOGGER: 5
Loading...
Name

#Bajet2014,4,#VMY2014,5,#WORDLESS WEDNESDAY,74,Abah Blogger,39,Advertorial,124,Advertorial 2013,15,advertorial 2014,40,advertorial 2015,8,ARTIKEL KEHIDUPAN,11,ARTIKEL KEKELUARGAAN,8,ARTIKEL KESIHATAN,6,Bajet 2013,9,Bajet 2016,8,BICARA MASYARAKAT,153,Bicara Minda,73,BILA BLOGGER MASUK MAJALAH,26,BLOG LENSA HASRUL,1,BLOG PILIHAN 2012,25,BLOG PILIHAN 2013,15,Blog Selebriti,77,Blog Stats,10,Blogger Guide,2,BR1M,10,Buat Duit Dengan Adsense,55,Buat Duit Online,363,Cerpen Kehidupan,1,ChurpChurp,4,CINTA DAN JIWANG,45,Contest 2014,37,Contest 2015,19,Contest 2016,15,Contest 2017,8,Custom Made Sticker Kereta,1,DARI AKHBAR,28,DARI RAKAN BLOGGER,7,Dari Rakan Facebook,8,Destinasi Cuti,14,DIARI HIDUP,2,Didik Anak,5,diskaun saman PDRM,2,Dunia Blog,1,DUNIA BLOG DAN BLOGGER,28,DUNIA BLOGGER MALAYSIA,819,Dunia Haiwan,1,DUNIA HIBURAN SERANTAU,6,Dunia Oh Dunia,23,Dunia Penulis Blog,1,EDISI TERJAH BLOG BARU,33,english,1,Eqbalzack Giveaway,2,Fakta Hangat,302,FAKTA MENARIK,107,FAKTA MENARIK DAN PELIK,69,Familia,5,Featured,1,FOLLOWER HH,2,Fotografi,1,Gadget blogspot,1,GAMBAR,58,Gambar Menarik,16,GAMBAR PELIK DAN MENARIK,55,Gathering Bangku Kosong,12,Gaya Hidup,42,Giveaway,9,Guide and Tips,9,Hari Raya,58,Hartanah,53,Header Blog Pilihan,2,Holiday Destination,6,Holiday Getaway,62,Holiday Tips,2,Homestay,1,House Husband,621,Ihya Ramadhan,2,Info Blog,60,INFO BLOG BANGKU KOSONG,48,Info Blog HH,37,Info GST,14,Informasi,576,Informasi Dunia,1,INI SEBUAH CERITA,11,Inspirasi,9,Inspiration,6,Internet,2,iPhone 5 Gadjet Impian,1,ISLAM DAN MASYARAKAT,21,Isu Blogger,21,Isu Dan Berita,335,ISU DUNIA,3,ISU MALAYSIA,1,Isu Masyarakat,10,ISU MASYARAKAT 1,39,Isu Semasa,1,Jalan Jalan,1,JEJAK BLOGGER,19,Jom Jalan-jalan,3,Kamasutra temple,1,Kasut Pelik,1,Kehidupan Sebagai Blogger Sepenuh Masa,1,Keibubapaan,34,Kekeluargaan,92,Kempen,6,Kerja Dari Rumah,82,Khas buat Follower,39,Kisah Dunia,1,Kisah HH,74,KISAH KELUARGA,50,Klip Video,9,KOLEKSI LAWAK BANGKU KOSONG,46,KOLEKSI PETUA,23,KONGSI PETUA,2,KTM,16,Lawak Blogger,40,Lawak Sekejap,56,Lifestyle,302,Love,1,Majalah In Trend,6,Makanan,5,Malaysia Best Blog 2015,1,MENGENAI BLOG HH,1,Merdeka,12,MH370,6,Minda Berfikir,12,Miros,2,Narnia,1,NOSTALGIA,1,NUFFNANG,26,NULL,17,ONLINE SURVEY,1,Pakar SEO,1,Panduan,360,Panduan Adsense,18,Panduan Blogger,11,PANDUAN MENULIS BLOG,653,Panduan Pengiklanan di Blog,74,Parenting Tips,5,PDRM,1,Pelaburan,14,Pendapat,32,Penghargaan Dari Bloggers,8,PENGUMUMAN,2,Peraduan dan Kontest,15,Percuma,2,Percutian,67,Percutian Keluarga,17,PERISTIWA RAMADHAN,6,Permotoran,2,PERSPEKTIF,6,Petua,1,Petua dan Tips,27,petua kehidupan,5,Petua Memikat,3,Pilihanraya,1,Plastik Sampah Mesra Alam,1,que382ahexjz,1,Rakan Blogger,9,Ramadhan,66,RAMADHAN 2011,9,Ranking Alexa,2,Raya 2015,10,Resepi,51,Samsung,1,segmen 2015,2,segmen blogger 2016,7,SEJARAH DUNIA,43,Sembang Blogger,494,Semesti,2,SENI,3,Shopping,118,Shopping Online,7,Sihat Cantik,12,SIHAT SOKMO,19,SIRI KENALI TOKOH SEJARAH TEMPATAN,1,SIRI KISAH KERAJAAN AGUNG,5,SIRI SIFAT BLOGGER TERPUJI,6,Siri Tips Pikat Gadis Cantik,5,Tempat Makan,9,Tempat Menarik,181,Terbaik Google,6,The Bidadari 2014,9,Tips Bercuti,100,Tips Blogging,317,Tips Blogging 101,1,Tips Blogspot,84,Tips Dapur,53,Tips Kekeluargaan,4,Tips SEO Blogspot,132,VIDEO,125,Video Best,37,widget blog,34,WIDGET PILIHAN,62,wordless wednesday,108,Work From Home,13,
ltr
item
HASRULHASSAN.COM™: Cara Nak Gunakan Google Fonts Dalam Blogspot
Cara Nak Gunakan Google Fonts Dalam Blogspot
Cara Nak Gunakan Google Fonts Dalam Blogspot, Tips mencantikkan blog dengan menukar jenis font
http://4.bp.blogspot.com/-eWMCzdYjOpM/VVFcQiG3x2I/AAAAAAABCGo/M8EGpvMXPRE/s1600/google-web-fonts.png
http://4.bp.blogspot.com/-eWMCzdYjOpM/VVFcQiG3x2I/AAAAAAABCGo/M8EGpvMXPRE/s72-c/google-web-fonts.png
HASRULHASSAN.COM™
http://www.hasrulhassan.com/2015/05/cara-nak-gunakan-google-fonts-dalam-blogspot.html
http://www.hasrulhassan.com/
http://www.hasrulhassan.com/
http://www.hasrulhassan.com/2015/05/cara-nak-gunakan-google-fonts-dalam-blogspot.html
true
1039913750360806682
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy