Saturday, June 25, 2016

Menampilkan Gambar Pada Halaman HTML

Gambar atau image bisa ditampilkan dalam sebuah halaman HTML dengan menggunakan tag <img>. Terdapat beberapa atribut penting di dalamnya untuk bisa mengatur gambar yang akan ditampilkan. Sebelumnya harus siapkan dulu gambar yang sudah disimpan dalam sebuah media penyimpanan dan lokasinya. Contoh saya punya sebuah gambar yang saya simpan di Google Drive dan Urlnya adalah
https://googledrive.com/host/0B-_ZnBBqsgHJU2lRa2lXUFVXbFE
Selanjutnya untuk menampilkan gambar dari URL tersebut adalah dengan menggunakan tag <img> dan atributnya seperti sintak di bawah ini:
<img src="url_gambar" alt="teks_gambar" width="lebarheight="tinggi">
Dan jika diterapkan dalam halaman maka bisa disusun menjadi sintak seperti berikut.
<img src="https://googledrive.com/host/0B-_ZnBBqsgHJU2lRa2lXUFVXbFE" alt="gambar tampilanku" width="300" height="225">
Maka, dari kode di atas akan menghasilkan output seperti di berikut ini :
gambar tampilanku

Mari kita bahas struktur atribute di dalamnya. <img> adalah tag utamanya, atribut src adalah nilai dari lokasi gambar yang disimpan. alt adalah atribute option apabila gambar tidak tampil maka akan digantikan dengan tulisan pada nilainya yaitu "gambar tampilanku". Width nilai untuk mengatur lebar dan height untuk mengatur tinggi gambar.

Untuk ukuran lebar dan tinggi dihitung dalam satuan piksel. Pengaturan ukuran lainnya juga bisa menggunakan style dan css. seperti contoh berikut:
<img src="https://googledrive.com/host/0B-_ZnBBqsgHJU2lRa2lXUFVXbFE" alt="gambar tampilanku" style="width:300px;height:225px;">
Hasilnya akan sama saja, penggunaan CSS agar koding bisa lebih rapi dan terkontrol. Anda akan memahaminya sendiri saat sudah memahami semua sintak dan mulai membuat sebuah situs dengan pemahaman Anda sendiri.

Jika bingung dan ada yang mau ditanyakan silahkan tinggalkan komentar di bawah. Tengkyu.

Membuat Link dan Variasinya - HTML

Link dalam bahasa website berarti penghubung antar dua situs dimana user bisa berpindah dari situs pertama pergi ke situs/halaman kedua melalui jembatan ini. Secara umum link bisa dikenali dengan tulisan berwarna biru dan jika disorot oleh pointer akan bergaris bawah. Seperti contoh di bawah ini
Selamat datang di Dannie's Blog. Tempatnya berbagi informasi
Jika tulisan "Dannie's Blog" diklik, maka browser akan berpindah menuju halaman yang telah ditargetkan. Itulah yang disebut dengan link. Mari kita pelajari cara membuatnya dan sintak-sintak di dalamnya.

SINTAK DASAR

Sintak dasar membuat link adalah:
<a href="target_halaman">Isi Tulisan</a>
Pada dasarnya link tidak memiliki tag khusus, dia hanya berupa attribute. Tapi secara umum sering digunakan seperti contoh di atas, "target_halaman" adalah URL halaman yang akan dituju. "Isi Tulisan" adalah kata/kalimat yang nanti tampil sebagai link, bagian ini bisa diisi dengan tulisan atau karakter apa saja.

 BENTUK LAIN LINK

Link bisa diberi dekorasi atau dibuat dalam bentuk lain. Misal seperti gambar, video atau tag lain. Contoh membuat link dalam bentuk gambar bisa dipelajari seperti sintak di bawah ini:
<a href="target_halaman"><img src="url_gambar"></a>
"url_gambar" adalah url dari gambar yang disimpan dalam host/penyimpanan. Jadi gambar harus sudah disiapkan terlebih dahulu. Pelajari cara memposting gambar pada list tulisan saya. Attribut lainnya bisa ditambahkan pada tag gambar untuk membuat bentuk dari gambar yang ditayangkan.

Pola dasarnya hanyalah tag berattribute "href" yang akan menjadi link, yang mengapit tag yang akan menjadi bentuk dari link tersebut. Anda bisa ubah bentuk linknya dan berimajinasi membuatnya dalam bentuk lain. Apapun yang diapit oleh tag beratribut "href" seperti di atas akan berubah menjadi link.

TARGET VALUE

sebuah attribute yang digunakan untuk mengalihakan halaman pada jendela tertentu. Misalkan ingin membuat link yang otomatis terbuka pada tab baru browser pengguna ketika diklik, maka bisa menggunakan attribute "_blank".
<a href="http://blogduniadhani.blogspot.com" target="_blank">Dannie's Blog</a>
Sintak di atas akan menghasilkan link yang apabila di klik akan otomatis membuka halaman bersangkutan pada jendela tab baru. Jadi tab yang sekarang tampil tidak beralih atau terganggu. Beberpa nilai dari attribute ini adalah antara lain

  • _blank = Membuka link pada jendela atau tab baru
  • _self = Membuka link pada jendela yang sama saat link di klik (default)
  • _parent = Membuka link pada parent jendela/frame
  • _top = Membuka link pada jendela scara penuh
  • namaframe = Membuka link pada frame yang berada di halaman tersebut
