Menambahkan Gambar ke HTML

Gambar (image) HTML

Dengan gambar atau image akan membuat website lebih menarik dan enak di pandang, tapi perlu diperhatikan bahwa semakin banyak gambar di website kita maka semakin lama juga waktu yang dibutuhkan untuk mengakses website kita.

Format Gambar

Untuk format gambar ada 3 macam yang sering digunakan yaitu: GIF, JPG dan PNG. GIF dan PNG bisa digunakan untuk membuat gambar yang transparan serta biasa juga digunakan untuk gambar yang warnanya minim seperti untuk logo, banner, icon, dsb, Gif bisa membuat gambar animasi juga. Untuk menampilkan gambar yang berkualitas bagus dengan warna yang memadai digunakan format JPG.

Memasukkan gambar ke HTML

Untuk memasukkan gambar ke dalam dokumen HTML digunakan elemen img di ikuti dengan src (source) sebagai sumber atau lokasi dari gambar.

<img src="lokasi gambar" />

Ketika memasukkan gambar ke dalam dokumen HTML ada tiga atribut yang sangat penting harus selalu disertakan dengan elemen img yaitu alt, width dan height.

Alt (alternate) adalah sebagai teks alternatif yang ditampilkan oleh browser ketika gambar tidak dapat ditampilkan atau ditemukan sedangkan width dan height adalah ukuran lebar dan tinggi gambar dalam satuan pixel(px).

<img src="lokasi gambar" alt="teks alternatif" width="lebar" height="tinggi" />

Contoh:

<img src="http://htmlcssguides.com/images/gambar-avril.jpg" alt="Gambar Avril" width="100" height="100" />

Hasil:

Memposisikan Gambar

Untuk memposisikan gambar ke kiri dan ke kanan digunakan atribut style dengan properti float di ikuti dengan nilai (value) left (kiri) atau right (kanan).

Contoh membuat gambar disebelah kanan

<img src="http://htmlcssguides.com/images/gambar-avril.jpg" style="float:right;" alt="Gambar Avril" width="100" height="100" />

Hasil:

Membuat gambar di tengah dokumen

Untuk membuat gambar berada ditengah dokumen HTML kita harus memasukkan gambar tersebut di dalam blok elemen seperti p, div, table dsb. Kemudian kita masukkan atribut style dengan properti text-align kedalam elemen blok tersebut, dalam contoh kita akan menggunakan elemen div.

<div style="text-align:center;"><img src="http://htmlcssguides.com/images/gambar-avril.jpg" alt="Gambar Avril" width="100" height="100" /></div>

Hasil:

Membuat border gambar

Untuk membuat border pada gambar anda dapat menambahkan atribut style dengan properti border dengan nilai dalam px atau jika ingin menghilangkan border anda cukup menuliskan style="border:none"

Berikut adalah contoh gambar dengan border 4px warna hitam.

<img src="http://htmlcssguides.com/images/gambar-avril.jpg" style="border:4px solid #000" alt="Gambar Avril" width="100" height="100" />

Hasil:

Sumber : http://htmlcssguides.com/gambar-image-html

Read More

Auto Backlink - Menaikan Page Rank

Apa itu Backlink? yaitu banyaknya link yang mengarah ke suatu web atau blog sobat :D
Fungsinya? Makin banyak backlink maka Page Rank Sobat akan semain naik :D

1.AUTO BACKLINK INDONESIA 
Ini auto generator backlink bikinan anak KEDIRI..dan software ini menyediakan 104 
backlink.


2.AUTO BACKLINK BUILDER+PING
Disamping memberikan backlink ini generator juga melakukan ping pada backlink yang terbentuk dan itu agar kita cepat mendapatkan backlink.


3.AUTO BACKLINK GENERATOR+325 BACKLINK 
Kalau web yang ini mereka menyediakan sekitar 324 backlink,gunakan diwaktu kita santai saja..


4. AUTO BACKLINK 2534 
Kalau yang ini mereka menyediakan sekitar 2534 link,namun ini agak memakan cukup waktu sekitar 1 jam...soalnya 2534 link broe...Untuk website baru ,Batasi backlink anda hanya pada top 50. Jika website anda sudah berumur lebih dari 6 bulan, Baru boleh daftar ke 2534 backink.


5. AUTO BACKLINK MASTER DECK 342 
Nah yang ini mereka menyediakan 663 lebih link,kalau aku rasa cukup bagus juga koq ini generator.Pada page one anda akan mendapatkan 100 back link,sedangkan pada page two 100 dan seterusnyaa..


6. AUTO BACKLINK FIED 1600 
Generator ini mengkalim mereka memberikan 1600 back link..busyettt gede banget bohongnya ya..hahahayy..tapi coba aza dulu dech..


7. AUTO BACKLINK PROFITI+PING SERVICE 
Generator bikinan dari Profiti cukup bagus juga sihh malah ada service ping nya lagi.


8. AUTO BACKLINK NEGOTIATION 
Sedangkan yang ini web atau blog kita didaftarkannya ke semua layanan sosial macam facebook,digg,twitter dll,disamping backlink tentunyaa.


