Categori
- Bisinis Online (10)
- Blogging (34)
- Facebookers (6)
- Gaming (3)
- Internet (1)
- Photoshop (4)
- SEO (4)
- Tajwid (1)
- Teknologi (1)
- Tips Blogger (43)
- Tips N Trick (4)
Rabu, 15 Juni 2011
20.07 |
Diposting oleh
Unknown |
Edit Entri
Cara untuk merubah ukuran gambar dan photo :
- Cari KODE width: ...px; dan height: ...px;
- Rubah nilainya menjadi lebih kecil ; misalnya 200px dan 150px menjadi 60px dan 40px.
- 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 :
- Perubahan untuk memperbesar gambar juga bisa dilakukan, akan tetapi kwalitas gambar menjadi rusak (gambar semakin kehilangan focus/pecah-pecah/tampak berkotak-kotak)
- Sedikit panduan ini akan sangat bermanfaat meskipun tampaknya sangat sederhana. Semoga banyak menolong bagi blogger-blogger yang masih belum begitu memahami kode html.
Label:
Tips Blogger
Langganan:
Posting Komentar (Atom)
0 komentar:
: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