Jumat, 24 Februari 2012

Memasang Animasi Meteor Jatuh Pada Blog

Memasang Animasi Meteor Jatuh Pada Blog




Setelah anda mengetahui cara membuat efek Kembang Api pada Blog dan beberapa waktu yang lalu kami juga pernah Share cara memasang 15 Animasi super keren dan membuat Spoiler pada blog maka kali ini kami akan menunjukkan pada anda cara memasang Animasi Meteor Jatuh.

Haaahhhh…Meteor??? Yaahh benar sekali, anda dapat mempercantik tampilan blog anda dengan memasang animasi Meteor Jatuh. Dengan adanya efek ini, diharapkan tampilan blog anda kelihatan lebih canggih dan menarik. Berikut ini cara membuatnya :
  • Silakan anda Login terlebih dahulu ke dalam Blogger
  • Kemudian klik menu Rancangan -> Add Widget (HTML/JavaScript)
  • Kemudian masukkan kode dibawah ini


  • Jika sudah, silakan Simpan dan lihatlah hasilnya.
Saat efek Meteor ini berjalan di blog anda, akan terdapat menu Close yang muncul di bagian sebelah kanan bawah. Itu artinya, anda dapat menutup atau mematikan efek Meteor ini jika sudah tidak diinginkan.



Untuk melihat Demo-nya silakan klik link berikut ini

Lihat Demo-nya Disini





Semoga Bermanfaat,


Tetap Semangat!!

Membuat Tab Menu Blog Tanpa Edit HTML Template

Membuat Tab Menu Blog Tanpa Edit HTML Template

Saya sempat bingung waktu lihat tutorial cara membuat tab menu dengan cara edit HTML template, saya diminta mencari kode <div id='content-wrapper'> tapi tidak ada di template saya.

cara membuat tab sederhana menggunakan kode HTML
sumber foto: royan-trick.blogspot.com

Akhirnya saya memutuskan untuk langsung membuat tab menu dengan cara menambah widget di sidebar, berikut kode yang saya gunakan:

 
<ul class='glossymenu'> <li class='current'><a href='URL-Blog-Kamu'>Home</a></li>
<li><a href='URL-Link-Tujuan1'>JUDUL 1</a></li>
<li><a href='URL-Link-Tujuan2'>JUDUL 2</a></li>
<li><a href='URL-Link-Tujuan3'>JUDUL 3</a></li>
<li><a href='URL-Link-Tujuan4'>JUDUL 4</a></li>
<li><a href='URL-Link-Tujuan5'>JUDUL 5</a></li>
<li><a href='URL-Link-Tujuan6'>JUDUL 6</a></li>
<li><a href='URL-Link-Tujuan7'>JUDUL 7</a></li>
</ul> 


Bagi yang mau memasang widget ini, silahkan pilih rancangan > tambahkan widget > java script/HTML > masukkan kode diatas, kemudian rubah  teks berwarna biru dengan url / alamat blog yang diinginkan, dan ganti juga teks berwarna merah dengan judul url yang dinginkan.
Selamat mencoba semoga berhasil...

Cara Membuat Domain Blogspot menjadi CO.CC Komplit

Cara Membuat Domain Blogspot menjadi CO.CC Komplit

Cara Membuat Domain Blogspot menjadi CO.CC Komplit - Cara Membuat Domain Blogspot menjadi CO.CC Komplit. Kali ini kita akan membahas mengenai alamat /URL Blog. Banyak Sobat yang ingin merubah domain blognya dari ....blogspot.com ke ...co.cc namun banyak yang masih bingung. Nah, kali ini mari kita bahas bersama secara komplit.


