LAMNO JAYA

Info, Tips, Trik, Kesehatan, Pengalaman, Forex, Tutorial, Berita, Update Blog

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 ahli HTML / CSS dapat dengan mudah mengubah font judul posting dari tab Edit HTML tapi itu tidak mudah bagi orang non-teknis. Dalam tutorial ini, saya akan memberitahu Anda bagaimana untuk sepenuhnya menyesuaikan judul huruf posting dengan pergi ke Desain -> Designer Template -> Advanced.

Catatan: Ini adalah tutorial usang untuk layout Blogger lama. Jika Anda menggunakan template baru seperti 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 kode 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; }

Blogspot Cara: Mengubah Post Title Font, Ukuran & Warna


Kode, Anda ditemukan di atas, bertanggung jawab untuk munculnya judul posting. Jika Anda tidak menggunakan Minima Blogger-Blogspot Template maka Anda mungkin tidak dapat menemukan kode ini jadi silakan memberikan komentar Anda dengan alamat blog dan saya akan mencoba untuk membantu. Jika Anda telah menemukan kode kemudian lanjutkan dengan tutorial.

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


Pada langkah ini, Anda harus mengganti kode default dengan kode 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 kode ini:

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

Copy dan paste kode berikut tepat di bawah kode 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 kode di atas, hasilnya akan terlihat seperti 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 dapat menyimpan template Anda. Sekarang, Anda dapat dengan mudah menyesuaikan font judul posting melalui Desain -> Template Designer -> Advanced tab.

Butuh Bantuan?

Jika Anda sudah masalah dalam tutorial ini merasa bebas untuk memberikan komentar, saya akan mencoba menjawab secepat mungkin:-)


Sumber www.betatemplates.com 
0 Komentar untuk "CARA MENGUBAH POST TITLE FONT, UKURAN & WARNA DI BLOGGER TEMPLATE DESIGNER"

 
Copyright © 2014 LAMNO JAYA - All Rights Reserved
Template By. Catatan Info