Membahas image hosting / server penyimpanan gambar gratisan

posting kali ini yang akan dibahas adalah tentang cara jitu memilih image hosting sebagai media penyimpanan online atau server, tempat kita menyimpan file-file gambar untuk ditampilkan pada website atau blog kita , image hosting biasanya bukan tempat untuk kita menyimpan foto-foto dengan maksud sebagai arsip kenangan online , beberapa layanan photo hosting bianya memanfaatkan friendster / facebook, flickr.com , dan lainya

layanan image hosting untuk keperluan web atau blog kita, Banyak layanan image hosting gratisan yang bisa kita manfaatkan untuk keperluan blog atau web kita tanpa harus menyewa web hosting dengan biaya tertentu. Kemudahan yang diberikan beragam kendalanya juga beragam he he he, namanya juga gratisan. Berikut adalah beberapa contoh link yang menyediakan layanan image hosting

Contoh Layanan image hosting tanpa harus register

http://www.imagehosting.com/
http://www.picoodle.com/
http://www.blogopics.net/
http://www.supload.com/

Contoh Layanan image hosting register

http://www.photobucket.com
http://imageshack.us/

yang membedakan layanan image hosting tanpa register dengan register adalah managemen dari gambar atau file yang kita upload, biasanya jika menggunakan unregister service kita tidak dapat memanage file-file yang sudah kita upload (delete, update, rename dll) . lain halnya jika menggunakan register service, file yang kita upload bisa kita manage sesuai keinginan kita.

expand sedikit tentang cara menggunakanya, saya coba demokan cara menggunakan image hosting unregister ( tanpa register ) yang paling mudah dan paling stabil .

- masuk ke halaman http://www.blogopics.net
- pilih radio button from pc jika ingin mengupload file dari komputer
- maka akan muncul window explore baru untuk memilih file yang akan diupload

- pilih file gambar yang diinginkan sesuai maximum size yang di ijinkan (1MB)
- beri tanda cek list pada baris term of service
- jika sudah tekan upload .

maka anda akan melihat tampilan sebagai berikut




Copy paste script diatas untuk menampilkan gambar pada website atau blog anda
baca hamalan ini jika ada kesulitan mengartikan script diatas



selamat mencoba


Salam
http://dibahas.blogspot.com

Read More »

Membuat Tabel Dengan HTML

Dapet request dari temen untuk update informasi tentang html lagi (label webdesign) karena memang untuk membuat suatu blog yang rapih dan menarik basic ini sangat diperlukan. Kali ini akan dibahas bagaimana cara membuat tabel dengan HTML, yaa !!! script html ini saya gunakan untuk merapihkan advertise dan menu yang mungkin akan saya pasang pada halaman blog, cara ini sangat berguna untuk menata dan memanfaatkan space yang ada hanya dengan menambahkan 1 element layout pada blogger.

Berikut script untuk mebuat tabel sederhana seperti ini

isi kolom 1 baris 1

scriptnya adalah seperti berikut

<table width="200" border="1">
<tr>
<td>isi kolom 1 baris 1</td>
</tr>
</table>

table width = lebar tabel yang diinginkan
border = garis yang membatasi tabel
untuk menambahkan kolom hanya cukup menambahkan atau mengkopi baris <td> sampai </td> dan letakan dibawah script yang sama. dimana <td> adalah kode pembuka untuk membentuk kolom pada tabel dan </td> adalah kode penutupya.

<table width="200" border="1">
<tr>
<td>isi kolom 1 baris1</td>
<td>isi kolom 2 baris1</td><-- script kolom baru </tr> </table>
lihat hasil nya :

isi kolom 1 baris 1

isi kolom 2 baris 1

sekarang kita coba tambahkan baris dari kolom tabel yang sudah ada, berikut adalah scriptnya.

<table width="200" border="1">
<tr>
<td>isi kolom 1 baris 1 </td>
<td>isi kolom 2 baris 1 </td>
</tr>
<tr>
<td>isi kolom 1 baris 2 </td>
<td>isi kolom 2 baris 2 </td>
</tr>
</table>

untuk menambahkan baris kita tinggal mengcopy tanda <tr> sampai </tr> maka dihasilkan baris ke2 pada tabel. perlu di ingat tanda <tr> adalah kode pembuka untuk menciptakan baris pada tabel dan </tr> kode penutup untuk mengakhiri baris pada tabel.

bingung melihat script yang berderet, he he he he, pelajarilah terus maka anda akan terbiasa melihatnya bahkan dengan deretan script yang leboh komplex, supaya tidak coba saya beri tanda seperti berikut.