Yang belum punya akun Co.CC silahkan daftar dulu. Caranya mudah sekali, masukkan nama blog sesuai keinginan Sobat sendiri pada form paling bawah post ini,
Jika Sudah, pastikan Sobat telah mendapatkan domain blog Sobat dengan nama yang Sobat tentukan sendiri di atas. lalu, ikuti tutorial berikut ini,
  • Setelah berhasil, pilih tombol "Set Up" 
  • Lalu pilih "Zone Record"
  • Lalu, isikan form-form berikut,
          • Pada host, isikan "www.namadomainSobat.co.cc"
          • TTL isikan 1D
          • Type isikan CNAME
          • Value isikan ghs.google.com
  • Pada tahap ini Sobat telah menyelesaikannya. 
  • Tahap selanjutnya adalah menyetting domain baru Sobat agar redirect ke alamat blog Sobat yang baru. Buka akun blogger >> Setting >> Publishing
  • Lalu klik pada "custom domain"
  • Lalu, klik pada "Switch to Advanced Setting"
  • Pada kotak isian your domain, isikan alamat blog Sobat yang baru dari co.cc tadi
  • Lalu di bawahnya centang "no" dan isikan verifikasi kata, dan save setting
  • Lakukan sekali lagi, isikan nama blog Sobat yang baru dari co.cc tadi dan centang di bawahnya
  • Save Setting, dan berhasil.
NOTE : Proses redirect tidak bisa langsung berhasil, proses sampai 48 jam. 
Jadi jika Sobat membuka blog Sobat dengan alamat baru dari co.cc maka tidak langsung bisa
NAH, SEKARANG BUAT DOMAIN CO.CC mu Sendiri
Jangan lupa setelah mendaftar di co.cc mendaftar juga di sini

SEMOGA BERMANFAAT

Elemen dari Zodiak

Elemen dari Zodiak

Kali ini mari kita khususkan untuk membahas mengenai elemen zodiak. Apa elemen zodiak kamu? silahkan cek dalam artikel berikut ini:

Elemen Api

Mereka yang memiliki elemen ini adalah manusia yang penuh semangat, penuh inspirasi, seru, aktif dan memiliki intuisi yang sangat tajam.

Zodiak yang terkait dengan elemen api ini adalah Aries, Leo dan Sagitarius

Elemen Udara

Udara menunjukkan bahwa mereka yang berada dalam elemen ini memiliki pikiran, intelegensi dan ide yang kuat, kamu adalah orang yang memiliki konsep yang jelas dan mampu bersosialisasi dengan baik.

Zodiak yang berada dalam lingkup elemen ini adalah: Libra, Gemini dan Aquarius

Elemen Air

Orang-orang yang memiliki kecenderungan berat berada dalam elemen ini adalah mereka yang biasanya memiliki sisi emosi dan imaginasi yang kuat. Orang air adalah orang tertutup, tapi mereka cenderung menjadi orang yang sangat sayang terhadap milik mereka.

Zodiak dengan elemen air adalah: Cancer, Scorpio and Pisces

Elemen Tanah


Elemen dari Zodiak Mereka yang terpengaruh kuat oleh elemen tanah ini biasanya merupakan orang dengan fisik yang kuat, orang-orang yang praktis dan rendah hati, dengan sensualitas yang menggoda.

Zodiak yang berada di dalam elemen tanah ini adalah: Capricorn, Taurus dan Virgo

Sudah tahukan elemen apakah yang mendasari zodiak kamu atau si dia? Jangan lupa bagikan artikel ini kepada sahabat-sahabat kamu.




Elemen dari Zodiak
Sumber: http://gen22.blogspot.com
Read More......

Arti dari lambang Zodiak

Lambang zodiak atau simbol zodiak merupakan salah satu unsur yang menentukan bagaimana karakter zodiak tersebut. Ini saya singgung kemarin dalam artikel unsur atau elemen zodiak. Lambang setiap zodiak berbeda-beda, dan itu bukan suatu kebetulan. Tidak dibuat asal-asalan. Tapi ada makna dan arti tersendiri dari dua belas lambang zodiak tersebut. Di artikel ini, kita akan mengupas tuntas misteri di balik lambang zodiak tersebut. Penasaran, langsung dicekidot sesuai dengan zodiak masing-masing..!

Zodiak Aries: simbol zodiak pertama

