Anatomi Dari RSS Feed

Anatomi Dari RSS Feed

RSS adalah format yang telah menjadi standar untuk sindikasi data informasi. Hal ini memungkinkan pengembang untuk membangun struktur file untuk membuat program baca atau menganalisis data dalam format yang mudah dibaca.

RSS telah menjadi standar data format untuk mengkomunikasikan sebuah berita, update, atau jenis lain dari sebuah informasi bahwa sebuah perusahaan ataupun individu yang ingin memberitahukan kepada seluruh audiens yang lebih besar. RSS sendiri adalah singkatan dari Really Simple Syndication, merupakan format XML yang terdiri dari unsur-unsur yang ditunjuk secara konsisten untuk semua RSS feed dan sesuai dengan spesifikasi XML 1.0. Elemen-elemen ini haruslah konsisten untuk sebuah Format Data Standar agar dapat digunakan sebagai agregator RSS.

Sebuah RSS Feed selalu dimulai dengan <RSS>, yang berisi sebuah atribut yang disebut versi, yang menentukan versi dari RSS feed. Di sini kita fokus pada format RSS 2.0 karena saat ini paling sering banyak digunakan.

<rss version="2.0">
</rss>

Anak dari <RSS> elemen adalah <channel>. Elemen ini adalah elemen yang berisi data penting atau konten dalam feed.

<rss version="2.0">
  <channel>
  </channel>
</rss>

Untuk menggambarkan RSS feed ada beberapa tag yang dapat ditambahkan pada awalnya. Yang dibutuhkan <channel> elements are <title>, <link> and <description>. Optional channel elements are <language>, <copyright>, <managingEditor>, <webmaster>, <pubDate>, <lastBuildDate>, <category>, <generator>, <docs>, <cloud>, <ttl>, <image>, <rating>, <textInput>, <skipHours> and <skipDays>.

<rss version="2.0">
<channel>
<item>
<guid isPermaLink="false">
http://www.blogger.com/feeds/12931054/posts/full/115714541264251287
</guid>
<pubDate>Fri, 01 Sep 2006 21:08:00 +0000</pubDate>
<title>Secure Ajax Requests</title>
<description>
<div xmlns="http://www.w3.org/1999/xhtml">My latest article for InformIT, titled <a href="http://www.informit.com">How to Secure Ajax Requests</a> is on the homepage this week. This article focuses on ensuring that your database-enabled Ajax requests are secure and not leaving your database open for an attack. Enjoy...</div>
</description>
<link>
http://www.krishadlock.com/blog/2006/09/secure-ajax-requests.html
</link>
<author>Kris Hadlock</author>
</item>
</channel>
</rss>

Ini adalah struktur standar untuk weblog, dan terdiri dari unsur-unsur yang digunakan. Untuk melihat struktur ini dapat dilihat secara abstrak, mengapa dapat berisi semua jenis informasi. Meskipun struktur yang abstrak dapat memberitahu dengan melihat feed dalam data sederhana. Setiap elemen dapat berisi subelements berikut adalah penjelasan secara rinci:

• guid - The GUID merupakan elemen yang berisi string yang secara unik mengidentifikasi item.
• pubDate - pubDate adalah tanggal item diterbitkan.
• Judul: Judul adalah judul yang ditetapkan untuk produk, dalam hal ini adalah judul dari entri weblog.
• Description: Berisi data dari unsur utama, unsur ini digunakan untuk body posting weblog
• link: URL berisi satu halaman penuh dalam individu ada item tertentu secara rinci.
• penulis - adalah penulis konten yang disajikan dalam artikel.
• Kategori: memungkinkan elemen yang akan dimasukkan dalam kategori satu atau lebih.
• Komentar - URL halaman yang berisi komentar yang berhubungan dengan item.
• kabinet: dapat digunakan untuk menggambarkan objek media jika kita attach pada item.
• source – sumber dari RSS itu sendiri.

Desain Grafis

Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan gambar untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam disain grafis, teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. disain grafis diterapkan dalam disain komunikasi dan fine art. Seperti jenis disain lainnya, disain grafis dapat merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (disain).

Seni disain grafis mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnya tipografi, ilustrasi, fotografi, pengolahan gambar, dan tata letak.

Desain grafis pada awalnya diterapkan untuk media-media statis, seperti buku, majalah, dan brosur. Sebagai tambahan, sejalan dengan perkembangan zaman, desain grafis juga diterapkan dalam media elektronik, yang sering kali disebut sebagai desain interaktif atau desain multimedia.

Batas dimensi pun telah berubah seiring perkembangan pemikiran tentang desain. Desain grafis bisa diterapkan menjadi sebuah desain lingkungan yang mencakup pengolahan ruang.

Unsur dalam desain grafis sama seperti unsur dasar dalam disiplin desain lainnya. Unsur-unsur tersebut (termasuk shape, bentuk (form), tekstur, garis, ruang, dan warna) membentuk prinsip-prinsip dasar desain visual. Prinsip-prinsip tersebut, seperti keseimbangan (balance), ritme (rhythm), tekanan (emphasis), proporsi ("proportion") dan kesatuan (unity), kemudian membentuk aspek struktural komposisi yang lebih luas.

Peralatan yang digunakan oleh desainer grafis adalah ide, akal, mata, tangan, alat gambar tangan, dan komputer. Sebuah konsep atau ide biasanya tidak dianggap sebagai sebuah desain sebelum direalisasikan atau dinyatakan dalam bentuk visual.

Pada pertengahan 1980, kedatangan desktop publishing serta pengenalan sejumlah aplikasi perangkat lunak grafis memperkenalkan satu generasi desainer pada manipulasi image dengan komputer dan penciptaan image 3D yang sebelumnya adalah merupakan kerja yang susah payah. Desain grafis dengan komputer memungkinkan perancang untuk melihat hasil dari tata letak atau perubahan tipografi dengan seketika tanpa menggunakan tinta atau pena, atau untuk mensimulasikan efek dari media tradisional tanpa perlu menuntut banyak ruang.

Seorang perancang grafis menggunakan sketsa untuk mengeksplorasi ide-ide yang kompleks secara cepat, dan selanjutnya ia memiliki kebebasan untuk memilih alat untuk menyelesaikannya, dengan tangan atau komputer.

Sumber: Wikipedia

5 Bagian Teknik SEO Yang Harus Anda Jelajahi Di Tahun 2011

Search Engine Optimization (SEO) mempunyai dua bagian vital yaitu On-Page dan Off-Page optimasi. Masing-masing diperlukan untuk melengkapi tujuan akhir yang lain, ketika sedang dilaksanakan dalam rangka untuk bekerja secara efisien.

Ketika saya berkata optimasi off-page, atau "link building", kita berarti dalam proses membuat situs web / halaman web yang populer dengan mengutip dari situs lain; optimasi on-page, namun, mengacu pada membuat situs web yang relevan dengan istilah pencarian yang ditargetkan, sehingga dikembalikan lagi oleh search engine ketika pengguna mencari istilah tertentu.

Hari ini tampaknya ada lebih dari sekedar relevansi dan popularitas yang diperlukan untuk memperoleh PR yang tinggi di search engine. Search engine, terutama Google, menekankan untuk menggunakan konten yang berkualitas tinggi didalam sebuah artikel yang dirancang untuk dapat dilihat oleh pengguna internet melalui mesin pencari.

Beberapa aspek lain mulai muncul dan mulai digunakan sebagai faktor page rank di Search Engine Result Pages (SERPs), kewenangan tersebut dari konten hosting domain, jumlah mesin pencari benar-benar percaya melihat situs dan seluruh pengalaman bahwa situs tersebut dapat menawarkan penggunanya (jika pengalaman ini layak dibagi dengan layanan mereka sebagai mesin pencari).

Jadi dibawah ini adalah daftar teknik optimasi yang dapat membantu untuk meningkatkan kemungkinan sebuah situs agar dapat lebih terlihat didalam hasil pencarian:

1. Skema

Beberapa bulan yang lalu, Google, Yahoo dan Bing memperkenalkan schema.org, dimana sebuah situs yang host daftar halaman web markup, yang dapat digunakan oleh webmaster untuk menandai konten anda sehingga mesin pencari dapat lebih memahami konten aktif.

Schema.org menggunakan mikrodata ketika membagikan perbendaharaan kata; ini terdiri dari set baru dari HTML tags dapat membantu mesin pencari untuk mengklarifikasikan relevansi isi web melalui segmen utama seperti penulis, ruang lingkup dan jenis konten topikal, Anda dapat melihat daftar lengkap skema mereka.

