Rz
April 20, 2015

Merubah ukuran judul posting menjadi kecil

Merubah ukuran judul posting menjadi kecil
Yoi sobat blogger, Posting MAKNYUSblogger pada siang hari ini membahas tentang cara merubah ukuran judul posting menjadi kecil, perlu adanya penyesuaan antara template dan judul posting biar tambah ganteng tampilan template anda, maka dari itu mari kita simak tutorial cara merubah ukuran judul posting menjadi kecil sbb:

1.Cara menghilangkan tex shadow pada judul posts dan merubah ukuran menjadi tebal
Cari Kode berikut ini :
post-title { color : #999999; text-shadow : #cccccc 1px 1px 2px;
margin-top : 1px; margin-bottom : 1px;
padding : 0px;
border-top : 1px solid #99ccff;
border-bottom: 1px solid #99ccff;
text-align:left;}
Keterangan :
Pada class post-title  ada  color : #999999; text-shadow : #cccccc 1px 1px 2px; Atau cari yanng mirip ini kalau menggunakan template lain.
Kalu sudah ketemu hapus tenda  text-shadow : #cccccc 1px 1px 2px; Untuk menghilangkan text shdow 

Contohnya menjadi berikut ini
.post-title {
color : #999999;
margin-top : 1px; margin-bottom : 1px;
padding : 0px;
border-top : 1px solid #99ccff;
border-bottom: 1px solid #99ccff;
text-align:left;}
Dengan menghapus text Shadow Maka tidak akan muncul lagi shadow Pada Judul posts.
Sementara itu Untuk merubah ukuran Font/hurufnya kita sisipkan kode berikut ini :
font-size:12px;
font-weight:bold;
Keterangan :  font-size:12px; Untuk mengatur Ukutran/tingi text tinggal ganti ukuran px untuk memperkecil/memperbesar huruf.
Sementara  - font-weight:bold;
Untuk mengatur ketebalan huruf bisa di ubah sesuai kemauan 
font-weight:bold; tebal
font-weight:normal; standar
font-weight:small; kecil
font-weight:strong; tebal dan besar  
Tapi menurut saya gunakan saja yang bold dan atur pada font-size:12px;  Untuk memperbesar/mengecilkan font
Contohnya menjadi seperti ini :
post-title { font-size:12px;
font-weight:bold;

color : #999999;
margin-top : 1px; margin-bottom : 1px;
padding : 0px;
border-top : 1px solid #99ccff;
border-bottom: 1px solid #99ccff;
text-align:left;}
2. merubah warna text posting 
cari kode ccs ini : .post{
Jika sudah ketemu cari kode ini : color:#111; 
contoh : 
.post {
padding:1px;
font-size:11px; text-align:left;
color:#111;
border-bottom:1px solid #eee;
margin-bottom:-1px;}
Kalau sudah ketemu ganti kode warna untuk merubah warnanya misalkan color:#ff000; dst namun jika ingin mempertebal text sama saja caranya seperti di atas dengan menempatkan kode 
font-size:12px;
font-weight:bold;

Contoh :
.post {font-size:10px;
font-weight:bold;
padding:1px;
font-size:11px; text-align:left;
color:#111;
border-bottom:1px solid #eee;
margin-bottom:-1px;}  
Oky sekian dulu Postingan MAKNYUSblogger kali ini, disimak dicermati jika ada yang kurang paham silahkan beri komentar anda di bawah.
Anda baru saja membaca artikel tentang - Merubah ukuran judul posting menjadi kecil. Silahkan baca artikel berikutnya Tentang - Next - Jangan lupa g+1 / fb / twit :)

Artikel Terkait

Buka Komentar

Tidak ada komentar:

Posting Komentar