Elemen: api
Planet: Mars
Batu: amthyst, berlian
Mineral: metal
Warna: merah

Karakteristik: aktif, inisiatif, suka memimpin, mandiri, agresif, tidak sabaran, energik, pemula, asertif dan terkadang naif.

Simbol di balik Aries: Domba jantan

Domba jantan bertanduk adalah simbol yang mewakili Aries. Simbol tersebut mengandung artian, kesuburan, agresif dan serangan, serta keberanian. Tanduk yang ada di kepala domba mewakili ambisi Aries untuk memimpin. Untuk itulah mereka terkadang keras dan tak suka dibantah.

Zodiak Taurus: simbol zodiak ke dua


Elemen: tanah
Planet: Venus
Batu: Emerald
Mineral: tembaga
Warna: hijau
Karakteristik: gigih, keras kepala, posesif, dermawan, sensual, manja, patuh


Simbol di balik Taurus: Sapi bertanduk/ banteng

Simbol sapi bertanduk ini mewakili kekuatan, kekerasan hati, kejantanan dan kekuasaan. Pada umumnya mereka hidup sendiri, namun terkadang berkelompok. Mereka adalah sosok yang cinta damai, namun bisa seketika marah jika ada yang memancing emosinya.

Zodiak Gemini: simbol zodiak ke tiga

Elemen: udara
Planet: Merkuri
Batu: Agate (akik)
Mineral: air raksa
Warna: kuning

Karakteristik: banyak bicara, mudah beradaptasi, fleksibel, mudah berubah, bertanggung jawab, mudah bersosialisasi, hanya memandang sesuatu dari luarnya saja


Simbol di balik Gemini: anak kembar

Simbol anak kembar dikenal sejak dahulu kala, menunjukkan adanya dua sisi dalam satu tubuh yang sama. Di mana juga melambangkan sebuah perubahan yang bisa terjadi dalam waktu yang sangat cepat, sebuah komunikasi, transaksi dan ide baru.

Transisi tercipta di dalam simbol kembar ini, dengan demikian si empunya zodiak sangat mudah berubah dan beradaptasi terhadap hal atau sesuatu yang baru.[break]

Zodiak Cancer: simbol zodiak ke empat


Elemen: air
Planet: Bulan
Batu: mutiara, opal
Mineral: perak
Warna: putih, kuning
Karakteristik: lembut, kolot, perasa, tertutup, keibuan, suka merenung

Simbol di balik Cancer: Kepiting

Kepiting adalah binatang yang berjalan miring, demikian simbol ini melambangkan zodiak Cancer yang memiliki kecenderungan sikap yang sangat berbeda dan unik. Mereka selalu menyelesaikan masalah dengan caranya sendiri. Tergolong orang-orang yang melindungi diri sendiri, egois, sensitif dan tertutup. Mereka tak begitu suka akan perubahan, dan merasa nyaman dengan lingkungan yang sudah ada sejak lama.

Zodiak Leo: simbol zodiak ke lima


Elemen: api
Planet: Matahari
Batu: ruby
Mineral: emas
Warna: oranye, emas
Karakteristik: murah hati, suka menolong, perhatian, aktif, hangat, terbuka dan suka memerintah


Simbol di balik Leo: Singa

Singa disebut-sebut sebagai raja hutan yang ditakdirkan menjadi pemimpin, demikian pula disimbolkan, karakter mereka yang bernaung di bawah zodiak Leo suka memerintah dan tak suka dikalahkan. Keberanian menjadi salah satu karakter dirinya, kekuatan dan kekuasaan selalu ada di dalam benak Leo.

Zodiak Virgo: simbol zodiak ke enam


Elemen: tanah
Planet: Merkurius
Batu: safir
Mineral: air raksa
Warna: biru
Karakteristik: analitik, cerdas, kritis, suka menolong, teliti, pendiam

Simbol di balik Virgo: Wanita

Virgo dilambangkan oleh wanita perawan, di mana karakteristik dasarnya adalah sosok pemalu, lembut, bijaksana, dan alami. Mereka memiliki kecenderungan lebih suka hidup sendiri.[break]