Pada dasarnya, menggunakan mikrodata atau skema dalam kode halaman web anda, kemungkinan dapat meningkatkan halaman web anda akan muncul di SERPs dengan banyak kata, seperti ini:

Untuk memastikan bahwa Anda telah membuat kode pada halaman Anda dengan benar, Anda dapat menggunakan Google’s rich snippets testing tool untuk membuktikan apa postingan Anda akan terlihat seperti Google menganalisis halaman Anda.

Salah satu manfaat utama menggunakan skema di halaman yaitu untuk mendapatkan fragmen dari fitur halaman utama (home) didalam hasil pencarian dari Google, entah bagaimana dapat mempengaruhi kalimat pencarian di search engine ketika mencari informasi, karena ini merupakan bagian yang kaya kalimat dalam mencari posisi SERP dengan peluang pengunjung akan mengklik situs anda, yang berarti bahwa artikel tersebut mampu menarik perhatian para pengguna internet ke situs anda dan bahkan tidak di posisi tertinggi sekalipun.

Bagi anda yang ingin tahu tentang belajar schema, dan bagaimana cara menggunakan mikrodata anda dapat mengunjungi website-nya di http://schema.org/docs/gs.html

2. Authorship Markup

Tambahan lain untuk Google's Search Result Landscape yaitu anda mungkin akan melihat lebih sering tahun ini adalah untuk menampilkan gambar dengan halaman daftar pencarian profile penulis;   

Tujuan dari gambar profil adalah untuk membantu Google menentukan kualitas dari konten situs melalui reputasi penulis, dan Google tahu bahwa konten yang besar datang dari penulis besar dan pengguna lebih mungkin untuk memilih konten yang mereka dapat melihat ini ditulis oleh sangat handal dan terpercaya, sehingga Google ingin menampilkan gambar Anda sebagai tanda kepercayaan.

Agar gambar profil Anda ditampilkan dalam hasil pencarian Google, Anda harus terlebih dahulu menerapkan tanda kepenulisan di situs Web Anda atau situs lain di mana Anda berkontribusi menulis sebuah konten dan mengkonfirmasikan dengan menyertakan link alternatif ini dari Google Profile anda.

Ini adalah beberapa langkah bagaimana anda mengimplementasikan Authorship Markup di dalam website anda:

* Artikel Anda di situs Anda semua memiliki link rel = "penulis" ke "halaman penulis" Anda menggunakan - versi HTML5 dari link hubungan dengan penulis.

* Sebuah link ke Google Profile anda dari halaman author anda harus tampil dan menggunakan link XFN rel = "me".

* Google Profile anda harus link back ke author page anda untuk mengkonfirmasi hak milik dari situs. anda dapat mengecek "halaman ini adalah secara rinci tentang saya"  centang kotak untuk membuat link rel="me" link ke situs Anda dikaitkan halaman penulis. 

Untuk mengetahui lebih banyak tentang Authorship Markup anda bisa klik di sini. dan bukan di sini....hehe...!!

3. Page Speed

Tahun lalu, Google telah menambahkan kemampuan untuk memuat halaman dengan lebih cepat sebagai faktor dalam page rank dalam hasil pencarian mereka, beban situs lebih cepat, pengguna lebih cepat dapat mengakses informasi atau menggunakan jasa yang ditawarkan.

Untuk menentukan seberapa cepat sebuah beban halaman dan bagaimana melakukan load lebih cepat, telah dibuat oleh Google yaitu Page Speed Online. Ini adalah perangkat gratis berbasis web yang mana seorang webmaster dapat digunakan untuk melacak kesalahan halaman web mereka, dan aspek-aspek yang dapat mempengaruhi proses loading.

Dalam menggunakan alat ini, pada dasarnya anda akan hanya mengunci URL dari halaman web yang ingin Anda uji, dan setelah beberapa detik, alat akan menampilkan skor 1-100, berdasarkan bagaimana anda melihat kinerja halaman. Hal ini kemudian akan memberi saran tentang bagaimana Anda dapat lebih meningkatkan performa halaman Anda.

4. Indikator Kepercayaan (Trust Indicators)

Sebelum menjamin mesin pencari dan menempatkan halaman web yang lebih tinggi pada hasil pencarian mereka untuk dikembalikan ke pengguna mereka, mereka pertama ingin memastikan bahwa situs Anda dan isinya dapat dipercaya. Pencantuman indikator kepercayaan di situs Anda dapat membantu meningkatkan visibilitas konten Anda / peringkat di search engine, terutama jika mereka dapat yakin bahwa Anda memberikan informasi yang otentik dan utilitas-tinggi melalui situs Anda.

Keyakinan indikator mungkin datang dalam bentuk kebijakan privasi, pemberitahuan non-tanggung jawab, dan pengungkapan rinci pada halaman. Namun, ada juga bentuk lain yang bisa membenarkan kepercayaan ke situs Anda seperti bukti sosial - di mana situs Anda terhubung atau terkait dengan halaman profil media sosial Anda, melihat bahwa situs tersebut adalah mesin yang sangat diandalkan oleh penelitian.

Cara lain untuk menggambarkan kepercayaan sinyal dari situs Anda menggunakan human txt. Ini adalah file teks yang dapat Anda download di situs Anda (sama seperti robots.txt, tetapi file ini adalah untuk manusia dan mesin pencarian web) yang mencakup informasi tentang pencipta dari situs web.

5. Panjang Dari Sebuah Konten

Dokumen akan muncul untuk tampil lebih baik ketika mendapatkan High Ranking pada halaman hasil pencarian mesin pencari, konten yang jelas menjadi nilai lebih dan terlihat lebih alami. Dengan Google Panda Updater baru-baru ini, mesin pencari tampaknya lebih ketat dalam bidang optimasi, di mana ukuran isi dokumen / entah bagaimana mempengaruhi peringkat pencarian, terutama ketika bersaing dengan halaman web lebih tipis.

Demikian tulisan ini saya buat sebagai wacana saja, dan apabila terdapat susunan kata yang kurang pas saya mohon maaf.

Cara Membuat Banner Profile di Google Plus

Membuat gambar profile Google Plus dan banner dengan menggunakan satu photo (No Photoshop).

Sebetulnya ini bukan hal yang baru dalam pembuatan Banner Profile, pengguna facebook sendiri sudah banyak menampilkan profile mereka dengan menggunakan banner profile dimana beberapa foto berjejer sehingga membentuk satu foto yang utuh di sebuah halaman profile. Tidak mau kalah dengan facebook di Google Plus pun anda bisa melakukan hal yang sama. 

Berikut adalah cara membuat banner profile di Google Plus :

1. Anda dapat menggunakan bantuan website http://gpluspic.com/banner.
2. Inputkan foto anda yang ingin di buat gambar profile dengan cara klik tombol (browse), tunggu sampai proses upload gambar selesai.
3. Edit/Atur gambar banner anda dan klik Preview and Dowload untuk proses selanjutnya.
4. Klik kanan gambar hasil proses dan simpan di harddisk komputer anda secara berurutan (untuk tahap ini saya tidak akan jelaskan karena anda sudah ahli dalam hal unduh-mengunduh gambar di internet).
5. Login ke account Google Plus anda dan masuk ke halaman Profile.
6. Klik tombol Edit Profile lalu klik bagian kosong (tempat meletakkan foto), jika sudah ada fotonya hapus saja.
7. Klik Add Photo, lalu masukkan foto yang sudah terpotong secara berurutan, bila sudah klik tombol Ok dan akhiri dengan mengklik tombol Done Editing.

Gambar Profile Banner anda kini sudah jadi dan untuk proses pendaftarannya anda bisa juga membaca artikel saya tentang Cara Gila Daftar Google Plus.

The Genuine Daredevils Hacker

 

The Genuine Daredevils Hacker

“If you know yourself but not the enemy, for every victory gained, you will suffer defeat. If you know the enemy and know yourself, you need not fear the result of a hundred battles.”

(Sun Tzu, the 'Art of War')

Sudahkah kita mengenal dalam apa makna ‘hacker’ sesungguhnya? Sosok yang dapat mengakses sistem komputer orang lain? Sosok yang memahami bahasa pemroggraman? Sosok yang tahu bagaimana menginstal backdoor pada target dan mampu melakukan defacement? Apakah hacker sebatas attacker, defender, exploiter, defacer, developer, inventor? Apakah hacker adalah soal hitam, putih, atau yang melebur diantara keduanya? Tulisan ini mengajak kita mengeskplorasi betapa luas makna hacker sesungguhnya.

