George Brown's Google Sniper - Autopilot Affiliate Marketing Guide
Powered by MaxBlogPress 


 03 Des 2009 @ 9:01 AM 
 

Dasar-Dasar HTML Untuk Blogger Pemula | Memasang Images (Gambar)

 

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):

1. Dasar memasang images atau gambar
Sebelumnya tentu anda harus mengupload gambar anda baik di server hosting anda atau di server gratis seperti photobucket atau ziddu atau server yang lain..
Berikut adalah contoh gambar yang sudah saya upload di photobucket dan dasar pemanggilan gambar adalah sebagai berikut:

<img src=”http://nasima.sch.id/exxytec/wp-content/uploads/2009/11/dollar_gratis-300×38.jpg”>

Hasilnya adalah sebagai berikut:
dollar_gratis

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:

<a href=”http://anekalagu.com”><img src=” http://nasima.sch.id/exxytec/wp-content/uploads/2009/11/dollar_gratis-300×38.jpg” border=”0″></a>

Hasil dari kode html di atas adalah sebagai berikut:

dollar_gratis

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:

<img src=”http://nasima.sch.id/exxytec/wp-content/uploads/2009/11/dollar_gratis-300×38.jpg” style=”float: left; margin: 0px 5px 5px 0px;”>

dollar_gratisDan 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)

<div align=”center”><img src=”http://nasima.sch.id/exxytec/wp-content/uploads/2009/11/dollar_gratis-300×38.jpg”></div>

Anda tinggal mengganti link images atau gambar dimana anda upload sebelumnya..
Hasilnya adalah seperti dibawah ini:

dollar_gratis

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..


SAYA BISA ANDAPUN BISA

dollar_gratis

 

Anda Ingin Mengetahui Rahasianya?

Cara Cerdas Menjadi Affiliate Produk ClickBank

PANDUAN VIDEO TUTORIAL GRATIS UNTUK ANDA

Dapatkan Video Penting ini Sekarang juga, Saya kirim ke Email anda. Isi Form Dibawah segera hanya 50  pengunjung pertama .

Maaf Saya Benci Email Spam, Hanya bagi Anda yang SERIUS

Name:
Email:
 

INFO KUMPULAN TRIK DAN TIPS

Powered by Optin Form Adder
  • Share/Bookmark
Tags Tags:
Categories: Bisnis, Memasang Images, blog
Posted By: exxytec
Last Edit: 03 Des 2009 @ 09 10 AM

EmailPermalink
 

Responses to this post » (One Total)

 
  1. supremasi mengatakan:
    Mozilla Compatible Windows XP
    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/

Post a Comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 Comment Meta:
RSS Feed for comments
\/ More Options ...
Change Theme...
  • Users » 36
  • Posts/Pages » 198
  • Comments » 50
Change Theme...
  • VoidVoid « Default
  • LifeLife
  • EarthEarth
  • WindWind
  • WaterWater
  • FireFire
  • LightLight

IT dan Artikel



    No Child Pages.