Award HTML5 Canvas 2011 dari Kang Hendro Blogger Admin

Assalamu'alaikum warrahmatullahi wabarrokatuh, sodaraku
Akhir tahun mendapatkan ewod indah dari Kang Hendro Prayitno, Juragan Blogger Admin.

Kang Hendro sebenarnya  ndak mengharuskan memposting karyanya, tapi saya merasa bahwa ada banyak hal yang telah saya dapatkan dari Beliau. Apalagi waktu saya menggunakan template blueceria, Kang Hendro dengan telaten memberikan masukan bagaimana mengatasi masalah terutama font di template blueceria. 

Di bawah ini adalah hasil dari otak-atik Kang Hendro pada HTML template Blueceria yang sengaja saya simpan di data kompi. Semoga sampean yang menggunakan template blueceria bisa memanfaatkannya,

Saya mau bantu, tapi setelah itu mohon di hapus komentar ini. Pakies bisa simpan di notepad saja.
Pertama permasalahannya pakies memakai dokumen strict, kemudian memakai variable untuk css. Sebenarnya CSS tidak layak di gunakan variable, cara benerinnya kalau saya seperti ini.

1. semua yang ada di variable di ganti saja menjadi default misal di body ada color:$textcolor; pakies cari di variablenya, saya sudah temukan bahwa color defaultnya #333.
Maka saya mengubahnya menjadi color:#333;

2. Kesalahan template ini yaitu font penempatan yang tidak jelas font:x-small Georgia Serif;
Seharusnya di memakai / kalau saya bisa rubah seperti ini. Silahkan pakies rubah semuannya. kode:
body {
background:#fff; margin:0; color:$textcolor; font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

MENJADI :

body {
background:#fff; margin:0; color:#333; font-size:1.1em; font-family:'Georgia';
text-align: center;line-height:20px;
}
a:link { color:$linkcolor; text-decoration:none;}
a:visited { color:$visitedlinkcolor; text-decoration:none;}
a:hover { color:#2255AA; text-decoration:underline;}
a img { border-width:0; }


Keterangan:
Saya benarkan sedikit, pakies bisa merubah color:$visitedlinkcolor; dan yang lainnya sesuai defaultnya, atau font familynya yang bagus menutrut selera pakies, kalau saya suka Arial.
Saya berikan line-height:20px; dan untuk besar font 1.1em saya berikan satuan em agar relatif mendukung desimal. Kalu mau di besarkan tinggal pakies gedein aja nilainya.

Okeh, semoga berguna pakies.


Maaf pakies ada yang dobel di hapus aja, karena dobel kode:
a:link { color:#002EB8; text-decoration:none;}
a:visited { color:#002EB8; text-decoration:none;}
a:hover { color:#2255AA; text-decoration:underline;}
a img { border-width:0; }

Waw, aku baru sadar kalu ini auto readmore  sepertinya harus di tambahkan font-size juga di
.post-body jadi gambarannya seperti ini:
.post-body {font-family:Georgia; margin:0 0 .75em; line-height:1.3em;font-size:1.1em;}

Kalu fontnya kebesaran di kecilin aja pakies. Dihapus lagi komennya soalnya OOT nih, heheh.

Terima Kasih Kang Hendro atas ketelatenannya dalam memperbaiki dan memberikan masukkan yang berkaitan dengan perbaikan HTML. Semoga pemikirannya menjadi ladang amal kebaikan yang tak terputus. Amin.

"Semoga kita selalu dimudahkan dalam segala urusan dunia maupun akherat "

wassalamu `alaikum warahmatullahi wabarakatuh.