Cara Mengatur Huruf Di Blogspot Dengan Cepat dan Mudah
Kangkomar.net - Cara mengatur karakter di blog, salam sukses dari kangkomar apa kabar sahabat pecinta setia semoga sahabat kangkomar di berikan kesehatan dan kesuksesan, kali ini kangkomar akan menjelaskan tentanf cara mengatur karakter di blogspot.
Mengganti jenis font blogger, terkadang jenis font (family font) bawaan template blog di rasa kurang sesuai dengan cita-cita kita, sehingga kita haru s merubahnya sedikit dengna jenis-jenis font lain supaya tampilan blog lebih manis atau setidaknya sesuai dengan konteks atau tema blog.
Pada kesempatan ini kangkomar terlebih dahulu akan membahasa ihwal mengganti jenis font pada css fonts dan bukan dengan Custom font, yang menggunakana javascript dan biasanya bersumber dari API Google. Penggantian font dengan font csss lain, meskipun sederhana tampilannya, namun cukup kondusif dan cepat di load, karean browser dan komputer telah mempunyai database font-font tersebut.
Pengetahuan ihwal jenis font (font family) dalam css
Jenis font di dalam css di nyatakan dengan properti font-family, sehingga dalam penulisaanya deskripsi css font-family di tuliskan ibarat pola sebagaia berikut
p{font-family:"Times New Roman";....;}
atau di persingkat dengan shorthand (di tuliskan dengan font saja):
p{font: Times New Roman";..;}
Baca juga "Kriteria web yang di sukai Google"
Ada dua jenis kategori font yaitu:
a. Font famliy : Nama-nama utama (root name) font, contohnya times, arial, courier, dan masih banyak lagi.
b. Generic family : Nama-nama font turuanan, contohnya serif, sans serif, cursive dan masih banyak lagi.
Penulisan font family yang sering kita jumpai dalam css terdiri dari font family dan generic family, keduannya di tuliskan berurutan dengan tujuan apabila sebuah font tidak tersedia dalam database suatu browser, mak browser akan merujuk pada jenis font lain yang telah di tuliskan di belankangnnya.
Contoh penulisan font family:
p{font-family:"Times new roman", Georgia,serif;..;}
Catatan, perhatikan tanda kutip pada time new roman, tanda kutip yang di gunakan pada nama font yang mempunyai jarak spasi kososng (white space).
Selalu tuliskan css jenis font dengna hukum ibarat di atas untuk berjaga-jaga apabila browser yang di gunakan pengunnjung untuk berkunjung ke blog kita tidak memilik database font yang diinginkan sehingga browser sanggup pribadi melompat ke jenis font lainnya.
Font pada Template Blogger
Pada dasarnya font di dalam template blogger di tentukan dengan css styling, sehingga harus mengubah jenis font, maka terang perubahan di lakukan pada css.nya, ada dua cara yang biasanya di gunakan untuk menciptakan default font pada tmplate Blogger.
- Menuliskan variable css font untuk bagian-bagian (element) tertentu, contohnya judul blog, deskripsi blog, judul posting, footer posting, footer, judul sidebar, dan seterusnya. Kemudiana menuiliskan variable tersebut pada font family masing-masing elemn, variable terletak di belahan atas css, biasanya setelah atau erat dengan <b:skin><![CDATA[, contoh variable-variablenya. <Variable name="dateHeaderFont" description="Date Header font" type="Font"....... Sebagai contoh, bila saya ingin untuk menyatakan jenis font yang di pakai dalam judul posting (header posting), sayaa mengugnakan nama variable (name=) postTitlefont sebagaia perwakilan jenis font pada properti font family nama blog yang telah di tuliskan pada variable, nama variable yang di gunakan sebagai deklarator di tuliskan dengan di awali tanda $:
- Menuliskan pribadi jenis font pada propertynya (font family atau font), pola .pst h3 (font family:"Georgia, times, serif;..;}.
Demikian point serta cara untuk mengubah atau mengganti jenis font di blogger berigtu gampang dan simple kan sahabat.
Mengubah jenis Font di template blogger atau blogspot
Sesuai dengan dua cara untuk memilih font pada template Blogger di atas, maka pastinya cara untuk menggantinya pun ada 2, yakni mengubah font pada variable atau pribadi mengubah property font family di setiap elemen, mengubah variable sangat riskan sebab ada nilai default dan value yang merupakana hukum general (dasar) pada elemn-elemen utama blog, oleh sebab itu lebih baik ganti font pribadi pada property font familyny saja.
Cara mencari dan mengubah jenis font family pada setiap elemen css.
- Pertama kunjungi situs blogspot.
- Login dengan email dan password sahabat
- Pilih Template, Edit Html / Template Blogger.
- Cari elemen css dengan cara menekan CTRL + F, biasanya letaknyaantara <b:skin><!cDATA[ dan ]]></b:skin>.
- Setiap elemen css di template Blogger mempunyai nama yang berbeda seuai yang telah di berikan oleh pembuat template tersebut, tapi secara umum, nama-nama itu hampir ibarat dan mempunyai deklarator umum yang sama:
misalnya untuk elemen judul posting, biasanya di tuliskan dengan .post h3, .post h2, #post h3, #post h2, .h3, .h2, (h menyatakan header header atau judul / title, berlakk pula untuk judul sidebar, dan lain-lain. dan maish banyak lagi, untuk isi psoting biasanya di nyakana dengan .post demikian dengan sidebar, ada banyak variasi namun sanggup di pastikan semua mengandung kata yang sama : sidebar.
- Setelah elemen-elemen di temukan, selanjutnya carai property font-family atau font yang di belkangnya ada definisi font atau nama variable ibarat pola variable diatas. Ganti dengan jenis-jenis font gres pada belahan tersebut, contoh
.psot h3 {font-family :Georgia, times, serif;..;}Ganti belahan font yang berwarna biru dengan font-font lain atau biasanya juga di tampilkan dengan nama variable,.post h3 (font-family : SpostTitleFont;}Ganti belahan font yang berwarna biru dengan font-font lain.
- Sahabat juga sanggup menambahakan jenis font gres pada elemen yang belum mempunyai hukum font-family.
Misalnya, pada belahan comment blog saya belum ememiliki hukum jenis font khusus, maka saya sanggup menambahkan font-family / font di dalam css-nya:
seblumnya #comments {margin:0px 0px 0px 0px; padding:15px 20px 15px 20px; text-align: left; color :#4c4c4c; border: 1px solid #cc;background:#FFFFFF;}sesudahnya#comments {margin: 0px 0px 0px 0px; padding: 15px 20px 15px 20px; text -align: left; color :#4c4c4c; font:"Times New Roman", Trebucket, serif; border 1px solid #ccc; background:#FFFFFF;}
- Untuk mengetahui jenis font, cek di situs css web safe fonts
- Setelah selsai mengubah atau menambahkan font, save template.
Demikian artikel cara mengatur karakter di blog, bila ada persoalan atau pertanyaan lebih lanjut mengenai font, pengubahan fot, serta elemen cs blog yang belum di ketahuai oleh sahabat silahkan bertanya di kolom komentar di bawah ini kangkomar pamit hingga jumpa.