Dmaster-Sp(tm)
Energy Saving Mode Using CSS3

Move your mouse to go back to the page!
Gerakkan mouse anda dan silahkan nikmati kembali posting kami!

Copyright 2010 Dmaster-Sp(tm) - All rights reserved

Categori

Rabu, 15 Juni 2011
Cara untuk merubah ukuran gambar dan photo :
  1. Cari KODE width: ...px; dan height: ...px;
  2. Rubah nilainya menjadi lebih kecil ; misalnya 200px dan 150px menjadi 60px dan 40px.
  3. Perubahan nilai hendaknya tetap sesuai dengan perbandingan besaran asli sehingga bentuk gambar tidak menjadi berubah terlalu pendek atau terlalu tinggi. Contohnya orang cebol jadi jangkung! Terutama apabila perubahan ukuran dilakukan pada photo.(nanti kalau orangnya lihat bisa stress dan gantung diri).
Contoh KODE gambar dari blogger.com pada ruang posting :

Contoh Kode HTML gambar/image hasil upload di ruang posting Blogspot :
<a onblur="try  {parent.deselectBloggerImageGracefully();} catch(e) {}"  href="http://3.bp.blogspot.com/_550XeJhg_o8/SuO9VWsUPyI/AAAAAAAAABc/Pq26CXc5e9E/s1600-h/GR-Kolom-Reg_Gmail.jpg">
<img  style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width:  155px; height:320px;" src="http://3.bp.blogspot.com/_550XeJhg_o8/SuO9VWsUPyI/AAAAAAAAABc/Pq26CXc5e9E/s320/GR-Kolom-Reg_Gmail.jpg" 
border="0" alt="" id="BLOGGER_PHOTO_ID_5396364953086344994" /></a>
Kode HTML gambar hasil upload setelah dilakukan perubahan pada height dan width untuk merubah besaran gambar :

Gambar di bawah ini telah dirubah dari ukuran aslinya.
<a onblur="try  {parent.deselectBloggerImageGracefully();} catch(e) {}"  href="http://3.bp.blogspot.com/_550XeJhg_o8/SuO9VWsUPyI/AAAAAAAAABc/Pq26CXc5e9E/s1600-h/GR-Kolom-Reg_Gmail.jpg">
<img  style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width:39px; height:80px;" src="http://3.bp.blogspot.com/_550XeJhg_o8/SuO9VWsUPyI/AAAAAAAAABc/Pq26CXc5e9E/s320/GR-Kolom-Reg_Gmail.jpg" 
border="0" alt=""  id="BLOGGER_PHOTO_ID_5396364953086344994" /></a>
Catatan :
  1. Perubahan untuk memperbesar gambar juga bisa dilakukan, akan tetapi kwalitas gambar menjadi rusak (gambar semakin kehilangan focus/pecah-pecah/tampak berkotak-kotak)
  2. Sedikit panduan ini akan sangat bermanfaat meskipun tampaknya sangat sederhana. Semoga banyak menolong bagi blogger-blogger yang masih belum begitu memahami kode html.

0 komentar:

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58 :59 :60 :61
:62 :63

Posting Komentar

Site Map

free counters

Free SEO Tools

SEO Stats powered by MyPagerank.Net

Backlink

Sponsor

Adsense Indonesia