Cara memberi background pada judul posting blog

Login ke blog dan pilih pengaturan template

Klik Edit HTML dan cari kode h3.post-title, h4 { atau h3.post-title saja, gunakan Ctrl f untuk memudahkan pencarian. kode lengkapnya seperti dibawah ini.
h3.post-title, h4 {

font: $(post.title.font);
color: $(post.title.text.color);
}


Jika sudah menemukan kode seperti diatas. Tambahkan kode ini dibawah nya.

background:#0a58a3;
border-bottom:4px solid #1780dd;
padding:6px 15px 4px;
Jadi kode lengkpnya seperti ini.
h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color);
background:#0a58a3;
border-bottom:4px solid #1780dd;
padding:6px 15px 4px;


Keterangan:
-background:#0a58a3; adalah warna background, ganti #0a58a3; dengan warna yang agan inginkan
-border-bottom:4px solid #1780dd; ini warna garis bawah
-padding:6px 15px 4px; ini fungsinya untuk meratakan atas bawah huruf judul posting.
 Silakan diubah sesuai dengan keinginan agan,
 untuk padding, Jika tidak salah, 6px itu untuk jarak huruf dengan batas posting atas, 15px untuk   kanan, 4px untuk kiri. Silakan coba diganti agar sesuai dengan posting agan.
Setelah selesai, klik save, dan selesai

Efek dari h3.post-title, h4 { itu akan mengganti warna background judul posting dan juga tulisan poskan komentar/tidak ada komentar di atas kotak komentar blog.

Satu lagi efek dari h3.post-title, h4 { tulisan yang berada ditengah posting ini, yang bergaris bawah adalah kalimat yang diubah formatnya menjadi heading saat menulis artikel ini, hasilnya menjadi seperti itu. Jika ingin mengganti background judul posting saja. Ikuti langkah-langkah dibawah ini.

Cari kode ]]></b:skin> dan pasang kode berikut di atas kode ]]></b:skin>

h3.post-title{
padding:4px 2px 2px;
border-bottom:1px dotted #28b;
}


Save Template, Selesai.
 Cukup mudah bukan?

No comments:

Post a Comment