9. AUTO BACKLINK SOCIAL FOSTER 
Generator yang ini juga agak mirip dengan negotiation.


10. AUTO BACKLINK MARKOS VIVER+SUBMIT SITE 
Yang ini mereka mensubmit web atau blog kita dan akan mereka daftarkan dimesin percarian,disamping kita dapat backlink.


11. AUTO BACKLINK ANALYSIS WEB 
Kalau generator buatan woorank ini mereka menganalisyis blog maupun web kita,dan tentunya ada juga backlinknya.

Sumber 

Semoga bermanfaat
By: Moch Gian Destian ^_^   

Read More

Macam-macam kode HTML dasar

Berikut ini merupakan macam-macam script HTML yang sering digunakan untuk mempercantik tampilan pada web atau blog ketika menggunakan modus custom Html atau Custom Modul.
Cara penulisannya Kata atau kalimat diapit dengan tag-tag di bawah ini yang diakhiri dengan ditambah garis miring. Contoh : membuat teks berjalan = <marquee>KALIMAT BERJALAN</marquee> 

Kode	Keterangan / fungsi
<!– –>	Memberi komentar atau keterangan. Kalimat yang terletak pada tag   kontiner ini tidak akan terlihat pada browser
<a href>	Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name>	Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet>	Sebagai awal dari Java applets
<area>	Mendefinisikan daerah yang dapat diklik (link) pada image map
<b>	Membuat teks tebal
<basefont>	Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound>	Memberi (suara latar) background sound pada halaman web
<big>	Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>	Membuat teks berkedip
<body>	Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br>	Pindah baris
<caption>	Membuat caption pada tabel
<center>	Untuk perataan tengah terhadap teks atau gambar
<comment>	Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd>	Indents teks
<div>	Represents different sections of text.
<embed>	Menambahkan sound or file avi ke halaman web
<fn>	Seperti tag <a name>
<font>	Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form>	Mendefinisikan input form
<frame>	Mendefinisikan frame
<frameset>	Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> … <h6>	Ukuran font
<head>	Mendefinisikan head document.
<hr>	Membuat garis horizontal
<html>	Bararti dokumen html
<i>	Membuat teks miring
<img>	Image, imagemap atau an animation
<input>	Mendefinisikan input field pada form
<li>	Membuat bullet point atau baris baru pada list (berpasangan  dengan tag <dir>, <menu>, <ol> and <ul> )
<map>	Mendefinisikan client-side map
<marquee>	Membuat scrolling teks (teks berjalan)
<nobr>	Mencegah ganti baris pada teks atau images
<noframes>	Jika browser user tidak mendukung frame
<ol>	Mendefinisikan awal dan akhir list
<p>	Ganti paragraf
<pre>	Membuat teks dengan ukuran huruf yg sama
<script>	Mendefinisikan awal script
<table>	Membuat tabel
<td>	Kolom pada tabel
<title>	Mendefinisikan title
<tr>	Baris pada tabel
<u>	Membuat teks bergaris bawah

Read More

Trik Kodok Loncat Manual Full Speed Internet Download

Trik ini dulu pernah menjadi ancaman untuk beberapa ISP seperti Telkomsel, Axis, Indosat, XL dll. Dengan Trik ini kita bisa mendapatkan kecepatan donwload yang sangat maksimal, bahkan melebihi kecepatan yang sudah di tentukan dalam paket yang telah kita beli. Yah tetapi itu dulu, sekarang ini beberapa ISP sudah memperbaiki bug ini. Hanya beberapa saja yang masih dapat di kodokin. dan tetapi lagi hehe nama ISP tersebut tidak akan saya beritahukan dalam artikel ini, Jika anda beruntung menggunakan trik manual kodok loncat ini pada ISP yang masih belum memperbaiki bug kodok loncat maka keuntungan yang anda dapatkan di antaranya:

- Internet dengan kecepatan maksimal
- Kecepatan internet menembus batas kecepatan yang sudah di tentukan ISP dalam paket Internetnya
- Tidak akan Terganggu dengan Masalah Disconnect ( DC ) dll.

Kenapa di namakan Trik Kodok Loncat Manual ?
Sudah bukan rahasia lagi kalau tidak semua modem dapat di kodokin, nah bagi yang modemnya tidak bisa di kodokin maka cara Kodok Loncat Manual dapat menjadi solusi untuk bermain kodok hehe. Okeh langsung saja tanpa basa basi lagi, yuk di praktek'in:

1. Download mdma di sini
2. Hubungkan Modem dengan komputer/notebook anda, Lalu buka mdma

3. Ubah connection type di MDMA jadi 3G Prefered ==> Apply

4. Di tahap inilah yang paling penting, tutup modem anda dengan telapak tangan sampai signal rat berubah dari 3G menjadi Edge,,untuk memastikannya ketika modemnya sedang di tutup anda klik terus detect device, setelah berubah jadi Edge barulah anda klik tombol connect.

 5. Setelah itu tampilannya akan seperti ini

5. Lepaskan tangan yang td menutupi modem anda, dan biarkan dia mencari signal 3G secara manual, dan hasilnya sbb :

 Selesai