Untuk nilai "namaframe" berguna jika pada halaman terdapat sebuah frame yang akan digunakan untuk membuka link tersebut (pelajari cara membuat frame). Tinggal ditulisan nilai dari nama frame yang dituju.

Cukup sekian mengenai link, mungkin nanti akan ditambahkan jika ada yang kurang. Dan kalau ada yang membingungkan, silahkan tanyakan pada komentar di bawah.

Friday, June 24, 2016

Cara Ampuh Membasmi Rayap Di Rumah

Hari ini saya mau berbagi cerita dan tips cara membasmi rayap yang naik dan merusak rumah. Dulu rumah saya pernah diserang oleh koloni rayap dan berekspansi serta merusak tempat tinggal saya yang tercinta ini. Disekitar rumah saya memang banyak sekali pepohonan, bisa di bilang saya tinggal di dekat hutan. Sampai akhirnya banyak orang-orang yang mulai membangun rumah. Tentunya mereka harus membabat pohon-pohon yang ada di sini. Dan akhirnya inilah yang terjadi. Rayap-rayap pun berpindah dan mencari rumah dan makanan mereka yang baru.

Awalnya saya tidak menyadari kalau rayap-rayap tersebut menyerang rumah saya. Ketika sedang membersihkan rumah, saya melihat ada jalur rayap di sela-sela dinding belakang rumah saya. Belakang rumah saya memang terbuat dari kayu. Setelah saya telusuri ternyata mereka sudah membangun sarang yang cukup besar di atas platfon rumah saya. Alangkah terkejutnya (lebay) melihat sarang yang sudah sebesar itu, sekitar sebesar TV 21 inc.Sarangnya sangat keras dan terisi banyak telur dan koloni rayap.  Mereka juga sudah memakan sebagian kayu yang ada di rumah saya. Untung saja rumah saya tidak runtuh. Sarangnya saya hancurkan dan saya semprotkan dengan obat pembasmi serangga.

Ternyata yang saya lakukan salah. Menghancurkan sarang dan jalur jalannya hanya bersifat sementara, mereka terus membuat yang baru dan malah berpencar membuat sarang di berbagai tempat di sudut-sudut rumah. Rayap-rayap ini datang dari bawah tanah naik melalui sela-sela kayu dan ada juga yang sudah melubangi kayu penyangga rumah saya. Karena itulah sulit untuk di ketahui asalnya. Hampir setiap hari saya menghancurkan sarang dan jalur jalannya. Tapi setiap pagi juga mereka membangunnya lagi.

Setelah bertanya sana-sini akhirnya saya menemukan sebuah formula ampuh bagaimana cara membasmi rayap tersebut dan agar mereka tidak kembali lagi. ada dua jenis obat yang saya gunakan dan saya beli di dua tempat berbeda pula.
  • Pertama saya gunakan obat tanpa merk. Mungkin buatan toko itu sendiri, obatnya berbentuk cairan pekat putih dikemas dalam botol kaca kecil banget. Di sebut racun rayap karena penggunaannya dengan cara menaruh racun di salah satu rayap yang nantinya rayap tersebut akan membawa racunnya ke dalam sarang kemudian membunuh semua koloninya. Sangat kejam kan? dan luar biasa, cara ini benar-benar mengerikan. Saya cuma membuka sedikit jalur perjalanan rayap lalu kemudian saya oleskan cairan tersebut ke punggun rayap yang terpilih. Rayap-rayap yang terpilih pun membawanya langsung menuju ke dalam sarang mereka. Obat ini saya temukan di toko pertanian.
  • Kedua saya membeli obat insectisida dari apotik, katanya obat ini sangat berbahaya digunakan dan tidak di anjurkan untuk pertanian. Saya lupa merknya. dikemas dalam botol plastik warna putih. Penjualnya hanya mengatakan obat ini hanya boleh digunakan untuk membasmi serangga yang sangat mengganggu seperti rayap. Cara penggunaanya dengan meneteskannya ke dalam seember air, lalu menyiram/semprot ke tempat yang ada rayapnya. Tanpa pikir-pikir lagi langsung saya semprotkan saja semua jalur jalannya dan sela-sela rumah saya.
Sakti bin ajaib, rayap-rayap tersebut menghilang tanpa jejak dan dan tidak pernah kembali lagi. Biasanya mereka selalu berpindah setiap kali saya hancurkan dan basmi. Tapi kali ini benar-benar tidak ada kabarnya dari koloni rayap tersebut. Mungkin sudah pada mampus terkubur dalam sarangnya sendiri.

Episode kedua, Lagi-lagi saya dapat calon tetangga baru dan mereka mamatikan pohon yang tidak jauh dari rumah saya. Untung saya belum tidur, malam hari sekitar pukul 10 saya melihat ada rayap yang berjalan di dinding rumah selagi saya menonton TV. Benar saja, setelah saya lihat keluar, ada rayap yang sedang bermigrasi dari pohon tumbang menuju rumah saya, mereka membentuk jalur yang berbeda-beda. Secepat kilat saya membuat racun kedua lalu menyemprotkannya ke seluruh dinding luar rumah saya (hanya bagian bawah dindingnya saja). Setelah selesai saya tinggal tidur, dan keesokan harinya saya lihat banyak bangkai rayap di tempat yang saya semprotkan. Mereka pun membatalkan mengunjungi rumah saya dan pindah entah kemana. Bersambung..