Sebelum jauh mengeksplorasi bagaimana para scholars dunia mendeskripsikan hacker, kutipan pembuka berikut adalah deskripsi hacker dalam pengertian penulis:

“Hacker is a human-technology with a passion of love, an ingenious codeman who programs the world’s destiny with the responsibility of hacking ethics. He believes on the freedom and opposes the authoritarian with the unlimited exploration of a system, for the perpetual of computer innovation.”

(Nofia Fitri, forthcoming article “The Freedom Philosophy of Hacking Computer”, 2011)

Re-definisi Hacker

“Whatever code we hack, we create the possibility of new things entering the world”

-Mckenzie Wark-

Wark dalam manifesto of hackers versinya sebagaimana kutipan diatas mengemukakan bahwa bahwa hacker adalah si inovator, penemu hal-hal baru di dunia. Jauh sebelum ia, the Mentor mendeskripsikan eksistensi hacker sebagai si pemilik kebebasan dan kecerdasan yang tidak terhentikan, dalam karya yang sudah menjadi kitab suci para hacker di dunia, the Concience of Hackers:

“Tapi bagi kalian kami penjahat. Kami adalah penjahat, sedangkan kalianlah yang membuat bom nuklir, mengobarkan peperangan, membunuh, berbuat curang, berbohong, dan berusaha membuat kami percaya bahwa itu semua demi kebaikan kami. Ya aku adalah penjahat. Kejahatanku adalah keingintahuanku. Kejahatanku adalah menjadi lebih pintar dari kalian, sebuah dosa yang tidak akan bisa kalian ampuni… Kau bisa menghentikan satu, tapi kau tak akan bisa menghentikan semuanya....”

Bagaimana hacker sesungguhnya dapat dipahami dengan mengeskplorasi trackrecords dari aksi-aksi mereka?

The most wanted hacker Kevin Mitnick yang melegenda memang memiliki track panjang terkait hacking dan kriminalitas, sebagaimana dalam pengantar bukunya Art Of Deception ia tidak dapat menutup sebuah kenyataan bahwa terdapat hacker perusak, cracker.

“Some hackers destroy people’s files or entire hard drives; they’re called crackers or vandals. Some novice hackers don’t bother learning the technology, but simply download hacker tools to break into computer systems; they’re called script kiddies.”

Tapi definisi cracker tersebut tidaklah layak meleket semata dalam memandang apa itu hacker sesungguhnya. Eric Stephen Raymond yang giat menyebarkan ilmu hacking melalui ‘How to Become a Hacker’ jauh lebih memiliki detail dalam penyampaiannya:

“There is another group of people who loudly call themselves hackers, but aren’t. These are people (mainly adolescent males) who get a kick out of breaking into computers and phreaking the phone system. Real hackers call these people ‘crackers’ and want nothing to do with them. Real hackers mostly think crackers are lazy, irresponsible, and not very bright, and object that being able to break security doesn’t make you a hacker any more than being able to hotwire cars makes you an automotive engineer. Unfortunately, many journalists and writers have been fooled into using the word ‘hacker’ to describe crackers; this irritates real hackers no end.”

Istilah-Istilah Hacker

Hacking computer bukanlah aktivitas sebatas mengebiri ribuan kode dalam bahasa pemproggraman, hacking computer juga bernuansa seni dan filosofi yang jangkauannya luas bersentuhan dengan ilmu-ilmu sosial. Cakupan yang luas tersebut yang coba untuk dieksplorasi melalui tulisan ini.

Ada beberapa statements terkait hacker yang kiranya belum begitu umum di kalangan publik:

    Hackers are the daredevils of the network world (Naomi Klein)

    Hackers are the heroes of computer revolution (Steven Levy)

    Hackers are the computer virtuosos (Paul Miller)

    Hackers are persons who build things while crackers brake them (Eric Steven Raymond)

    Hackers are exploring the limits what is possible, in a spirit of playful cleverness (Richard M. Stallman)

Penulis-penulis diatas adalah penulis ternama terkait dunia hacking computer. Yang disebut pertama memang bukan seorang hacker, tapi seorang jurnalis-akademis. Klein tertarik dengan kajian-kajian politik, media dan technology, beberapa kali menerbitkan artikel terkait hacktivism. Istilah kedua ditulis Levy, hacker-jurnalis yang bukunya sudah jadi kitab suci banyak hackers dunia Hackers-Heroes of the Computer Revolution.

Sementara penulis yang ketiga menggunakan istilah keren, ‘virtuosos’ yang biasanya dipake untuk menyebut pemain alat musik yang ahli. Dalam hal ini, istilah tersebut menjadi jadi ‘pemain komputer’. Sementara Miller adalah salah satu aktivis open source yang juga mengatakan:

”Hack is a net programming trick today and it was a hacker that created the technology and computer programs that make up the internet we all take for granted.”

Dengan demikian “the things (computer and internet) that we have been taking for granted are the contributions of hackers.”

Yang keempat dan terakhir, tidak perlu dibahas siapa mereka, hacker guru dan the true hacker.

Ada juga istilah “hacker is a magician” alias tukang sihir, kata Rick Cook, hacker-jurnalis yang nulis novel ‘Compiled Wizard’. Ia percaya sebagaimana Kevin Mitnick bahwa hacker dapat merubah sesuatu seolah melakukannya dengan cara-cara magic.

Cook juga yang menalikan antara hacking computer dengan realita politik sebagaimana statement terkenalnya:

“It is never the technical stuff that gets you in trouble. It is the personalities and the politics.”

Konsepsi Hacker dan Social Sciences

“The Net and the personal computer would not exist without the works of hackers.”

-Pekka Himanen-

Ada juga konsepsi hacker yang ditulis sosiolog ternama Pekka Himanen. Ia mengangkat istilah ‘Protestan Ethic’ kaitannya dengan idealisme dan etika hacker. Kalau kalian belajar ilmu sosial pasti akrab dengan istilah Protestan Ethic nya Thomas Aquinas salah satu tokoh filsafat Renaissance. Etika Protestan ini yang juga membuat kaum Christian mengkritisi aliran Katholik Ortodoks. İntinya Protestan Ethic inilah yang menyebabkan penganut agama menjadi rajin dan bekerja keras (karena kalau tidak bekerja keras ber-DOSA). Pemahaman ini tidak jauh berbeda dengan holy book Qur’an yang menekankan “Allah tidak akan merubah keadaan suatu kaum, kalau bukan karena kaum itu sendiri.”

Sosiolog keren ini membuat list 7 (tujuh) values of hackers ethic yang basicnya dari Protestan Ethic tersebut: passion, freedom, social worth, openness, activity, caring, dan creativity (2001). Dengan demikian ia sesungguhnya bermaksud menginterpretasikan hacker sebagai ‘mahluk pekerja keras yang taat kepada Tuhan.’

Kemudian Himanen juga menambahkan deskripsi lain terkait forum-forum yang memfasilitasi bertemunya para hacker. Menurutnya forum-forum hacker memiliki nilai-nilai yang sudah menjadi karakter forum-forum mereka dan dari hacker itu sendiri: commitment, respect, co-operation and learning, fairness, honesty, compassion, fun dan integrity.

Kalau yang satu ini statement Bertrand Gauguet, sejarahwan Perancis yang concern terhadap isu-isu Hacktivism dan Art:

”A hacker is not only an individual with a perfect command of computer languages, he or she is also an ethically conscious individual (as opposed to the cracker) who adheres to the logic of shared culture (the Open Source) and of going beyond the arbitrary constraints imposed by authoritarian orders.”

Dari ungkapan Gauguet diatas dapat diambil kesimpulan bahwa hacker sejati memiliki kesadaran individu yang terbangun seiring peningkatan skill terkait aksi-aksi hacking computernya yang beretika.

Interpretasi Hacker

Hacker adalah Pahlawan

Berikut adalah istilah hacker pahlawan terfavorit versi penulis, “Codeman” dalam refleksi hacker ‘Dialog Anak tentang Pahlawan Mereka’:

