✔ Cara Mengubah Post Title Font, Ukuran & Warna Di Blogger Template Designer

Default Blogger-Blogspot layout (seperti Minima) tidak memungkinkan Anda untuk mengubah atau menyesuaikan tampilan font judul posting melalui tab Fonts & Colors. Seorang hebat HTML / CSS sanggup dengan gampang mengubah font judul posting dari tab Edit HTML tapi itu tidak gampang bagi orang non-teknis. Dalam tutorial ini, aku akan memberitahu Anda bagaimana untuk sepenuhnya menyesuaikan judul karakter posting dengan pergi ke Desain -> Designer Template -> Advanced.

Catatan: Ini yakni tutorial lama untuk layout Blogger lama. Jika Anda memakai template gres ibarat mengagumkan Inc, Simple, Picture Window, Ethereal, Travel atau Watermark kemudian merujuk pada tutorial baru:  Cara Mengubah Post Title Color di Blogger Template Designer

1- Cari Kode CSS yang ada.

Dari Dashboard, pergi ke Desain kemudian tab Edit HTML.


Cari isyarat berikut:

.post h3 {
margin: 0 0 .25em;
padding: 0 0 4px;
font-size: 140%;
font-weight: normal;
line-height: 1.4em;
color: # 333333;
} .post h3 a, .post h3 a: visited, .post h3 {kuat display: block; text-decoration: none; color: # 000000; font-weight: normal; } .post h3 kuat, .post h3 a: hover { color: # 000000; }



Kode, Anda ditemukan di atas, bertanggung jawab untuk munculnya judul posting. Jika Anda tidak memakai Minima Blogger-Blogspot Template maka Anda mungkin tidak sanggup menemukan isyarat ini jadi silakan menunjukkan komentar Anda dengan alamat blog dan aku akan mencoba untuk membantu. Jika Anda telah menemukan isyarat kemudian lanjutkan dengan tutorial.

2- Pasang Kode CSS yang ada dengan New CSS Code.

Pada langkah ini, Anda harus mengganti isyarat default dengan isyarat berikut:

.post h3 {margin: 0 0 .25em; padding: 0 0 4px; Warna: $ titlecolor; Font: $ posttitlefont; }
.post h3 a, .post h3 a: visited, .post h3 {kuat text-decoration: none; Warna: $ titlecolor; }
.post h3 kuat, .post h3 a: hover {color: $ titlehovercolor; }

3- Sesuaikan Judul Font Post Design -> Template Designer -> Advanced Tab

Tinggal di tab Edit HTML. Gulir ke bawah sedikit dan Anda akan menemukan isyarat ini:

/ * Variabel definisi
====================

Copy dan paste isyarat berikut sempurna di bawah isyarat di atas:

<Variable name = "titlecolor" description = "Post Title Color"
type = "warna" default = "# C60" value = "# cc6600">
<Variable name = "titlehovercolor" description = "Post Title Hover Color"
type = " warna # C60 "value =" # cc6600 "= default" ">
<Variable name = "posttitlefont" description = "Post Title Font"
type = "font" default = "18px biasa normal 'Trebuchet MS', Trebuchet, Arial, Verdana , Sans-serif "value =" normal 18px normal 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif ">

Setelah menambahkan isyarat di atas, akibatnya akan terlihat ibarat ini:

/ * Definisi Variabel
====================
<Variable name = "titlecolor" description = "Post Title Color"
type = "warna" default = "# C60" value = "# cc6600">
<Variable name = "titlehovercolor" description = "Post Title Hover Color"
type = "warna" default = "# C60" value = "# cc6600">
<Variable name = "posttitlefont" description = "Post Judul Font "
type = "font" default = "18px biasa normal 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value = "normal 18px normal 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" >

Setelah itu, Anda hanya sanggup menyimpan template Anda. Sekarang, Anda sanggup dengan gampang menyesuaikan font judul posting melalui Desain -> Template Designer -> Advanced tab.

Butuh Bantuan?

Jika Anda sudah persoalan dalam tutorial ini merasa bebas untuk menunjukkan komentar, aku akan mencoba menjawab secepat mungkin:-)


Sumber www.betatemplates.com 

Sumber http://lamno-style.blogspot.com

Share this post