Multiple-Font pada Blogger
May 13, 2008 by Adam Pahlevi
Filed under Google Blogger
Kadang kala, kita ingin merubah font-size, font-type, pun font-color suatu halaman. Namun, ketika kita mengaplikasikannya, tiba-tiba semua font kita berubah mendadak semuanya menjadi seperti yang kita rubah. Misal font pada Element, pada Post, pada Date Header, tiba-tiba menjadi sama. Lalu, bagaimana untuk mengatasinya?
Permasalahan ini sebenarnya adalah permasalahan yang mudah, tidak terlalu sulit untuk diperaktekkan dan dicoba. Seperti biasa, dan seperti hack-hack pada Blogger lainnya, kita harus menuju ke Page Templates dan penulis rekomendasikan untuk membackup dulu template anda.
Lalu, kopikan kode ini dalam bagian CSS anda:
.extrabodyfont {
font: Arial;
font-size: 1.2em;
color: #800080;}
Jika kita ingin merubah tulisan kita agar pas dengan font diatas, maka kita hanya perlu untuk menambahkan kode berikut diawal sampai akhir tulisan yang ingin kita rubah font-nya
<span class=”extrabodyfont”>tulisan kita terletak disini</span>
dan… jikalau kita ingin merubah atau menambai variasi yang lain, jangan asal kopipaste CSS diatas menjadi yang kedua kalinya, karena jika sembarangan di-kopipaste nantinya blogger sendiri akan bingung dan tidak bisa menetapkan hasil. Caranya, kita bisa mengakali dengan memberikan nomor pada CSS kita, ini contoh pemberian nomornya:
.extrabodyfont1 {
font: Arial;
font-size: 1.2em;
color: #800080;}
dan ini cara penggunaan yang penulis maksud dengan adanya nomor:
<span class=”extrabodyfont”>tulisan kita terletak disini</span>
dengan begitu tidak akan ada lagi CSS yang double yang bisa membuat Blogger bingung. Untuk CSS selanjutnya, bisa diberi nomor 2,3,4,5 ataupun penggantian nama CSS sendiri. Masih bingung?
Comments
Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!