Seringkali, di sela-sela waktu bekerja (ya, saya sekarang sudah kerja :victory: ), saya menemukan halaman-halaman web yang berisi informasi-informasi bermanfaat seperti tutorial, link buat donlod, dll. Namun, karena lagi jam kerja saya jadi kurang punya waktu buat mengeksekusi (baca, praktekin, dll) isi halaman-halaman web yang saya temukan tadi. Jadi, supaya informasi-informasi tersebut gak hilang dan saya lupakan begitu saja, biasanya langsung saya simpan di flashdisk.

Kendala terjadi jika suatu saat saya lagi gak bawa flashdisk, kalo disimpen di komputer kantor (kantor? :horror: ) kadang malah saya lupa kalo naro di folder mana (saking banyaknya file dan folder yang berserakan :grimace: ). Kendala lain, untuk link-link donlod yang terletak di situs-situs donlod terkemuka (rapidshare, 4shared, idws, dll) aksesnya diblok oleh proxy kantor selama jam kerja. Solusi yang muncul adalah untuk nyimpen (mem-bookmark) halaman-halaman (link-nya) secara online, supaya di rumah bisa saya akses lagi.

Pendekatan awal yang saya lakukan adalah mem-bookmark di email, caranya, saya mengirim email ke diri sendiri yang berisi link-link tersebut. Koq, tampak bodoh ya ngirim email ke diri? :shocked:

Kemudian ada ide, bookmark di Facebook, tapi Facebook gak bisa diakses di kantor selama jam, kerja. Kalo di Twitter, susah tracking-nya.

Akhirnya, Google Bookmarks menjadi solusi. Sebenarnya ada sih situs-situs lain selain Google Bookmarks, seperti …. banyaklah pokoknya  :haha: . Intinya, Google Bookmarks menurut saya bagus buat mem-bookmark secara online, ga tau apa kelebihan kekurangannya. Yang tau ngiring kasi tau atuh… :bigsmile:

*Gambar ngerampok dari situ.

Misalkan kita punya suatu file “udah_malem.html” yang isinya sebagai berikut.

blablablablalalalallililili

blablablablalalalallililili

Kemudian kita punya niat iseng buat nampilin isi dari atribut “src” dan “alt” yang ada di semua tag “img” di file html di atas. Gimana caranya?

Bikin file PHP, misalnya kita kasi nama “tes.php”, isinya :

<?php
$html = file_get_contents("udah_malem.html");
preg_match_all('/]+>/i',$html, $tmp1);
$tmp2 = array();
$idx = 0;
foreach ($tmp1[0] as $val) {
preg_match_all('/(alt|src)="([^"]*)"/i',$val, $tmp2[$idx]);
$idx++;
}
foreach ($tmp2 as $key => $value) {
echo $value[2][0]." | ".$value[2][1]."";
}
?>

Kemudian jalankan file “tes.php”, niscaya output pada browser akan nampak seperti berikut.

oi/ini/gambar.jpg | itu gambar lho
oi/ini/gambar2.jpg | itu gambar2 lho
oi/ini/gambar3.jpg | itu gambar3 lho

Referensi : http://stackoverflow.com/questions/138313/how-to-extract-img-src-title-and-alt-from-html-using-php

Cuma mau sharing. Jadi gini, ada suatu tag html yaitu tag <xmp>. Buat apa sih tag ini? Ya kayak judul tulisan ini, buat nampilin suatu tag/kode html.

Contoh, kita punya kode html

tentunya kode di atas akan di-parsing dan ditampilkan oleh browser sebagai suatu gambar yang diperoleh dari alamat “http://blablabla.com/lalala.jpg”. Nah, gimana kalo kita pengen nampilin kode tadi apa adanya (tanpa di-parsing oleh browser dan ditampilkan sebagai teks)? Gampang aja, ketik aja kodenya kaya gini

&lt;img src=”http://blablabla.com/lalala.jpg” /&gt;

Namun, kalo gak mau capek-capek nulis &lt; dan &gt; pake aja tag <xmp> tadi. Kodenya seperti ini

<img src="http://blablabla.com/lalala.jpg" />

Niscaya output yang dihasilkan berupa teks bukan gambar. Sekedar informasi, tag <xmp> ini saya coba di Firefox 3.5.1.

Kalo ada yang salah tolong dikoreksi yaa. Terima kasih.

sumber gambar : http://www.flickr.com/photos/splat/1827191349/

Tes 123

Flock? Apa itu? Nih : http://flock.com