^^

Trik ini tidak dapat di gunakan jika Kuota paket internet anda telah habis kuota ( Densus )

Tidak dapat digunakan jika di daerah anda belum mendapatkan sinyal 3G.

Semoga bermanfaat
By: Moch Gian Destian ^_^   

Read More

Cara Mudah Menghapus Virus Shortcut dan Ramnit dari Komputer

Kalau sudah berbicar soal virus pasti bahasannya bisa sangat luas, tetapi yang saya bahas di sini adalah program kecil yang sangat ampuh untuk menangani dan menghapus virus shortcut 1,2,3,4 dan Ramnit atau virus recyle. Nama program tersebut adalah PC MAV Express : Special Cleaner for Ramnit. Jika saat ini atau nanti komputer anda terserang virus ramnit, jangan coba-coba untuk mengkoneksikan komputer ke internet, kalau sampai terjadi maka virus yang satu ini akan sangat cepat menyebar menginfeksi isi komputer anda.  Untuk virus shortcut mungkin tidak perlu lagi saya jelaskan panjang lebar karena saya yakin anda semua pasti sudah mengetahui ciri-ciri dari virus ini. Ya kan ? hehe ciri-ciri yang paling umum tentang virus ini adalah di komputer kita akan berisi banyak shortcut-shortcut yang tidak jelas, jika komputer anda berisi banyak shortcut padahal anda sendiri tidak membuatnya, kemungkinan besar itu adalah ulah dari virus bandel ini.

Screenshot

Donwload Killer Ramnit (427.45 Kb)




Semoga bermanfaat
By: Moch Gian Destian ^_^  

Read More

Bermain Game PS 1 Di PC Anda

Anda ingin bermain game PS 1 di PC? tapi pusing bagaimana caranya? mudah saya akan share software untuk bermain game PS 1 di C anda tinggal beli doang kaset PS 1 nya, lalu ikuti langkah-langkahnya:

1. Download dulu filenya.
2. Lalu Buka di winrar.
3. Instal softwarenya.
4. Masukan cd PS 1 pada pc anda.
5. Fun and enjoy.

Langsung aja bray download softwarenya:

Download Emulador de Playstation (1.41 Mb)

Password: mochgiandestian

Semoga bermanfaat
By: Moch Gian Destian ^_^  

Read More

Cara Cepat Belajar HTML

Anda tau kan HTML, pasti sebagian kecil tau HTML itu apa. HTML singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen. HTML ini digunakan dibeberapa tingkatan pendidikan dari mulai SMP, SMA, Perguruan Tinggi. Langsung aja bray tanpa basa-basi saya punya pembelajaran dasar dari HTML download aja bray file nya simple tapi bermangfaat :

Download Belajar HTML
Password: gyshare

Step by step:
1. Download filenya.
2. Buka filenya.
3. Lalu buka indexnya.

Semoga bermanfaat
By: Moch Gian Destian ^_^  

Read More

Cara Melacak Lokasi Suatu IP Address

Berikut ini adalah 2 tools online yang sering saya gunakan untuk melakukan tracert IP yang mencurigakan kepada blog saya
1.Klik disini
2.Klik disini
3.Klik disini

Disana teman – teman tinggal memasukan alamat IP Address yang teman – teman ingin trace atau lacak dimana lokasinya IP Address tersebut.Bagaimana ?? Mudah bukan ?? Teman – teman sekarang bisa tau darimana saja IP Address tersebut berasal.

Semoga bermanfaat
By: Moch Gian Destian ^_^  

Read More

Cara Login 2 Account Facebook Dengan 1 Browser ( Mozila )

Kali Ini Saya Akan Share Cara Login In 2 Akun Facebook Dengan 1 Browser [Mozilla] Tanpa Basa-Basi Mari kita ke Tkp .

1. Jalankan Mozila Firefox sobat.
2. Jalankan Run Windows sobat dengan menekan gambar windows + R pada keyboard sobat.
3. Copy dan pastekan Code berikut ini "firefox.exe -p -no-remote" Pada Run tanpa tanda petik ( " ).
4. Kemudian tekan enter atau ok.
5. Maka akan terbuka halaman baru untuk membuat profil. Disitu ada 3 pilihan.
6. Maka akan terbuka halaman baru untuk membuat profil. Disitu ada 3 pilihan.
7. Pada bagian Create profile, silahkan buat profil baru, berikan nama sesuai dengan keinginan sobat, misalnya Fb 1 kemudian klik start firefox.
8. Pada bagian Rename profil, Anda bisa merubah nama profil jika sobat sudah membuat sebelumnya.
9. Pada bagian Delete Profil, Anda bisa menghapus profil yang sobat telah buat sebelumnya.
10. Jika sobat ingin menambahkan lagi profil baru misalnya Fb 2 silahkan ulangi dari langkah awal.

Kalau sobat masing binggung Liat tutor dalam berbentuk Gambar ( screan shoot ):

Sekian Tips Cara Login 2 Account Facebook Dengan 1 Browser ( Mozila ) dari saya.

Semoga bermanfaat
By: Moch Gian Destian ^_^  

Read More