Zodiak Libra: simbol zodiak ke tujuh


Elemen: udara
Planet: Venus
Batu: berlian
Mineral: tembaga
Warna: Hijau
Karakteristik: memiliki jiwa sosial yang tinggi, baik hati, mudah bergaul dan disukai, artistik, berwibawa, diplomatik

Simbol di balik Libra: Timbangan

Timbangan, alat yang digunakan untuk mengukur berat suatu benda. Dipercaya bahwa simbol ini merupakan lambang dari keseimbangan, keharmonisan dan keadilan. Mereka adalah sosok yang cinta damai dan hidup dalam lingkungan yang stabil.

Zodiak Scorpio: simbol zodiak ke delapan


Elemen: Air
Planet: Mars
Batu: topaz, opal
Mineral: besi
Warna: ungu
Karakteristik: penuh gairah, posesif, fokus, sangat menggebu-gebu, memiliki rasa ingin tahu yang besar

Simbol di balik Scorpio: Kalajengking

Scorpio adalah binatang yang mematikan dan memiliki senjata di ekor dan di kedua tangannya. Mereka adalah sosok yang penuh emosi dan pendendam. Mereka juga sosok yang berani dan penuh kekuasaan.

Zodiak Sagittarius: simbol zodiak ke sembilan

Elemen: api
Planet: Jupiter
Batu: topaz
Mineral: timah
Warna: Hijau Turquoise

Karakteristik: optimis, antusias, jujur, pendiam, mandiri, bertanggungjawab, blak-blakan, petualang sejati

Simbol di balik Sagittarius: Archer/ pemanah

Archer yang ada di dalam simbol Sagittarius ini adalah sosok Centaur, makhluk kuno setengah manusia dan berbadan kuda. Menunjukkan bahwa mereka adalah makhluk emosional yang penuh gairah, berani, bijaksana, dan selalu bergerak maju.[break]

Zodiak Capricorn: simbol zodiak ke sepuluh

Elemen: Tanah
Planet: Saturnus
Batu: onyx, amber
Mineral: Timah
Warna: Cokelat
Karakteristik: kolot, bijaksana, berambisi, konstan, disiplin, berhati-hati


Simbol di balik Capricorn: kambing jantan

Simbol kambing jantan ini melambangkan keras kepala yang luar biasa, mereka cenderung egois dan nyaman hidup sendiri. Mereka adalah sosok yang tertutup dan jarang berbagi perasaan dengan orang lain. Mereka memiliki gairah dan ambisi untuk selalu mencapai posisi puncak dan mendapat yang terbaik.

Zodiak Aquarius: simbol zodiak ke sebelas

Elemen: udara
Planet: Uranus
Batu: Amethyst
Mineral: Uranium
Warna: Biru Langit
Karakteristik: mandiri, opini keras, idealis, pendiam, ramah, cerdas

Simbol di balik Aquarius: pembawa air

Simbol pembawa air adalah sosok yang sangat alami dan sangat spiritualis. Mereka adalah sosok dewasa yang cinta damai. Orientasi mereka adalah kemajuan dan perkembangan, untuk itu mereka adalah orang-orang yang gemar belajar dan sangat cerdas.

Zodiak Pisces: simbol zodiak ke duabelas

Elemen: air
Planet: Neptunus
Batu: Giok/ koral
Mineral: timah
Warna: Biru laut

Karakteristik: memiliki intuisi yang tajam, simpatik, sensitif, lembut, mudah dipengaruhi

Simbol di balik Pisces: ikan

Pisces disimbolkan oleh dua ikan yang berenang berlainan arah. Simbol tersebut melambangkan karakter Pisces yang selalu bimbang dan tak mudah mengambil suatu keputusan. Namun mereka adalah orang yang sangat terbuka dan mudah menerima masukan atau kritik dari luar.

Nah, itulah arti di balik lambang setiap zodiak.