“Pahlawanku memang tidak bersayap seperti Superman, namun ketika ia berada diketinggian, ia bersayap pengetahuan yang dapat membawanya terbang bebas menjelajahi dunia cyber demi menemukan musuh-musuh umat manusia, terus-menerus menginovasi dan menciptakan revolusi dalam kehidupan. Jari-jarinya pun tak mungkin mengeluarkan jaring-jaring mematikan seperti Spiderman, namun ketika mereka berada diketinggian, jari-jari tersebut sangat terampil, bergerak dengan lincah memberikan perintah kepada benda supermaya demi memberikan kedamaian dimuka bumi dan membentuk masa depan dunia. Mereka berada diketinggian ketika mereka sudah mampu mengendalikan ego, memahami etika dan memiliki sense of humanity yang tinggi.” (Nofia Fitri).

Hacker adalah Pe’CINTA’

Hacker adalah pemilik cinta sesungguhnya.

“With an intense love of computers, a hacker is a person who, because he or she has this love, also has a deep curiosity about the subject in question. Hacker means he respects the ability of computers to put him in contact with a universe of information and other people, and it means he respects those other people and does not intentionally use this knowledge of computers to be mischievous or destructive.”

(The Secret of a Super Hacker, 1994)

Hacker adalah Pelukis

“What hackers and painters have in common is that they're both makers. Along with composers, architects, and writers, what hackers and painters are trying to do is make good things. They're not doing research per se, though if in the course of trying to make good things they discover some new technique, so much the better. “

(Paul Graham, Hacker and Painters, 2003)

Hacker adalah Aktivis ‘Pemberani’

“Imagine if computer hackers, the daredevils of the networked world, suddenly became principled political activists.. if they had a mission besides breaking and entering; if they had more to prove than that they are smarter than whoever designed your computer system, if their targets were selected as part of well organized, thoroughly researched, international human rights campaigns.”

(Naomi Klein, The Daredevils Hacker)

Hacker adalah Penyihir (Hacker Learns from Words)

“Breaks the Codes and Gains the Access”….

Dalam novel populer Wizardry Compiled tentang Hacker’s Wisdom (Kebijaksanaan Hacker) yang ditulis Rick Cook sang hacker-jurnalis dimana ia percaya bahwa hacking adalah ilmu sihir "magic is real, unless declared integer."

Hacker dan Media

Bukanlah suatu rahasia bahwa media hari ini telah salah dalam mendefinisikan sosok hacker.

“The term of hacker has been co-opted through media hype and marketing campaigns to mean something evil. It was a convenient term already in use, and so instead of simply saying someone was a criminal hacker, the media just called him a hacker. You would not describe a criminal auto mechanic as simply a mechanic, and you shouldn’t do the same with a hacker, either.”

(Jeff Moss, ‘Stealing the Network: How to Own a Continent’).

Hacker dan Open Source

Berikut adalah statement hacker-hacker pendukung opensource dalam ‘Codes’ (fortcoming)

“Kemerdekaan adalah hak semua hacker. Penjajahan terhadap produk-produk intelektual harus dihapuskan karena tidak sesuai dengan prinsip berkarya, kebebasan berekspresi, ketergantungan sosial yang alami. Bahwa satu sama lain saling membutuhkan, penguasaan modal hanya akan membatasi kerja manusia dan mengebiri hati nurani dalam peduli terhadap sesama. Saatnya memerdekakan karya-karya kami.”

(The Hidden Act Community/HAC)

Hacker dan Kaum Muda

“Kemampuan dan kecerdasanku adalah ‘tak ternilai’ tak terukur kapasitasnya. Seberapa jauh pun kau mencoba mengeksplorasi kemampuan dan kecerdasanku terus menjangkiti dimensi-dimensi maya dan menginfeksi dengan munculnya kode-kode baru yang akan merubah dunia. Aku adalah anak muda tanpa lintas generasi, dan kami adalah hacker muda yang siap merubah dunia. Semenjak manifesto hacker THE MENTOR di munculkan kami selalu percaya bahwa kami dianugrahi kecerdasan dan kemampuan untuk merubah dunia.”

(Saatnya Hacker Muda Merubah Dunia, Karena di Dada Kita Ada Garuda)

Hacking Penutup

“Faith Manage: Artinya adalah, tidak ada sesuatu apapun yang kita lakukan terbuang dan bahwa alam semesta yang kita tempati ini adalah sistem tertutup yang tunduk pada hukum fisika bahwa energi adalah kekal dan semua yang kita lakukan akan tersebar dan terdaur ulang pada tempatnya.” (Adrian Lamo)

Setelah mengeksplorasi tulisan ini, pahamilah bahwa hacker itu bukanlah sebatas sosok yang bisa mengakses sistem komputer orang lain. Hacker sejati (an ethical hacker) selain high-skill dan experienced memiliki idealisme dan kebijaksanaan, berkarakter dan beretika. Tapi jangan juga menjadi agak sungkan dengan klaim hacker, kita pasti ‘layak’ kalau sudah melewati fase-fasenya.

Sebaliknya banyak yang menyebut dirinya hacker, cenderung sombong, padahal hanya intruder ‘tukang download shell’ yang baru mengerti pasang backdoor lalu ngetest defacement. Database burglaries dan di distribusi ke dunia maya, yang seperti ini sesungguhnya masih mentok di hijacker atau sweeper, melangkahlah untuk menjadi ‘Hacker’ sesungguhnya.

Yang pasti konsepsi hacker dan dunia hacking computer jauh lebih luas dan dalam dari apa yang menjadi publikasi media dan dipahami masyarakat awam selama ini. Terbukti selain hacker itu sendiri, para filsuf, akademisi, jurnalis, politisi, antropolog, sosiolog, sejahrawan, seniman, etc punya persepsi yang variant soal hacker dan dunia hacking computer.

Mereka-mereka yang sudah berkontribusi dengan menginovasi computer stuffs, “honestly, you are a genuine daredevils hacker!”

So remember!!!! “hacker solves the problem, not makes it worse!!!!”

--------()--------

Sekilas tentang penulis :

Thanks To: Music inspirasiku ‘System of a Down’ with ‘HYPNOTIZE’ for break my stuckbrain. My Truly Genuine Young Hacker ‘b374k’ Sang MataHarry”, Bang Reza Syariati (for burned my spirit out and provided me with those hacking stuffs). Keluarga Besar Devilzc0de INDONESIA, Indonesian Hacker Team, Sumatra Hacker United, X Code, Binus Hacker, Jasakom.

Nofia Fitri saat ini menetap di Turki, adalah Mahasiswa MA Program Department of International Relations, EMU (Turkey), The Ambassador of Devilzc0de INDONESIA, Staff Penulis Binus Hacker dan Staff Moderator Yogya Free (YF). Aktif menulis seputar politik, teknologi, hacktivism, hacker ethics dan generasi muda. (Email: nofia.fitri@yahoo.co.id)

Sumber :

http://www.jasakom.com/

Auto Read More

Di dalam sebuah website/blog kita sering menjumpai sebuah tulisan kecil yang bernama READ MORE, tujuannya adalah untuk memenggal isi dari keseluruhan artikel tersebut agar halaman utama dari website/blog kita tidak terlalu memanjang ke bawah. Hal ini juga di tujukan agar loading dari website kita lebih ringan.

Di sini saya akan paparkan satu per satu bagaimana cara membuat Auto Read More tersebut :

================langkah 1=======================

- Baca Basmalah

- Backup Template Anda

- Centang Expand Template Widget

================langkah 2=======================

Tekan "ctrl + F" untuk memudahkan pencarian

cari kode berikut :

</head>

copy keseluruhan kode di bawah ini diatas kode </head>

<script type='text/javascript'>

var thumbnail_mode = &quot;float&quot; ;

summary_noimg = 230;

summary_img = 140;

img_thumb_height = 100;

img_thumb_width = 100;

</script>

<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>

================langkah 3==================

cari kode berikut :

<data:post.body/>

lalu ganti dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

   <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>

   <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> READ MORE</a></span>

</b:if>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

==================langkah 4======================

1. Kata READ MORE bisa anda ganti sesuai dengan keinginan anda

2. Jangan lupa tinggalkan komentar anda.


Best Regards

Candrameda Al Ghozali

Google Hacking

Sebetulnya sudah banyak artikel ataupun ebook yang membahas tentang Google Hacking, Tetapi disini saya coba membahasnya kembali dengan trik yang sederhana ini.

Definisi dari Google Hacking itu sendiri adalah sebuah istilah yang digunakan ketika seorang hacker mencoba untuk menemukan target data yang rentan atau sensitif dengan cara menggunakan Search Engine Google. Di dalam Google Hacking hacker menggunakan perintah search engine atau permintaan pencarian yang komplek untuk mencari data yang sensitif dan perangkat yang rentan di internet.

