Berbagi-Kreativitas.blogspot.com - بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِي Salam Blogger! Pada kesempatan kali ini Saya ingin share seputar artikel Desain Blog untuk cara Mengubah Jenis Font Blogger Otomatis, Header, Postingan, Sidebar, Widget dan lain-lain. Postingan ini terbilang masih basic namun memiliki peran penting untuk desain atau tampilan blog yang dibangun terlihat lebih rapih dan konsisten dilihat dari jenis huruf yang digunakan.
Mengubah Jenis Font Blogger Otomatis
Banyak cara untuk merubah jenis font blogspot, baik untuk blogger ataupun web yang mana masing-masing memiliki proses kerja dan implementasi berbeda. Kali ini Saya ingin coba paparkan cara otomatis perubahan jenis font melalui Kode CSS yang terpasang di web blog Anda.
Mengubah Jenis Font Header Blogger
Jika Anda paham sedikit banyaknya tentang pengkodean bahasa pemrograman web salah satunya yaitu CSS Saya yakin ini bukan masalah untuk Anda, karena caranya sangat mudah.
Alangkah baiknya Backup template Anda terlebih dahulu menghindari hal yang tidak diinginkan, Masuk pengaturan Edit HTML -> Centang "Expand Template Widget" -> Tekan Ctrl+F untuk mencari kode #header kode lengkap header biasanya seperti dibawah.
#header{color:#444;font-size:30px;font-family:Packard Antique;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px} atau
#header h1{color:#444;font-size:30px;font-family:Packard Antique;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}
Mengubah Jenis Font Postingan Blogger
Selanjutnya mengubah jenis huruf pada postingan blogger, tekan Ctrl+F mencari kode .post-body lalu tambahkan kode jenis font yang diinginkan, lengkapnya seperti dibawah.
.post-body{line-height:1.6em;margin:0;text-align: justify;} menjadi
.post-body{font-size:15px;font-family:Packard Antique; line-height:1.6em;margin:0;text-align: justify;}
Mengubah Jenis Font Sidebar Blogger
Sama halnya dengan sidebar kita hanya ditugaskan untuk menambah atau mengganti jenis huruf, ditambah jika belum ada dan dirubah jika sudah ada tapi tidak sesuai dengan jenis huruf yang diinginkan. Tekan Ctrl+F cari kode .sidebar
.sidebar {color: #666;line-height: 1.5em;} tambah kode menjadi
.sidebar {font-size:15px;font-family:Packard Antique; color: #666;line-height: 1.5em;} atau
.sidebar h2, .rsidebar h2, .lsidebar h2 {background: #0101DF;color: #d3d3d3;font-size: 11px;font-family: Packard Antique;font-weight: bold;text-transform: uppercase;margin: 0 0 10px;padding: 3px 0 3px 7px;border: 1px solid #CCC;}
Mengubah Jenis Font Widget Blogger
Jenis ini hampir serupa dengan sidebar, hanya saja akan berbeda ketika Anda menambahkan kode widget dibawah postingan atau footer blog seperti Cara menambah elemen halaman 2-3 di footer pada blog
Rubah jenis font dengan nama variable widget yang digunakan pada template blog Anda. Kalo template ini menggunakan variable sesuai dengan nama penambahan elemen halaman footer diatas. Caranya sama seperti langkah-langkah diatas tinggal tambahkan atau merubah saja kode font yang dibutuhkan.
Cacatan
Biasanya setiap template mengalamai perubahan kode, jika template sudah banyak dimodif dan bukan template bawaan blogger, tidak usah khawatir Anda hanya diharuskan fokus pada varibale jenis font yang ingin dirubah dan perhatikan jenis font bergaris bawah diatas tambah atau rubah jenis font tersebut sesuai keinginan Anda lihat jenis font Google Web Font.
sumber"http://berbagi-kreativitas.blogspot.com/2012/05/mengubah-jenis-font-blogger-otomatis.html"
0 komentar:
Posting Komentar