Arti dari lambang Zodiak
Sumber: http://gen22.blogspot.com/2010/11/arti-12-lambang-zodiak.html
Read More......

Kamis, 23 Februari 2012

Cara Merubah Template Blog

Cara Merubah Template Blog
By : Bahrul Ulum

Bosan dengan tampilan blog anda ? silahkan ganti tampilan nya dengan template yang dapat anda cari secara gratis di banyak situs penyedia template gratis.


Update 03 Februari 2012:
Silahkan ikuti dulu langkah yang ada dihalaman ini, jika masih gagal cobalah lihat pada postingan lanjutan merubah template disini : Mengganti Template blogspot Lanjutan . Disana saya posting dengan gambar yang lebih detail..
semoga bermanfaat

Untuk merubah template sbb :
  • Cari Situs Penyedia Template Gratis
  • Untuk informasi template gratis bisa lihat di blog saya yang lain di http://panduanbisnis1.blogspot.com/2009/02/template-gratis.html atau anda bisa langsung kesini : http://btemplates.com/ atau disini http://freetemplates.blogspot.com/
  • Di situs penyedia template pilih template yang anda sukai .
  • Lalu klik 'download'.
  • Simpan hasil download dihardisk anda,.
  • Setelah di download Klik kanan ikon hasil download itu ,
  • lalu klik " extrak here"
Cara Merubah Template Blogspot
Catatan : Pastikan terlebih dulu bahwa anda telah mengetahui template lama anda memakai yg mana, apakah dengan classic(HTML) template, atau New (XML) template
Ciri2 nya bisa dilihat di dalam halaman editor HTMl sbb :
Untuk yg classic(HTML) , cirinya di paling atas..diawali dengan <! DOCTYPE html...dst..dst.., seperti tampak dalam gambar sbb :
Tips Cara Merubah Template BlogspotDan untuk yang New (XML) template cirinya di paling atas..diawali dengan <!?xml version="1.0.....dst..dst.., seperti tampak dalam gambar sbb :
Tutorial Cara Merubah Template Blogspot

Ciri lain perbedaan template antara yg classic dan New, bisa kita lihat saat kita berada di halaman awal dashbor blogspot, dimana jka kita mempunyai banyak blog dalam satu akun, maka disitu akan terlisting deretan blog milik kita, yaitu sbb :

Panduan Cara Merubah Template Blogspot

Di gambar atas, bisa kita lihat satu blog saya : Bisnis Air OXY , adalah ber template "NEW" disitu ada link utk "LAYOUT"  Design dimana di link itu lah tempatnya kita untuk mengotak-atik tampilan blog,
sedangkan blog Belajar HTML Mencari Usaha Halal, ber template "Classic" dan link untuk mengotak-atik Tampilan blog , adanya di link "TEMPLATE"
Update 16 Juni 2011 : Ada perubahan pada dashbor blogspot sbb : Untuk Template New XML akan tertulis tab Design ( Bukan Layout:lagi seperti yg di Dashbor lama )

Nah..jika kita sudah mengetahui jenis template lama kita, maka langkah selanjutnya adalah mencari template yg sesuai dengan template lama, misalnya yg lama pakai New (XML) , maka carilah template dengan yg New (XML) pula..dan sebaliknya...

Ciri hasil download New (XML) ( setelah di ekstrak dari ZIPfile) seperti terlihat dalam gambar :
Dan Ciri hasil download classic(HTML) seperti terlihat dalam gambar :