Berikut adalah beberapa contoh keyword yang bisa anda coba inputkan di Search Engine Google :

Music
intitle:index.of mp3 jackson

CD Images
inurl:microsoft filetype:iso

Serial Number
"Windows XP Professional" 94FBR

Listings of what you want
• change the word after the parent directory to what you
want
• "parent directory " DVDRip -xxx -html -htm -php -shtml
-opendivx -md5 -md5sums
• "parent directory "Xvid -xxx -html -htm -php -shtml
-opendivx -md5 -md5sums
• "parent directory " Gamez -xxx -html -htm -php -shtml
-opendivx -md5 -md5sums
• "parent directory " MP3 -xxx -html -htm -php -shtml
-opendivx -md5 -md5sums
• "parent directory " Name of Singer or album” -xxx -html
-htm -php -shtml -opendivx -md5 -md5sums

Interesting Searches…
• Source http://www.i-hacked.com/content/view/23/42/
• intitle:"Index of" passwords modified
• allinurl:auth_user_file.txt
• "access denied for user" "using password“
• "A syntax error has occurred" filetype:ihtml
• allinurl: admin mdb
• "ORA-00921: unexpected end of SQL command“
• inurl:passlist.txt
• "Index of /backup“
• "Chatologica MetaSearch" "stack tracking:"

index of ftp/ +”whateveryouwant”

"Index of" htpasswd / passwd
filetype:xls username password email
"WS_FTP.LOG"
"config.php"
allinurl: admin mdb
service filetype:pwd (FrontPage)

Hal ini saya sampaikan sebagai pengetahuan saja dan bukan untuk disalahgunakan, Dan apabila rekan-rekan mau menambahi keyword tertentu saya persilahkan untuk menulisnya melalui form komentar di bawah postingan ini. 

***Special thanks to Alloh SWT***

Meta Tag Generator

Meta Tag adalah HTML Tag yang digunakan untuk mengontrol deskripsi blog anda kedalam search engine seperti : Google, Yahoo, MSN Search, AOL Search, AltaVista, AllTheWeb (FAST), HotBot, Lycos, Infoseek (Go), Excite, and WebCrawler. Adalah penting sebuah Meta Tag dibuat sebaik mungkin karena mereka dapat membantu meningkatkan Search Engine Position Anda.

Berikut adalah web yang menyediakan jasa pembuatan Meta Tag secara online dan yang pasti gratissss tiss. Anda tinggal mengisi kotak-kotak yang di sediakan saja dan klik Generate. Silahkan menuju WEB RESMINYA di sini. Setelah itu Anda bisa Copy-Paste kode hasil generate tadi di dalam blog Anda di bawah kode <HEAD>.

Sebetulnya masih banyak Tool-tool online gratisan yang dapat dipakai namun saya merekomondasikan memakai yang ini saja agar teknik SEO blog Anda makin mudah diaplikasikan.

Mudah-mudahan ini bisa bermanfaat buat para blogger pemula (kayak ane dunk)***

Zakat Fitrah Via Online

 

 

ZAKAT merupakan suatu bentuk sedekah yang wajib bagi Anda yang mampu. melalui website www.dompetdhuafa.org, Anda dapat mempelajari segala sesuatu tentang zakat, panduan serta menjadi donatur jika ingin. Dompet Dhuafa merupakan sebuah yayasan yang bergerak di bidang pelayanan zakat, sehingga Anda yang ingin berzakat dapat menggunakan fasilitas yang ada karena yayasan ini mempermudah segala sesuatunya.

Berikut adalah Risalah Zakat yang saya ambil dari http://www.dompetdhuafa.org/?page_id=109

Ummat Islam adalah ummat yang mulia, ummat yang dipilih Allah untuk mengemban risalah, agar mereka menjadi saksi atas segala ummat. Tugas ummat Islam adlah mewujudkan kehidupan yang adil, makmur, tentram dan sejahtera dimanapun mereka berada. Karena itu ummat Islam seharusnya menjadi rahmat bagi sekalian alam.

Bahwa kenyataan bahwa ummat islam kini jauh dari kondisi ideal. adalah akibat elum mampu mengubah apa yang dianugerahkan Allah pada ummat islam belum dikembangkan secara optimal. Padahal ummat islam memiliki banyak intelektual dan ulama, disamping potensi sumber daya manusia dan ekonomi yang melimpah. Jika seluruh potensi itu dikembangkan secara seksama, dirangkai dengan potensi aqidah islamiyah (tauhid), tentu diperoroleh hasil yang optimal. Pada saat yang sama , jika kmandirian, kesadaran beragama dan ukhuwah islamiyah kaum muslimin juga makin meningkat maka pintu-pintu kemungkaran akibat kesulitan ekonomi akan makin dapat dipersempit.

Salah satu sisi ajaran islam yang belum ditangani secara serius adalah penanggulangan kemiskinan dengan cara mengoptimalkan pengumpulan dana pendayagunaan zakat, infaq dan shadakah dalam arti yang seluas-luasnya. Sebagaimana telah dicontohkan oleh Rasulullah SAW serta penerusnya dizaman-zaman islam (Indonesia) sebenarnya memiliki potensi dana yang sangat besar

Terdorong dari pemikiran inilah, kami mencoba untuk menuliskan risalah zakat yang ringkas dan praktis agar dapat dengan mudah dimengerti oleh pembaca. Meskipun kami sadar bahwa rislah ini masih jauh dari sempurna. Namun demikian kami berharap risalah ini dapat bermanfaat. Koreksi, kritik dan saran sangat kami harapkan demi kesempurnaan risalah zakat ini

Semoga Allah SWT mengampuni kekurangan dan kesalahan yang ada dalam risalah ini, serta mencatatnya sebagai amal shaleh. Amin

Belajar Dasar-Dasar HTML Modal Awal Untuk Membuat Website

Ini merupakan artikel pertama yang saya tulis di website saya ini tentang pengertian dasar pemrograman HTML. Karena diwebsite ini saya akan membagi-bagikan ilmu apa aja tentang pembuatan website, maka kita pelajari biang keroknya terlebih dahulu, karena merupakan dasar dari semua pembuatan website yaitu HTML.

HTML (Hypertext Markup Language) merupakan bahasa yang digunakan untuk membuat website. Menggunakan tag untuk mendeklarasikan sesuatu dan tag tersebut tidak ditampilkan tetapi tag tersebut memberi tahu browser bagaimana cara menampilkan dokumen website. Serta dapat saling berhubungan dengan dokumen HTML lain yang dikenal dengan istilah link.

Suatu halaman website sebenarnya hanya sebuah halaman teks, jika anda menggunakan browser internet explorer dan anda mengklik view - source, maka anda dapat melihat teks dari web tersebut. Tetapi teks tersebut diterjemahkan oleh browser menjadi halaman website yang enak dilihat. Teks merupakan bahasa universal bagi komputer, yang berarti setiap dokumen teks (termasuk website) yang anda buat melalui Windows dapat dibaca di sistem perasi lain seperti Mac OS, Linux, Unix dan lainnya.

HTML dan hal-hal yang berkaitan dengan website distandarisasi oleh sebuah badan yang disebut World Wide Web Consortium (W3C). Standard terbaru, konsep dan proposal mengenai starndarisasi web dapat dilihat di http://www.w3.org. Standar untuk HTML terbaru adalah HTML 4.0 yang telah didukung oleh bermacam-macam browser seperti Microsoft Internet Explorer, Netscape Navigator, Opera, Mozilla, Safari dan masih banyak lagi. Browser menterjemahkan tag yang terdapat pada dokumen HTML. Kita akan segera membicarakan mengenai tag.

Suatu halaman web merupakan file teks yang berarti anda dapat membuatnya hanya dengan menggunakan notepad saja. Bahkan jika anda masih pertama kali mempelajari HTML, notepad merupakan alat yang tepat. Saya menyarankan untuk menggunakan editplus karena menurut saya enak aja dipakainya, tetapi anda bebas menggunakan teks editor lain.
Jika anda baru pertama kali mengenal HTML, hindari Program WYSIWIG (What You See Is What You Get) seperti Dreamweaver atau Frontpage/Web Expression. Program-program ini memang memudahkan anda membuat website tetapi anda akan kurang memahami HTML, gunakan Frontpage atau Dreamweaver apabila anda sudah paham mengenai HTML.

Sekarang buka saja notepad anda dan kita mulai.
Kode HTML pertama

