Mengubah Jenis Font Blogger Otomatis


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"

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 komentar:

Posting Komentar