Setelah proses men download template selesai, dan sudah sesuai dengan pilihan template antara yg lama dengan yg baru, Langkah selanjutnya sbb :
  • Signup (Masuk) ke dashboar blogspot milik anda.
  • Pilih "LAYOUT"  Design  atau "tata letak".

  • Pilih Edit HTML.

  • Klik "Download Full Template" untuk menyimpan template lama anda dan agar anda mempunyai backup unuk jaga-jaga jika terjadi "gagal"
  • lalu klik tab "Telusuri" atau "browse" .
  • Nah anda akan mencari file hasil download anda di dalam file hardisk yang tadi anda simpan.
  • Jika sudah ketemu klik 'open'.
  • anda akan kembali ke halaman blogspot.
  • Lalu klik "Unggah" atau Upload.
  • Setelah proses upload selesai, akan ada konfirmasi bahwa template baru itu akan menghapus beberapa wdiget/gadget yang telah terpasang di blog anda sebelumnya.
  • Oleh sebab itu jika anda ingin gadget itu tampil kembali di template anda yang baru ,maka sebelum anda merubah template, sebaiknya kode-kode html dari widget dicopy dulu dan bisa anda simpan di notepad sementara.
  • Selesai.
Update 19 Maret 2010 :
Menjawab pertanyaan : Bagaimana merubah template dari Classic ke versi NEW ?
Lihat caranya disini :"Cara merubah template dari Classic ke versi NEW"

Update 11 April 2010:
Buat rekan2 yg mau belajar membikin template blogspot sendiri , silahkan lihat postingan disini :
"Belajar membuat template"

Nah semoga bermanfaat....Silahkan tuliskan komentar anda jika ingin sharing disini
: Pesan sponsor : " Jailangkung...jailangkung...datang gak diundang...pergi gak komentar......???

Cara Memasang/Memainkan MP3 Player di Blog

Cara Memasang/Memainkan MP3 Player di Blog

BELAJAR MEMBUAT WEBSITE Part 6

BELAJAR MEMBUAT WEBSITE Part 6

