Cara Mengubah Ukuran,Warna dan Bentuk Tulisan pada Blog

---

بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ

---

Mengubah Font adalah hal yang biasa tapi luar biasa kalo lo bro gak tau hehe, untuk mempercantik blog juga bisa dan juga dengan ukuran font yang kecil pun dapat membantu loading blog(menurut gua sih bro hehe). untuk itu gua bro posting cara berikut, tapi sebelumnya kode untuk masing2 template berbeda tapi mari bro untuk di coba tips berikut :

>>  Login ke Blog lo bro
>>  Rancangan
>>  Edit HTML 
>> Centanglah Expand Template Widget
>> Silahkan lo Cari bro kode /* Posts-----------------------------------------------*/ atau 
/* Posts atau * Posts atau .post-body{ atau .post-title{  (pakai CTRL+F lebih cepat bro)
    jika ketemu salah satu bro, fokuskanlah kepada kode .post-title{
    (lebih jelasnya coba lo tengok bro gambar di bawah)

>> Ganti kode sekitar  .post-title{ seperti gambar bro, kan ada font-size nya bro, pokonya 
      lo Edit aja bro sesuka hati lo bro ok . . . haha

Sumber : http://raxterbloom.blogspot.com/2012/09/cara-mengubah-ukuranwarna-dan-bentuk.html#ixzz27xKfv9wR

Cara Ubah Jenis dan Ukuran Font Di Postingan Blog




Cara Ubah Font Di Postingan Blog – Blog adalah media yang pas untuk menuangkan ide dan gagasan yang kita miliki selama ini. Blog menjadi pilihan tempat yang pas karena dengan media blog kita dapat mengekspresikan ide dan gagasan tersebut dalam bentuk tulisan yang kemudian dapat dilihat serta dibagi-bagikan kepada teman-teman kita lainnya. Tidak hanya itu, kita juga bisa mendapatkan komentar sebagai umpan balik dari teman dan pembaca yang perlu untuk kita tanggapi atas tulisan yang telah kita buat dan publikasikan.

Sebagian besar orang menggunakan blog sebagai media untuk menulis. Akan tetapi, kita juga dapat menggunakannnya untuk keperluan lainnya. Bagi kita yang terbiasa untuk menulis dan mempublikasikan tulisan tersebut di blog, kita tentu akan merasa senang jika tulisan tersebut juga mendapatkan respon yang baik dari para pembaca. Salah satu bentuk respon yang baik tersebut seperti bagusnya komentar yang masuk baik dari segi kualitas maupun kuantitasnya.

Adakah trik untuk mendapatkan semua itu? Tentu saja ada berbagai faktor yang perlu untuk kita pertimbangkan agar banyak pengunjung yang membaca tulisan kita hingga akhirnya membaca dan memberi komentar dengan baik. Salah satu faktor mendasar yang penting untuk kita perhatikan adalah jenis tulisan yang kita gunakan dalam postingan blog kita. Baca kembali artikel tentang memilih huruf yang pas dalam postingan blog dan baca artikel yang masuk dalam kategori tips menulis untuk meningkatkan kemampuan menulis kita.

Berkaitan dengan pemilihan huruf yang pas bagi postingan blog kita, bagaimana cara untuk mengubah ukuran dan jenis font dalam postingan blog kita? Berikut ini akan dijelaskan cara mengubah jenis font dan ukuran font di dalam postingan blog kita.

Pertama masuk ke dalam akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Contreng expand template widget.

Cari kode berikut.

.post-body{  atau  .post-body {

Untuk mengubah jenis font di postingan blog kita, masukan kode berikut di dalam kode di atas.

font-family:georgia

Untuk mengubah ukuran font di postingan blog kita, masukan kode berikut di dalam kode di atas.

font-size:15px;

Contoh kode untuk mengubah jenis dan ukuran font.

.post-body{font-family:georgia;font-size:15px;

Klik simpan template dan selesai.

Keterangan:

1. Ganti georgia dengan jenis font yang kita sukai.
2. Ganti 15px dengan ukuran font yang kita sukai.
3. Gunakan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan di dalam template blog.
4. Unduh dan simpan template blog kita terlebih dahulu sebagai langkah antisipasi jika kita mengalami kegagalan ketika proses editing berlangsung.

http://panduan-belajar-blog.blogspot.com/2012/01/cara-ubah-font-di-postingan-blog.html

Mengganti Font Pada Postingan

        Seperti yang kita ketahui, bahwasanya font pada postingan di blog jenisnya hanya sedikit. Mau tidak mau kita pun hanya bisa menggunakan font standar tersebut dan kesulitan untuk mengganti dengan font lain. Memang, cara yang paling mudah yaitu posting melalui Ms Word atau bisa juga dengan copy paste dari Software pengolah kata semacam Ms Word. Tapi untuk font-font tertentu, cara ini kadang tidak berfungsi, terutama jika di terapkan di blogspot. hal ini di tandai dengan munculnya pesan "HTML Anda tidak bisa diterima: Tag is not allowed: META".

         Disini saya akan memberikan tips cara mengganti font pada postingan di blog dengan cara yang cukup mudah dan sederhana. Berikut langkah-langkahnya:

1. Masuk ke Dashboard => Template =>Edit HTML

2. Sisipkan Kode berikut ini tepat di bawah kode <head> 

<link href='http://fonts.googleapis.com/css?family=Nama+Font' rel='stylesheet' type='text/css'>

3. Jika Fontnya lebih dari satu, kodenya seperti ini :

<link href='http://fonts.googleapis.com/css?family=Nama+Font|Nama+Font|Nama+Font' rel='stylesheet' type='text/css'>

Selanjutnya untuk mengganti font pada postingan, anda bisa memilih salah satu dari cara di bawah ini sesuai dengan kebutuhan anda.  Adapun cara-caranya adalah:
1. Mengganti Font Dalam Satu Postingan 

1. Masuk ke pos editor, pindah ke ke HTML Mode.
2. Pada baris  paling atas, sisipkan kode seperti ini:
   <div style="font-family:'Nama Font',Type;font-size:Ukuran Font">, lalu di akhir postingan di beri kode </div>
3. Ganti Tulisan yang di beri warna biru sesuai kebutuhan, contohnya seperti ini:
   <div style="font-family:'Droid Serif',Serif;font-size:15px">, lalu di akhir postingan di beri kode </div>

2. Mengganti Font Pada Satu atau Beberapa Kalimat Saja

1. Masuk ke pos editor, pindah ke ke HTML Mode.
2. Pilih kalimat yang akan di ganti hurufnya, lalu sisipkan kode ini:
   

   <span style="font-family:'Nama Font',Type;font-size:Ukuran Font">Letak Postingan Di Sini </span>

3.  Ganti Tulisan yang di beri warna biru sesuai kebutuhan, contohnya seperti ini:
   

   <span style="font-family:'Droid Serif',Serif;font-size:15px">Letak Postingan Di Sini </span>

Catatan:

1. Untuk Nama Font, anda bisa mencarinya di google web fonts
2. Untuk Ukuran Font, anda bisa menggunakan ukuran pixel (px) , ataupun persen (%).
3. Perhatikan kode di atas. bedakan penulisan kode Nama+Font dengan Nama Font. Sebagai contoh seperti ini:
   Nama+Font : Droid+Serif (memakai tanda plus(penggunaan untuk kode <head>))
   Nama Font : Droid Serif (memakai spasi (penggunaan untuk kode pada postingan))

Berikut ini contoh-contoh Font :

1.Princess Sofia

Contoh Hurufnya Seperti Ini

2.Ewert

Contoh Hurufnya Seperti Ini

3.Allura

Contoh Hurufnya Seperti Ini

4.Glegoo

Contoh Hurufnya Seperti Ini

 http://papawardi.blogspot.com/2012/02/mengganti-font-pada-postingan.html