Buka notepad dan tuliskan kode dibawah ini

Hello World

Simpan file tersebut dengan nama hello.html didalam suatu folder (misal c:\webku) dan buka file HTML tersebut dengan browser kesukaan anda. Hasilnya seperti ini:

Hello World!!

Oke jadi apa yang dimaksud oleh "<" dan ">", ketika anda menuliskan sesuatu diantara tanda "<" dan ">" maka anda membuat sesuatu yang disebut dengan tag, kalau anda lihat dikamus bahasa inggris tag artinya tanda/label. Sebagai contoh tag maksudnya untuk memulai huruf tebal (bold) dan tag merupakan tag penutup untuk menghentikan huruf tebal.

Sebuah halaman HTML yang baik harus memiliki tag <head> dan <body>, tapi kita akan membicarakan masalah ini belakangan. Yang penting sekarang pahami dulu mengenai tag HTML. Sekarang akan kita pelajari lebih jauh mengenai tag HTML.

Tag HTML dibagi menjadi dua, yaitu tag HTML yang memiliki penutup (containers) atau yang berdiri sendiri (standalone).
Containers

Kebanyakan tag HTML adalah containers (kita sebut containers saja sebab sulit mencari terjemahannya dalam bahasa Indonesia) yang berarti tag tersebut memiliki pembuka (batas awal) dan penutup (batas akhir). Teks yang berada diantara tag pembuka dan penutup akan berubah sesuai dengan fungsi dari tag tersebut. Perhatikan contoh berikut:

Hello World!!


Hasil:

Hello World!!

Tag [i] berguna untuk memiringkan teks (italic) tag memiliki penutup yaitu . Tag penutup selalu ditandai dengan "/". Contoh diatas terdapat teks World!! diantara tag pembuka dan tag penutup sehingga menghasilkan tulisan World!! yang miring. Tag pembuka memiliki atribut tetapi tag penutup tidak memiliki atribut.
Standalone Tag

Beberapa tag tidak memerlukan penutup sebab tag tersebut hanya berfungsi untuk menempatkan sebuah elemen pada halaman web. Sebagai contoh tag <img> yang merupakan tag untuk memasang sebuah gambar didalam halaman web. Tag lain yang tidak memiliki penutup adalah
yang berguna untuk memberi jarak antar teks dan tag <hr> untuk memberi garis. Tag HTML cukup banyak jumlahnya, anda dapat mencarinya dibuku-buku atau mencarinya melalui google untuk mengetahui apa saja jenis tag HTML. Tapi saya akan beritahu yangpenting-penting saja.
Atribut

Atribut dipasang didalam tag pembuka untuk menambahkan fungsi dari tag tersebut. Setiap tag memiliki beberapa atribut dan dipasang sesudah nama tag dibatasi oleh spasi. Urutan atribut tidak perlu diperhatikan. Kebanyakan atribut memiliki nilai yang dipanggil dengan menggunakan tanda "=" sesudah nama atribut. Bingung? coba kode berikut ini dijamin anda mengerti:

Hello <font face="verdana" size="2" color="red">World!!</font>

Hasilnya:

Hello World!!

Tulisan World!! terletak ditengah tag <font> nah tag <font> memiliki atribut face, size dan color yang dapat anda ubah nilainya. Cobalah untuk mengubah ukuran (size) menjadi 3 atau jenis fontnya ubahlah dari verdana menjadi arial. Kira-kira seperti itu kegunaan atribut. Bagaimana? lanjut?
HTML Entity

Jika anda ingin menuliskan karakter khusus dalam web, maka anda perlu menulisnya menggunakan kode khusus. Kode khusus ini dikenal dengan istilah HTML entity. Sebagai contoh anda ingin menulis seperti ini:

Saya belajar web

Anda lihat ada jarak spasi antara belajar dan web. Anda tidak bisa membuat spasi dengan menekan tombol space bar berkali-kali. Meskipun pada kode HTML hasilnya terdapat jarak namun browser hanya membacanya sekali, jadi sebanyak apapun space bar yang tekan browser hanya membacanya satu spasi. Lalu bagaimana caranya? Spasi dalam HTML memiliki kode HTML entity yaitu jadi untuk membuat seperti contoh diatas anda perlu menulisnya seperti ini:

Saya belajarweb

HTML entity selalu diawali dengan "&" dan diakhiri dengan ";" ada banyak sekali HTML entity anda dapat mencarinya, dan lagi-lagi saya akan menyuruh anda mencarinya sendiri melalui google.
Struktur Dokumen HTML

Tadi sudah saya katakan bahwa HTML yang baik memiliki tag <head> dan <body>. <head> mendefiniskan bagian header dari dokumen HTML yang berisi informasi mengenai dokumen HTML tersebut. Tag <head> tidak memiliki atribut tetapi memiliki container khusus didalam header seperti <base>, <meta>, dan <title>. Tag <body> mendefinisikan awal dari isi website dan ditutup dengan </body>. Tag <body> berisi isi dokumen yang akan tampil di browser anda. Oke sekarang cobalah kode berikut ini:

<html>
<head>
<title>Your title</title>
</head>
<body bgcolor="#cccccc">
Hello World!!
</body>
</html>

Hasilnya didalam Microsoft Internet Explorer :
Contoh HTML dasar

Anda lihat teks yang berada diantara tag <title> muncul dibagian atas browser. Apapun yang anda tulis diantara tag <body> akan muncul sebagai isi dari website anda. Jika anda lihat terdapat tag <body bgcolor="#cccccc"> bgcolor merupakan atribut dari <body> yang berguna untuk memberi warna pada background halaman website. Pelajari dan pahami kode tersebut maka anda akan mudah untuk mempelajari kode selanjutnya.
Susun file Anda

Sangat penting untuk meletakkan file-file HTML anda. Akan lebih baik jika anda membuat folder untuk meletakkan file-file HTML dan didalamnya anda membuat subfolder (misalnya images) untuk menyimpan file-file gambar. Semakin sering anda membuat website anda akan semakin berpengalaman dan mengetahui teknik dalam menyusun file. Jadi ini tergantung pengalaman anda.
index.html

Ketika anda membuka dhimasronggobramantyo.com/belajar.html maka otomatis browser akan membuka file belajar.html. Tetapi jika kita membuka dhimasronggobramantyo.com saja, file apa yang dibuka? Semua server web otomatis akan mencari file index.html.

Karena itu jika website anda memiliki banyak halaman, anda harus memiliki sebuah file index.html yang akan menjadi halaman pertama dari website anda.

Oke, sekarang kita pelajari tag-tag HTML yang penting. Semua kode HTML berikut ini harus ditulis didalam tag <body>
Teks dan Paragraf

Header/judul akan membuat mata pembaca tertuju pada judul dan tertarik untuk membacanya. Dengan menggunakan tag heading maka search engine dapat membaca seberapa penting isi dari suatu website.

Heading merupakan container yang diawali dengan tag <h1> dan ditutup dengan tag </h1>. Ada 6 level heading mulai dari h1 sampai h6.

Cobalah kode berikut ini:

<h1>My First HTML</h1>
<h2>My First HTML</h2>
<h3>My First HTML</h3>
<h4>My First HTML</h4>
<h5>My First HTML</h5>
<h6>My First HTML</h6>

Hasil:
Contoh penggunaan tag Heading

Saya rasa anda dapat dengan mudah memahami kode tersebut, sekarang kita coba tag HTML penting lainnya.

digunakan untuk membuat paragraf, ini merupakan salah satu tag yang banyak digunakan, tag penting lainnya adalah [b] untuk menebalkan,[i] untuk memiringkan dan <u> untuk garis bawah

Sekarang coba kode berikut ini:



Halo, nama saya Budi dan
saya ingin belajar HTML.</p>


Ini merupakan kode HTML pertama saya dan saya
belajar untuk <u>memformat</u> teks dalam HTML </p>

Bagaimana hasilnya? silahkan anda coba sendiri, jika anda selalu melihat contoh dihalaman ini, anda tidak akan mencoba

Beberapa tag mempunyai atribut ALIGN, termasuk

dan <h1> - <h6>. ALIGN berguna untuk membuat teks rata kiri, tengah atau kanan. Cobalah kode berikut:

<h1 align="center">Nama saya Jono</h1>


Halo nama saya Jono dan saya lagi belajar HTML</p>
<p align="right">James, 2006</p>

Hasilnya:
Contoh penggunaan Alignment