MENYISIPKAN GAMBAR (IMAGE)
Untuk menyisipkan gambar ke dalam sebuah halaman HTML, mula-mula kita harus menyediakan terlebih dahulu file gambar yang dibutuhkan. File gambar ini biasanya berekstensi GIF, JPG atau BMP. Bila file gambar itu telah tersedia, dan kita mengetahui nama dan letak (lokasi) file gambar itu, barulah kita bisa menyisipkannya ke dalam halaman web kita dengan menggunakan tag <IMG SRC="file_gambar">.
Misalnya, kita mempunyai sebuah halaman web seperti ini:
Sisipkanlah gambar di bawah ini: Mudah, bukan?
Kita ingin menyisipkan sebuah gambar yang file gambarnya bernama email.gif diantara kedua kalimat di atas. Bukalah source kode halaman HTML tersebut sehingga tampak seperti ini:
<P>Sisipkanlah gambar di bawah ini:
<P>Mudah, bukan?
Sisipkan satu tag paragraf lagi diantara kedua paragraf di atas, kemudian tuliskan tag penyisip gambar <IMG SRC="file_gambar"> sehingga menjadi seperti ini:
<P>Sisipkanlah gambar di bawah ini:
<P><IMG SRC="email.gif">
<P>Mudah, bukan?
Simpan (Save) source code tersebut kemudian buka dengan browser maka tampaklah seperti ini:
Sisipkanlah gambar di bawah ini:
Mudah, bukan?
Untuk contoh di atas, file email.gif dan file halaman yang disisipi gambar itu harus terletak dalam folder yang sama. Bila terletak dalam folder lain, maka harus dituliskan lokasinya. Misalnya:
<IMG SRC="images/email.gif"> bila file gambar itu terletak dalam folder bernama images, dimana folder images itu letaknya di bawah (di dalam) folder yang ditempati oleh halaman HTML yang disisipi gambar.
<IMG SRC="../email.gif"> bila file gambar itu terletak satu tingkat di atas (di luar) folder yang ditempati oleh halaman HTML yang disisipi gambar.
ATRIBUT-ATRIBUT GAMBAR
Setelah kita mengetahui cara menyisipkan gambar, sekarang kita akan mempelajari atribut apa saja yang bisa disertakan dalam tag <IMG SRC> untuk menghasilkan sejumlah efek tertentu. Atribut pertama yang bisa kita tambahkan ke dalam tag gambar adalah BORDER. Sesuai dengan namanya, atribut ini digunakan untuk memberi efek bingkai pada gambar. Bukalah file HTML di atas tadi. Kemudian sisipkanlah atribut border dalam tag gambar sehingga menjadi:
<P>Sisipkanlah gambar di bawah ini:
<P><IMG SRC="email.gif" BORDER="3">
<P>Mudah, bukan?
Anda boleh mengganti angka 3 dengan angka yang lebih kecil atau lebih besar untuk menghasilkan ukuran border yang lebih kecil atau lebih besar pula. Save lalu tampilkan dalam browser, maka hasilnya seperti ini:
Sisipkanlah gambar di bawah ini:
Mudah, bukan?
Atribut selanjutnya yang bisa anda sisipkan adalah atribut ALT. Dengan atribut ini kita bisa menyiapkan teks pengganti gambar bila suatu waktu gambar - karena satu dan lain hal - tidak bisa ditampilkan. Misalnya user menggunakan browser versi lama (yang belum bisa menampilkan gambar) atau browser yang dimatikan fungsi penampil gambarnya (untuk mempercepat proses loading). Dengan adanya atribut ALT ini, tampilan gambar dapat digantikan dengan teks yang kita masukkan di dalamnya. Contoh:
<P>Sisipkanlah gambar di bawah ini:
<P><IMG SRC="email.gif" ALT="tombol email">
<P>Mudah, bukan?
Bila suatu ketika, gambar tidak bisa ditampilkan maka akan tampak seperti ini:
Sisipkanlah gambar di bawah ini: tombol email
Mudah, bukan?
Atribut image berikutnya yang akan kita pelajari adalah atribut ukuran gambar yaitu WIDTH (lebar) dan HEIGHT (tinggi). Tanpa menggunakan atribut ini, browser akan menampilkan gambar sesuai dengan ukuran asli dari file gambar yang bersangkutan. Kita bisa mengatur ukuran tampilan gambar dalam browser lebih kecil ataupun lebih besar dari ukuran aslinya dengan menggunakan atribut WIDTH dan HEIGHT tersebut.  
Kita masih mengambil contoh gambar email.gif di atas. Ukuran gambar yang sebenarnya dari file GIF ini adalah 132x37 pixel (ukuran suatu gambar  bisa kita ketahui dengan menggunakan program penampil gambar seperti ACDSee, IrfanView, dsb.). Kita akan mencoba menampilkan gambar itu lebih kecil misalnya menjadi 99x25 pixel dan lebih besar misalnya menjadi 165x47 pixel. Untuk itu, editlah kode HTML-nya sebagai berikut: 
<P>Sisipkanlah gambar di bawah ini:
<P><IMG SRC="email.gif"> <IMG SRC="email.gif" WIDTH=99 HEIGHT=25> <IMG SRC="email.gif" WIDTH=165 HEIGHT=47>
<P>Mudah, bukan?
Ingin tahu hasilnya setelah ditampilkan dalam browser?
Sisipkanlah gambar di bawah ini:

Mudah, bukan?
Selain menggunakan satuan pixel, kita pun bisa mengatur ukuran tampilan gambar dalam browser dengan satuan persen. Umumnya, satuan persen ini digunakan untuk mengatur lebar (WIDTH) gambar, bukan tinggi gambar. Sebab mengatur tinggi gambar dengan satuan persen akan menghasilkan tampilan yang tidak konsisten karena akan bergantung pada lebar jendela browser serta setting resolusi monitor. Oleh karena itu jika anda mengatur lebar gambar dengan satuan persen, atribut HEIGHT tidak perlu diatur lagi karena ukuran pixelnya secara otomatis diskala dengan ukuran yang benar. Misalnya: 
<IMG SRC="file_gambar" WIDTH=50%>
Ukuran gambar yang ditampilkan oleh browser akan mengikuti ukuran jendela browser relatif terhadap setting resolusi monitor. Jika monitor diset pada resolusi 800x600 pixel dan jendela browser dibuat maksimum, maka gambar akan ditampilkan dengan pada ukuran sekitar 400x300 pixel, yakni 50% dari ukuran jendela browser, bukan 50% dari ukuran gambar. Penggunaan satuan persen untuk pengaturan ukuran tampilan gambar ini, sering digunakan untuk gambar-gambar besar dan tampilannya ingin kita sesuaikan dengan ukuran jendela browser dan resolusi monitor. 
Apakah atribut WIDTH dan HEIGHT ini semata-mata digunakan untuk pengubahan ukuran tampilan gambar? Ternyata tidak. Atribut ini juga berfungsi untuk mempercepat tampilnya halaman web (loading). Karena dengan adanya kedua atribut ini, secara teknis memerintahkan browser untuk menyediakan tempat seukuran itu sebelum gambarnya sendiri selesai di-load. Jadi bila kita ingin menampilkan sebuah gambar sama dengan ukuran aslinya, alangkah baiknya bila atribut WIDTH dan HEIGHT ini tetap dituliskan dengan angka yang sama dengan lebar dan tinggi yang sebenarnya dari gambar tersebut.
MENGGUNAKAN GAMBAR SEBAGAI BACKGROUND
Pada pelajaran-pelajaran yang terdahulu, kita sudah mempelajari cara menggunakan warna sebagai latar belakang halaman web. Sekarang kita akan mempelajari cara menggunakan gambar sebagai latar belakang. Untuk warna, kita menggunakan atribut BGCOLOR="warna", sedangkan untuk gambar, kita menggunakan atribut BACKGROUND="file_gambar". Kedua atribut ini disisipkan dalam tag BODY. Sangat mudah, bukan? Misalnya kita ingin memanfaatkan gambar email.gif tadi sebagai latarbelakang halaman web maka cukup dengan menyisipkan atribut tersebut ke dalam tag BODY seperti di bawah ini:
<HTML><HEAD><TITLE>Latarbelakang Gambar</TITLE>
<BODY BACKGROUND="email.gif">
<H1><FONT COLOR="yellow">Maaf, ini hanya contoh, jadi tulisannya tidak serasi dengan latarbelakangnya</FONT></H1>
</BODY></HTML>
Bila dibuka dalam browser akan tampak seperti ini:

Maaf, ini hanya contoh, jadi tulisannya tidak serasi dengan latarbelakangnya


Bagaimana cara mendapatkan file-file image untuk dijadikan background? Mudah saja. Misalnya anda tertarik dengan background halaman web ini yang berlatarbelakang garis kotak-kotak abu-abu. Klik kanan pada sebarang tempat yang tampak background kotak-kotak itu maka akan muncul pop-up menu. Salah satu menu di dalamnya pasti bertuliskan Save Background As.... Pilih (klik) menu ini maka muncullah kotak dialog Save Picture. Di situ anda bisa memilih tempat (folder) dimana file image itu ingin anda simpan (misalnya di folder tempat halaman-halaman web anda). Anda pun bisa mengubah nama dari file image itu. Setelah itu klik tombol Save.
MENGGUNAKAN GAMBAR SEBAGAI LINK
Masih ada satu lagi fungsi gambar. Gambar juga dapat digunakan sebagai link. Pada prinsipnya untuk membuat link gambar sama saja dengan membuat link teks. Kita tinggal mengganti teks yang bertindak sebagai link itu dengan tag penyisipan gambar (IMG SRC). Misalnya kita punya link seperti ini: email kami. Kode HTML dari link ini adalah: 
<A HREF="mailto:adifitrah@maktoob.com">email kami</A>
Untuk membuat link gambar, kita tinggal mengganti tulisan email kami dengan tag penyisip gambar yaitu <IMG SRC="email.gif">. Sehingga lengkapnya tertulis:
<A HREF="mailto:adifitrah@maktoob.com"><IMG SRC="email.gif"></A>
Inilah gambar yang sudah dijadikan link:

Cobalah klik gambar tersebut untuk mengetesnya!


Blogspot Template by Isnaini Dot Com and Supported by Ralepi.Com - Ducati Motorcycle