Go Blog Go

Tabel Konversi Nilai

Assalamu'alaikum Wr.Wb.

Salam sejahtera selalu buat Mojang dan Bujang, langsung aja share posting Go Blog Go akan memuat tentang Tabel Konversi NilaiTabel Konversi. Agak susah juga cari judul-nya jadi suka-suka Saya aja hehehe .... gini maksud-nya, mungkin selama ini jarang para Blogger memberikan Tabel Konversi ini, kelihatan-nya sepele padahal berdampak sangat besar dalam dunia WebBlog. kalau kita menemukan Script CSS seperti ini :

Contoh - 1
h2 { margin:1.5em 0 .75em; font:$headerfont; line-height:1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; }
Contoh - 2
.post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; }
Dalam Script CSS Contoh 1 ditemukan : letter-spacing : .2em; dan line-height : 1.4em; atau pada contoh 2 ditemukan : font-size : 140%; nah kode em dan % inilah yang kunci utama ada-nya Tabel Konversi nilai ini, sekarang Saya mau tanya sama Mojang dan Bujang apa tau kalau di Konversikan berapa nilai .2em dan 1.4em atau nilai font 140 % dibuat menjadi Nilai Point,Pixel atau Persen dan juga semua kebalikan-nya ...... sebelum ada Tabel Konversi ini lho? Saya yakin tidak akan tau yang jelas hanya dikira-kira saja (feeling ... kali hehehe). Tapi sekarang Saya akan mempermudah-nya buat Mojang dan Bujang hanya tinggal melihat Tabel Konversi Nilai.

TABEL KONVERSI NILAI POINT-PIXEL-Em-PERCENT
PointPixelEmPercent
6pt8px0.5em50%
7pt9px0.55em55%
7.5pt10px0.625em62.5%
8pt11px0.7em70%
9pt12px0.75em75%
10pt13px0.8em80%
10.5pt14px0.875em87.5%
11pt15px0.95em95%
12pt16px1em100%
13pt17px1.05em105%
13.5pt18px1.125em112.5%
14pt19px1.2m120%
14.5pt20px1.25em125%
15pt21px1.3em130%
16pt22px1.4em140%
17pt23px1.45em145%
18pt24px1.5em150%
20pt26px1.6em160%
22pt29px1.8em180%
24pt32px2em200%
26pt35px2.2em220%
27pt36px2.25em225%
28pt37px2.3em230%
29pt38px2.35em235%
30pt40px2.45em245%
32pt42px2.55em255%
34pt45px2.75em275%
36pt48px3em300%

Semoga share posting ini akan membawa manfaat buat Mojang dan Bujang, khusus-nya dunia WebBlog. Kreatifitas selalu menanti didepan mata ...... !!! Go Blog Bo ....!!! Amiin

Wassalam,

0 comments:

Post a Comment

Catatan :
1.Untuk menyisipkan Kode, gunakan Tag <i rel="code">Kode Anda Di-Sini...</i>
2.Untuk menyisipkan Kode Panjang, gunakan Tag <i rel="pre">Kode Anda Di-Sini...</i>
3.Untuk menyisipkan Kode Gambar, gunakan Tag <i rel="image">URL Gambar Anda Di-Sini...</i>
4.Untuk menyisipkan Catatan, gunakan Tag <b rel="quote">Catatan Anda Di-Sini...</i>

NB: Sebelum menyisipkan Kode, konversi terlebih dulu Kode-nya agar bisa tampil di Kolom Komentar

 
Powered by : Blogger
Copyright © 2011. Go Blog Go - All Rights Reserved
Template Created by Go Blog Go Published by Wong Wayang