Anda dapat mengubah jenis huruf, ukuran dan warna. Untuk mengubah huruf digunakan tag <font>, tag <font> memiliki atribut seperti face, size dan color. Contoh:



<font face="Arial" size="2" color="#FF0000">Nama
saya</font>
Bambang<font face="Arial" size="2">
dan </font><font face="Tahoma">saya cinta rupiah</font></p>

Silahkan anda coba sendiri untuk melihat seperti apa hasilnya

Didalam HTML, untuk memberi jarak anda tidak bisa hanya menekan "enter" saja. Untuk memberi jarak perbaris kita perlu tag HTML yaitu
sedangkan untuk spasi seperti yang sudah saya jelaskan tadi, kita perlu menggunakan HTML entity / character entity, untuk spasi character entitynya adalah . Langsung saja coba kode berikut ini:



Baris 1
Baris 2
Baris 3
Baris
4</p>

Hasil:

Baris 1
Baris 2
Baris 3
Baris 4

Untuk memberikan garis horisontal digunakan tag <hr>. Tag <hr> memiliki beberapa atribut. Tag <hr> tidak memerlukan tag penutup jadi tag <hr> merupakan standalone tag. Coba contoh berikut ini:



Halo nama saya Telo</p>
<hr width="25%" align="justify">


Saya lagi belajar membuat garis horisontal.</p>
<hr size="4" align="justify">


Matur nuwun</p>
<hr size="3" noshade color="#000000" width="25%" align="justify">

Hasil:
Contoh penggunaan Horizontal Rules

Seperti yang anda lihat, anda bisa memasang banyak atribut dalam satu tag. Pada tag <hr> terdapat atribut yang tidak memiliki nilai yaitu noshade. Memang dalam beberapa tag HTML terdapat atribut-atribut yang tidak memiliki nilai. Salah satunya adalah noshade yang berarti menghilangkan bayangan pada garis. Anda dapat melihat perbedaan tag <hr> yang menggunakan noshade dengan yang tidak pada kode diatas.

Bagaimana? mudah kan belajar HTML, jangan senang dulu sekarang kita akan mempelajari yang lebih sulit
Links

Oke anda telah membuat banyak halaman HTML, sekarang bagaimana caranya anda berpindah dari satu halaman ke halaman yang lain? Apakah saya perlu menuliskan alamatnya di browser? Link adalah jawabannya. <a> merupakan tag HTML untuk membuat link agar kita dapat berpindah ke halaman lain. Tag <a> memiliki atribut yang sangat penting yaitu href. Langsung saja coba kode berikut ini:

My Homepage

Hasil:

My homepage

Jika anda lihat, maka teks homepage telah berubah menjadi link, jika anda klik maka browser akan menuju alamat yang tertera pada atribut href. Sekarang jika anda memiliki banyak file HTML dalam satu folder, apakah saya perlu menggunakan http:// untuk melinknya? tentu tidak anda cukup menulis nama filenya saja, asalkan file tersebut berada satu folder dengan file yang berisi link. Contoh:

My homepage

Hasil:

My homepage

Jika anda klik, maka browser akan membuka file contact.html yang berada pada satu folder. Bagaimana jika filenya berada difolder lain? gampang, gunakan kode berikut:

My homepage

Hasil:

My homepage

Jika anda ingin ketika link diklik dan halaman tersebut muncul pada jendela browser yang baru, gunakan atribut target="_blank" seperti ini:

My homepage

Oke silahkan anda coba sendiri untuk melihat hasilnya, sekarang kita akan belajar tentang images
Images

Pertengahan tahun 90'an website-website yang ada tidak memiliki gambar, karena browser yang ada tidak memiliki kemampuan untuk menampilkan gambar. Tetapi sekarang website tanpa gambar akan terlihat membosankan, tetapi website dengan banyak gambar akan terlihat menyebalkan, nah lo. Jadi gunakan gambar seperlunya, keluarkan semua imajinasi dan nilai seni anda untuk dapat membuat website yang nyaman dilihat. Saya tidak akan mengajarkan bagaimana cara membuat gambar disini, ada kategori lain diwebsite ini untuk belajar mendesain, anda dapat belajar menggunakan Photoshop. Gambar yang dipasang di website disarankan menggunakan bertipe file gif atau jpg. Untuk memasang image anda memerlukan tag <img>. Tag <img> tidak memerlukan penutup dan memiliki atribut src untuk mengambil gambar dari suatu alamat. Coba contoh berikut ini:

[img]images/artikel/introhtml_02.gif[/img]

Hasil:
Contoh Gambar

Atribut src disini sama dengan atribut href pada tag <a> yang berisi alamat posisi gambar. Pada contoh kode diatas anda memiliki gambar introhtml_02.gif yang berada pada folder images. Jika anda tidak memiliki file tersebut maka gambar tidak ditampilkan. Atribut width dan height merupakan opsional, tapi saya sarankan untuk mencantumkannya agar browser mengetahui ukuran gambar apabila gambar gagal ditampilkan. Atribut alt berguna untuk menampilkan teks pada gambar jika gambar gagal ditampilkan atau belum selesai ditampilkan. Anda dapat memberikan garis tepi pada gambar dengan menambahkan atribut border

<a href="http://www.dhimasronggobramantyo.com">
[img]images/introhtml_02.gif[/img]</a>

Hasil:

Contoh Gambar
Komentar

Anda dapat menuliskan komentar dikode HTML, komentar berguna apabila anda ingin kembali mengutak-atik kode maka anda ingat kode tersebut fungsinya apa. Komentar hanya untuk memudahkan anda saja. Komentar tidak ditampilkan oleh browser. Untuk menulis komentar diawali dengan lihat contoh berikut ini:




Nama saya Dhimas</p>

List

Tag list berguna untuk menampilkan list-list. Ada 3 macam jenis list pada HTML. Yang pertama adalah Unordered List <ul>:

<ul>[*]List 1[*]List 2[*]List 3[/list]
Hasil:

* List 1
* List 2
* List 3

Tag <ul> merupakan tag pembuka. Diantara tag <ul> Anda dapat menambahkan tag[*] untuk setiap list yang akan ditampilkan. Tag list lainnya adalah Ordered List[list=1] Anda dapat menggunakannya sama seperti tag <ul> Contoh:

    List 1
    List 2
    List 3


Hasil:

1. List 1
2. List 2
3. List 3

Jika anda ingin memulai list tidak dari nomor satu tambahkan atribut start. Contoh:

    List 1
    List 2
    List 3


Hasil:

3. List 1
4. List 2
5. List 3

Tabel merupakan hal yang paling penting dalam membuat interface website anda. Dengan tabel anda dapat memecah layout website menjadi beberapa kolom atau baris. Dengan tabel halaman website anda akan lebih rapih.
Table merupakan tag html terumit, karena didalam tag table terdapat tag-tag lainnya. Dan table sangat penting. Karena itu sebelum meneruskan, tarik nafas dalam-dalam dan konsentrasi.

Untuk membuat tabel maka diperlukan tag-tag dasar seperti ini :

* <TABLE></TABLE>--Tag ini merupakan containers untuk membuat tabel.
* <TR></TR>--Didalam tabel tag ini berfungsi untuk membuat baris.
* <TD></TD>--Tag untuk membuat kolom. didalam tag <tr> harus terdapat tag <td>, anda bisa menambahkan banyak tag <td> didalam <tr> untuk membuat kolom.
* <TH></TH>--Sama dengan <td> hanya saja berfungsi sebagai header, biasanya digunakan pada baris pertama didalam tabel.

Setiap tag tabel tersebut memiliki banyak atribut. Oke langsung saja coba kode berikut ini:

Contoh:

<table border="1" width="60%">
<tr>
<td>Contoh Table</td>
</tr>
</table>

Hasilnya:

Contoh Tabel

Tabel diawali dengan tag <table> dan biasanya memiliki atribut border. Jika border="0" maka garis pada tabel tidak ditampilkan. Biasanya jika kita tidak menampilkan atribut border maka otomatis tabel tersebut juga tidak memiliki garis. <table> memiliki atribut cellpadding untuk memberi jarak didalam kolom dan cellspacing untuk memberi jarak antara kolom. Coba kode berikut ini:

<table border="1" width="200" cellpadding="4" cellspacing="5">
<tr>
<td width="100">Cell 1</td>
<td width="100">Cell 2</td>
</tr>
</table>

Hasil:

Cell 1


Cell 2

