Selamat Datang di
Panduan Blog Tips dan Trik, membuat kode dan aplikasi kode, solusi optimalis blog
Kotak Status CongCot
Admin : Bang Jack or Jacky
Blogger From : Jawa Barat Indonesia
Status Now : Terjadwal

Selasa, 31 Agustus 2010

Rumus Yang Digunakan Untuk Mengubah Dari Pixel ke em dll.

congcot

Kadang satuan yang digunakan standar blogger ada yang memakai em bukan pixel. Contohnya 5em, .5em. Sedangkan kita sudah familiar dengan pixel. Nah, disini saya akan membahas tentang sebuah rumus untuk mengubah dari ps ke em. Rumus ini diambil dari o-om.com. Oke coba perhatikan dan silahkan gunakan jika diperlukan.

Rumus yang digunakan:
  1. PX to EM: text size in pixels / body text size in pixels = size in EMs
  2. Example: 12px / 16px = .75em
  3. PX to %: text size in pixels / body text size in pixels * 100 = size in %
  4. Example: 12px / 16px * 100 = 75%
  5. PX to PT: text size in pixels * points per inch / pixels per inch = size in pt
  6. Example: 16px * 72 (72 points = 1 inch) / 96 (96 pixels per inch in Windows, 72 in Mac) = 12pt
  7. EM to PX: text size in EMs * body text size in pixels = size in pixels
  8. Example: .75em * 16px = 12px
  9. EM to %: text size in EMs * 100 = size in %
  10. Example: .75em * 100 = 75%
  11. % to PX: text size in % * body text size in pixels / 100 = size in pixels
  12. Example: 75 * 16px / 100 = 12px
  13. % to EM: text size in % / 100 = size in EMs
  14. Example: 75 / 100 = .75em
  15. PT to PX: text size in pt * pixels per inch / points per inch = text size in pixels
  16. Example: 12pt * 96ppi / 72ppi = 16px
Sekian dulu ya... :)

Intinya...
Jangan takut untuk belajar, teruslah berkarya.
Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.

8 komentar:

Jacky mengatakan...

owh gitu ya
makasich infonya

Siswa TKJ mengatakan...

informasinya sangat membantu sobat, khususnya untuk yang suka mengedit css template...

gimana kabarnya sob?
semoga baik.. ^_^

Ka Damar mengatakan...

emang bikin pusing kalo mau ganti px ke e.m . . .

teknik SEO blogspot mengatakan...

wah.. ada yg baru neh..!!!
Info yang bagus sobat, saya banyak belajar dari blog ini.

jika berkenan, saya ingin bertukaran link dengan blog sobat ini. link sobat sudah saya pasang kok di blog aku.. Silakan dicek kembali! :)

Thx sebelumnya ya...

Elvindinata mengatakan...

waduh,,,bermanffat banget nih,,,baru tau ada yg kek beginian,,hehe,,,(*maklum*),,,oh ya salam kenal yah,,,^^

febriyanto mengatakan...

baru tau saya gan... apakah ada bedanya dari segi valid xhtml dsb?

CongCot mengatakan...

Klo itu saya kurang tahu, karena blogger sendiri gk valid
hehehe

Sedot WC Jakarta mengatakan...

cukup sulit juga untuk dimengerti..

Bagaimana menurut Anda?