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
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.
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. 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
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
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.
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]
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.
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.
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.
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]
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.
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.
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
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"
Untuk cara mengatur file silahkan lihat di : trik "Mengatur File"
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 : Dan
untuk yang New (XML) template cirinya di paling atas..diawali dengan
<!?xml version="1.0.....dst..dst.., seperti tampak dalam gambar sbb :
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 :
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 HTMLMencari 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.
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......???
Satu lagi dari Belajar Interaktif…!!!
Ini ditujukan bagi SobatBro yang hobi dengerin lagu
, atau yang pingin memiliki blog tentang lagu, atau siapa aja yang
pingin memasang lagu kesayangannya dipasang di blog, agar pengunjung
bisa dengerin lagu-lagu koleksi anda, untuk mewujudkannya bisa
menggunakan cara mudah berikut ini: Cara Pertama >> Menggunakan scriptnya Google Reader MP3 Player ( Layanan ini milik Google, Sobat, so soal performa jangan tanya… udah pasti ok punya, bisa diandelin lah yang pastinya)
Scriptnya:
Cara Kedua >> Atau bisa juga menggunakan fiturnya GMail ( lagi-lagi punyanya Google, Sobat)
Scriptnya:
Sebaiknya anda tahu: cat 1: Gantilah tulisan ALAMAT_URL_FILE_MP3_Anda
>> dengan alamat url [http://...] dimana file lagu mp3 disimpan
(tapi ingat, lagunya jangan diupload di layanan simpan data gratisan
seperti 4shared, ziddu, Rapidshare, dll, karena mereka tidak bisa
diakses filenya secara langsung -[semacam ada iklan/timernya]-) Cat 2: Kalau ingin dipasang di blog/web anda, copy
paste aja langsung kode script diatas, dan sekali lagi jangan sampai
lupa mengganti alamat url lagu mp3 anda
Oy, Sobat pasti penasaran kan seperti apa nantinya, berikut ini contohnya:
Keterangan:
*) lagu disimpan di: http://sites.google.com/site/zcmattcom/mp3/Go_Kart_Racer.mp3
Dan ini adalah bentuk asli script mp3 player diatas:
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:
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:
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:
Untuk membuat link gambar, kita tinggal mengganti tulisan email kami
dengan tag penyisip gambar yaitu <IMG SRC="email.gif">.
Sehingga lengkapnya tertulis:
*********************************************************************
For installation of your new Blogger template, please goto:
http://www.templatesblock.com/2009/08/installation-instructions.html
*********************************************************************
For Search Engine Optimization of your blog please goto:
http://www.templatesblock.com/2009/08/seo-for-bloggers.html
*********************************************************************
Blogger Template by:
Templates Block - Free Custom Blogger templates for Blogger/blogspot blogs.
http://www.templatesblock.com/
**********************************************************************
License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/