Coba anda ubah nilai dari atribut cellpadding dan cellspacing untuk melihat perbedaannya, cobalah untuk mengutak-atik kode diatas dengan mengubah nilai-nilai atributnya.

Setiap tabel memiliki baris dengan menggunakan tag <tr>. Didalam baris perlu sebuah kolom atau lebih, kolom dibuat dengan menggunakan tag <td>. Untuk lebih jelasnya cobalah kode berikut ini:

<table border="1" width="200" cellpadding="2">
<tr>
<td width="100" align="center" bgcolor="#C0C0C0">Header</td>
<td width="100" align="center" bgcolor="#C0C0C0">Header</td> /
</tr>
<tr>
<td width="100">cell 1</td>
<td width="100">cell 2</td>
</tr>
<tr>
<td width="100">cell 3</td>
<td width="100">cell 4</td> /
</tr>
</table>

Hasil:

Header


Header

cell 1


cell 2

cell 3


cell 4

Bagaimana anda mengerti maksudnya kode diatas, coba anda pahami dulu. Pada kode diatas terdapat atribut bgcolor yang berguna untuk memberi warna pada background. Didalam kolom <td> anda dapat menuliskan kode HTML apa saja, bahkan anda dapat memasang tag <table> didalamnya, yang berarti anda memasang tabel didalam tabel. Contoh lainnya:

<table border="1" width="200" cellpadding="2">
<tr>
<td width="100" align="center" bgcolor="#C0C0C0">Header</td>
<td width="100" align="center" bgcolor="#C0C0C0">Header</td>
</tr>
<tr>
<td width="100" rowspan="2" valign="top">cell 1</td>
<td width="100">cell 2</td>
</tr>
<tr>
<td width="100">cell 4</td>
</tr>
</table>

Hasilnya:

Header


Header

cell 1


cell 2

cell 4

Anda lihat ada atribut rowspan="2" ini berguna untuk menggabungkan 2 baris menjadi satu, jika anda ingin menggabungkan lebih dari 2 baris, ubah saja nilainya. Bagaiman susah? coba anda pelajari terus. Jika sudah coba anda pahami kode berikut ini:

<table border="0" width="200" cellpadding="2" cellspacing="1" bgcolor="#000000">
<tr>
<td width="100" align="center" bgcolor="#C0C0C0">Header</td>
<td width="100" align="center" bgcolor="#C0C0C0">Header</td>
</tr>
<tr>
<td width="100" valign="top" bgcolor="#CCCCCC" align="left">Left</td>
<td width="100" bgcolor="#CCCCCC" align="right">Right</td>
</tr>
<tr>
<td width="200" valign="top" colspan="2" bgcolor="#FFFFFF" align="center">
Table is cool</td>
</tr>
<tr>
<td width="200" valign="top" colspan="2" bgcolor="#FFFFFF" align="center">
But it's not easy</td>
</tr>
</table>

Hasil:

Header


Header

Left


Right

Table is cool

But it's not easy

Anda sudah mengetahui dasar-dasar HTML. Masih banyak lagi tag-tag HTML lainnya seperti frames dan form. Saya akan mengajarkan frames diartikel lainnya, tetapi frames harus dihindari dalam membuat website, alasan utama apa yang ada didalam frames tidak terbaca oleh Search Engine. Tag form hanya dibutuhkan apabila anda membuat website dinamis menggunakan bahasa pemrograman web seperti PHP, ASP, Perl atau JSP.

Sekarang kita akan membicarakan tag <META>. Tag <META> digunakan agar search engine mengenal dan dapat mengkategorisasikan website anda, gampangnya agar search engine mengetahui website anda isinya tentang apa. Tetapi tidak semua search engine membaca tag <META> tetapi sebagian besar membaca tag ini, jadi kita perlu menyertakannya pada website kita. Tag <META> berada diantara tag <head> bukan <body> yang berarti isi tag tersebut tidak ditampilkan dibrowser.

Sebenarnya apa sih kegunaan Search Engine dan apa pengaruhnya untuk website? Saya akan jelaskan secara gampang, anda memiliki website katakan websitesaya.com, nah bagaiman milyaran pengguna internet dapat mengetahui kalau ada sebuah situs websitesaya.com diantara ratusan juta situs lainnya. Pengguna internet banyak yang melakukan pencarian melalui search engine seperti google atau yahoo. Jika mereka melakukan pencarian dan situs anda muncul pada hasil pencarian tersebut, maka anda mendapatkan pengunjung yang mengunjungi website anda. Bagaimana agar website saya ada di google atau search engine lainnya? ya dengan menggunakan <META> maka search engine akan mengenali website anda. Sebenarnya prosesnya jauh lebih rumit, search engine memiliki perhitungannya sendiri seperti ranking, backlink, recipocal link, tetapi kita ambil gampangnya saja.

Oke anda sudah mengerti pentingnya tag <META>Tag <META> memiliki atribut yang paling penting Keywords dan DESCRIPTION dimana kita memasukkan deskripsi dan kata kunci yang berhubungan dengan website kita.

Sebagai contoh misalnya kita memiliki website kecoak.com yang berisi bagaimana cara memelihara dan beternak kecoa. Maka kira-kira kita perlu membuat meta seperti ini:

<html>
<head>
<META content="kecoak.com" name=AUTHOR>
<META content="Cara memelihara dan beternak kecoak." name=description>
<META content="kecoak, beternak, memelihara, coro, ternak, pelihara" name=keywords>
<META content="INDEX, FOLLOW" name=ROBOTS>
<META http-equiv="Content-Language" content="en-us">
<META http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ternak Kecoak</title>
</head>

Kira-kira seperti itu, ok anda telah mempelajari HTML, sekarang anda tinggal turun gunung dan mempraktekkan apa yang sudah dipelajari. Teruslah mencoba agar anda semakin ahli.

Sumber Tulisan :

http://www.dhimasronggobramantyo.com/artikel /Belajar_HTML_yang_merupakan_dasar_dari_pembuatan_website

Icon Maker

IcoFx adalah sebuah aplikasi freeware yang mendapatkan penghargaan pemenang Icon Editor. IcoFx juga merupakan salah satu aplikasi untuk men-generate sebuah gambar dengan format JPG ke dalam format ICO dan mempunyai ukuran yang relatif kecil yaitu 1,4 Mb sebelum di install dan 3,6 Mb setelah proses instalasi.

Standar persyaratan sistem yang dibutuhkan adalah :

• Microsoft Windows (R) 2000/XP/Vista/7
• Pentium (R) or AMD Athlon - 600 Mhz or more
• True Color Video Card
• 50 Mb HDD

 Dan Features dari IcoFx ini sendiri adalah :

•     Support for Vista icons with PNG compression
•     Create icons for Windows 98 / ME / 2000 / XP / Vista / Macintosh
•     Support for alpha channel (transparency)
•     Batch processing for handling multiple files
•     Built in resource editor for creating icon libraries or changing icons inside exe files
•     Zoom icons up to 10000% for increased precision
•     Import image dialog, for creating icons from images
•     Convert Macintosh icons to Windows icons and vice versa
•     Open, save, edit and convert Macintosh OS X icons
•     Extract Macintosh icons from resource files
•     Snapshot window for creating overviews of the icons
•     More than 40 built in effects, including Drop Shadow
•     Use custom filters to create your own customized effects
•     Multiple language support
•     Resolutions up to 256x256
•     Data types: 2, 16, 256, True Color, True Color + Alpha (optional dithering for 2, 16, 256 colors)
•     Extract icons (including Vista icons) from 32 bit exe and dll
•     Import / export images (transparency also) from bmp, jpg, gif, png, jp2
•     Many useful drawing tools like brush, line, rectangle and more
•     Transparent, Brighten/Darken, Blur/Sharpen tools for retouching
•     Create icon from an image with a single click
•     Adjust the contrast, brightness, hue, saturation, transparency and color balance of icons
•     Change the dimension of images
•     Images can be faded using the fadeout dialog
•     Increase / decrease the opacity of an image
•     Easy shadow handling
•     RGB and HSB color modes
•     History of recently opened files
•     Window menu for easy window switching
•     Possibility to store favorite colors
•     Capture image from the desktop
•     Grid for precision work
•     Side bar for easy image switching
•     File Explorer window for easy file browsing and importing
•     Full drag and drop support
•     Sizable preview window
•     Multiple undo
•     Blur the edge of the brush
•     Rotate the image at any angle

Untuk link download-nya silahkan klik disini. Selamat mencoba dan kami sangat menghargai komentar Anda***