



» Title: Dasar-Dasar HTML Untuk Blogger Pemula | Memasang Images (Gambar)
» Posted: Desember 3rd, 2009
» Author: exxytec
» Filed Under: Bisnis, Memasang Images, blog.
» There is one response.
» Read comments, respond or follow responses via RSS.




![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
![]() | |||||||||
| By N2H | |||||||||










The opinions expressed herein are my own personal opinions and do not represent anyone else's view in any way, including those of my employer.
© Copyright 2010





Ini berkaitan dengan pembahasan sebelumnya tentang Dasar-Dasar HTML Untuk Blogger Pemula , dan kali ini akan saya akan belajar mengenai bagaimana memasang dan mengoptimalkan gambar untuk menemani artikel anda. Menurut pendapat ahli SEO, gambar atau images juga bisa memberikan poin pada peningkatan SERP suatu posting atau artikel. Oleh karena itu, mari kita coba untuk belajar bagaimana mengoptimalkan image atau gambar dalam artikel kita.
Langsung saja, berikut dasar-dasar html , yaitu memasang images (gambar):
Hasilnya adalah sebagai berikut:
![]()
Anda tinggal mengganti kode URL dengan kode url image anda.
2. Memasang gambar (images) yang dapat diklik (link)
Anda tinggal mengganti URL blog anda atau artikel anda dan link image dimana anda upload gambar tersebut:
Hasil dari kode html di atas adalah sebagai berikut:
3. Menyatukan Text dengan images (gambar)
Untuk memberi kesan menyatu dengan text agar lebih rapi dan bagus, maka anda perlu menyatukan gambar dengan text, baik diletakkan sebelah kanan atau kiri text, yaitu sebagai berikut:
Dan anda dapat melihat hasilnya sekarang bahwa image berada di samping kiri text. Sekarang perhatikan tulisan margin: 0px 5px 5px 0px; 0px pertama=margin top (batas atas), 5px=margin kanan, 5px=margin bawah dan 0px terakhir= margin kiri. Ingat untuk mengupload gambar yang sesuai saja, jangan terlalu besar biar singkron.
4. Memasang image/gambar di tengah (center)
Anda tinggal mengganti link images atau gambar dimana anda upload sebelumnya..
Hasilnya adalah seperti dibawah ini:
Ok untuk sementara itu dulu yang dapat saya sampaikan semoga bermanfaat bagi anda yang memulai belajar dasar-dasar html terutama memaksimalkan gambar atau image agar terlihat rapi dan dapat juga untuk link ke blog atau produk anda..

Tags: Memasang Images blog
More Options ...
Categories
Tag Cloud
Blog RSS
Comments RSS


Void « Default
Life
Earth
Wind
Water
Fire
Light 
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.5) Gecko/20091102
sharing aja, aku baru dapet blog wp gratis yg lumayan ok
nilai plus:
- bisa javascript, jadi kita bisa pasang iklan disana spt adsense, kumpulblogger dll
- space 1Gb
- ada community-nya, kayaknya namanya buddypress
- ada plugin feedwordpress, mantap ini, tapi kayaknya kalo mau pake harus bayar, jadi member yg gratisan gak bisa pake plugin ini. aku bisa pake setelah ngerayu-ngrayu adminnya (temen sendiri) he..he..he…
minus:
- sedikit template dan pluginnya nya.
- ada iklannya dibawah/diatas blog kita
kayaknya masih baru, dan dibuat oleh personal bukan perusahaan, aku aja taunya diberitau temen.
alamatnya : http://1dunia.com/