"Selamat Datang Di Blog Kejarannya Hidup"

" Selamat Datang Di Blog Kejarannya Hidup"
Blog ini saya buat untuk semua orang yang membutuhkan pengetahuan tentang berbagai hal,blog kejarannya hidup untuk semua agama,usia,suku,latar belakang, dan untuk umum.
Siapa saja boleh mengunjungi dan di mohon untuk meninggalkan komentar di blog kejarannya hidup,blog ini hanya untuk kebaikan saja,Semoga bermamfaat...kejarannya hidup..
Silahkan Pilih Background Warna Sesuai Keinginan Kamu :

Label kejarannya hidup

Rabu, 28 September 2011

Cara membuat background pada judul postingan blog

Buat teman-teman yang mempunyai blog dan di blognya pada bagian judul postingan ingin membuat background yang warnanya bebrbeda dengan background utama maka anda bisa mengubah sedikit script pada template anda. Menurut beberapa sumber yang pernah saya baca agar blog lebih seo friendly maka judul postingannya di buat lebih besar ukurannya dari ukuran teks isi postingan, dan lebih kecil dari ukuran teks dan deskripsi header. Selain itu membuat background pada judul postingan bisa memudahkan pengunjung melihat judulnya, dan katanya lebih memudahkan search engine mendeteksi keyword yang ada di judul tersebut.

Contoh judul postingan yang di-ubah background-nya bisa dilihat seperti gambar di bawah ini.




Untuk mengubah /membuat background judul postingan lakukan prosedur berikut:

1. Di dashboard pilih Rancangan , Edit HTML

Cari kode : post-title {



Di bagian bawah post-title { , masukkan kode

line-height: 2.1em;
border: 4px solid #000099;
background-color: #000099;

atau
line-height: 2.1em;
border: 4px solid yellow;
background-color: yellow;

catatan: #000099 adalah kode hexadesimal untuk warna biru (bisa gunakan warna lain)
Selain menggunakan kode warna hexadesimal anda juga bisa menggunakan warna seperti: yellow , red, pink, blue,green, black, dll.
Untuk warna lainnya bisa dilihat disini tabel warna

Tampilan scriptnya seperti di bawah ini

post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 2.1em;
border: 4px solid yellow;
background-color: yellow;

atau:

post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 2.1em;
border: 4px solid #000099;
background-color: #000099;


Contohnya bisa dilihat di blog ini atau di blog berikut : blog komputer

Beberapa postingan lain yang membahas tentang panduan membuat blog bisa dilihat disini cara membuat blog
kejarannya hidup

Tidak ada komentar:

Poskan Komentar