isi kolom 1 baris 1	isi kolom 2 baris 1
isi kolom 1 baris 1	isi kolom 2 baris 1

warna merah menandakan baris pertama dan warna biru menandakan baris kedua. Bagai mana script untuk memberi warna tabel diatas ??? berikut scripnya

<table width="200" border="1">
<tr>
<td bgcolor="blue">isi kolom 1 baris 1 </td>
<td bgcolor="blue">isi kolom 2 baris 1 </td>
</tr>
<tr>
<td bgcolor="red">isi kolom 1 baris 2 </td>
<td bgcolor="red">isi kolom 2 baris 2 </td>
</tr>
</table>

Sederhana bukan he he he ...... memang untuk membuatnya lebih mudah anda bisa menggunakan HTML editor seperti front page atau dreamweaver GUI based dengan langkah yang jauh lebih mudah dan tinggal mengcopy – paste kode html ke tag element yang anda tambahkan untuk blog anda, tentunya dengan basic yang sudah anda dapat dari bahasan diatas. Sebagai contoh untuk menampilakan iklan yang terdiri dari 2 kolom akan tampak seperti ini .



Umumnya banyak blogger menggunaka cara ini untuk memanfaatkan space yang tersedia pada kolom samping kanan halaman blog mereka . adapun script dari tampilan diatas adalah sebagai berikut.

<table border="0" width="200"><tr><td><a href="Link / alamat File Gambar anda" target="_blank"><img src="Source File Gambar anda"/></a></td><td><a href="Link / alamat File Gambar anda" target="_blank"><img src="Source File Gambar anda"/></a></td></tr> </table>

Sedikit tambahan penjelasan dari script diatas
<a href="link address" target="_blank">

a href = adalah script yang digunakan untuk membuat gambar atau text menjadi link atau agar gambar atau text bisa di klik dan diarahkan ke suatu halaman website tertentu , dalam kasus diatas ketika user mengklik gambar sebelah kiri maka akan mengarah ke alamat website http://tinyurl.com/6tby9g akhiri dengan kode </a> pada akhir objeck yang ingin di link.

target=blank , maksud dari script diatas adalah ketika anda mengklik gambar dan akan mengarah ke suatu alamat website maka alamat website tujuan akan terbuka pada tab atau window baru tanpa merubah window http://dibahas.com

img src= , adalah scipt untuk menampilkan gambar ( baca disini untuk penjelasanya ) dimana http://www.blogopics.net adalah image hosting / tempat mengumpulkan file gambar diserver online.

Read More »

Menarik pengunjung dengan social bookmarking

Mungkin anda pernah melihat deretan icon seperti ini atau yang seperti ini pada bbeberapa blog termasuk juga blog saya he he he, beberapa dari anda mungkin merasa terganggu karena tampilanya yang rata-rata mencolok ,atau mungkin merasa enjoy karena blog terlihat lebih hidup dan ramai , ada juga yang merasa asing dan bertanya-tanya icon apa sih ini.

Kumpulan icon tersebut adalah icon yang mengarah kepada website yang menyediakan layanan dengan mengumpulkan link artikel-artikel yang di submit membernya dan dapat memberikan rating tertinggi jika yang memasukkan banyak,inilah apa yang biasa disebut dengan social bookmarking site, jika artikel yang kita buat menarik maka semakin banyak pembaca yang tertarik untuk mensubmit dengan mengklik icon tersebut. Dengan begitu jika pengunjung ingin mencari artikel yang populer, tinggal mencari di situs-situs seperti ini dan secara otomatis akan meningkatkan jumlah pengunjung yang mengunjungi blog kita. berikut beberapa situs yang menyediakan layanan seperti ini.

- www.digg.com.
- www.technorati.com
- del-icio.us
- www.stumbleupon.com
- www.reddit.com
- www.blinklist.com
- www.furl.net
- www.spurl.net

Situs lokal sejenis
- www.lintasberita.com
- www.infogue.com

Apa itu Bookmark online , lain halnya dengan social bookmarking , bookmark online adalah layanan bookmark yang bisa anda akses secara online untuk menyipan link atau alamat website yang ingin anda simpan. Layaknya bookmark yang anda lakukan pada browser favorite anda untuk memasukan alamat web yang anda suka anda bisa lakukan secara manual dengan membuka alamat situs diatas, atau dengan mengklik icon-icon seperti icon diatas yang langsung mengarah ke situs bookmark favorite anda jika icon tersebut tersedia.

beberapa situs yang menyediakan Bookmark online adalah

- www.google.com/bookmarks ( harus memiliki account di google )
- myweb2.search.yahoo.com ( harus memiliki account di yahoo )



salam
dibahas.blogspot.com

Read More »