Belajar memahami arti hidup | Raitucarp Sunrarahbir's Blog

Baru nemu software Table to CSS Converter - Table2CSS

noreply@blogger.com (raitucarp sunrarahbir) — Sun, 23 Mar 2008 09:54:00 +0000

Hari ini, secara kebetulan, saya pengin banget nyari program untuk mengkonversi table ke CSS layout. Pencarian saya ini dikarenakan saya lagi membuat proyek baru **rahasia*. Dan ingin menyelesaikannya sekarang juga, karena waktunya sangat mepet. Ditambah lagi, membuat web yang bagus dan WAI ( Web Accessibility Initiative ) menggunakan div ( css layout ) sangat sulit, lebih sulit dibandingkan dengan menggunakan table.

Kita tahu, jika suatu web menggunakan table didalamnya, maka ukuran filenya akan membengkakyang menyebabkan bandwith kita cepat habis ditambah lagi waktu load halaman menjadi lebih lama dibandingkan menggunakan CSS layout.

Tehnik penggunaan CSS layout adalah salah satu point WAI. WAI ( Web Accessibility Initiative ) di perkenalkan w3c untuk memudahkan para arsitek website membangun webnya dengan ringan, dan user friendly serta memangkas waktu load halaman web kita. untuk lebih jelasnya klik disini.

Yup, kita kembali kemasalah cara mengkonvert table menjadi CSS tableless layout. Bagaimana cara mengganti table menjadi CSS layout menggunakan div ? Sebenarnya, lumayan sulit juga jika kita membuat CSS layout mulai dari pertama ( tapi kalau sekedar mengubah-ubah saja sih, itu mainan gue sejak kecil heahahaea ), penyelesainya adalah menggunakan suatu program yang dapat mengkonversi table menjadi div.

Hari ini, sejak tadi pagi saya mencari program2 yang saya maksud tadi tidak ketemu. Sebenarnya ada suatu software yang sudah kita kenal, yup, macromedia Dreamweaver. Macromedia dreamweaver membolehkan kita untuk mengkonversi table menjadi layer layout (atau div layout) tentunya menggunakan inline style. Untuk lebih jelasnya klik disini. Tapi sebenarnya software yang saya maksud adalah Table2CSS.

Sebenarnya saat saya mencari di google, saya menemukan software ini di hampir semua website ato blog software reviews. Tapi setelah saya klik ternyata shareware, agak kecewa juga sih. Dan setelah saya cari2 dan mencari lagi, eh... ternyata ada orang indonesia yang membahas tentang software ini ( ato lebih tepatnya blognya situskamu.com ). Untuk lebih lanjut dan mendownload softwarenya klik disini, sebenarnya saya mau langsung membagi2kan, tapi untuk lebih nyaman, dan lebih lanjut, klik disini aja.

Maaf, sekali lagi, jika anda tidak paham dengan kata2 saya atau postingan ini yang agak gimanaa gitu. Ya.. itulah saya, soalnya saya jarang ngeblog, ya jadinya seperti ini. Maklum, saya lebih seneng ngutek2 script php daripada ngeblog. :ngacir:

Maaf saya blogger bukan wordpresser !!

noreply@blogger.com (raitucarp sunrarahbir) — Fri, 21 Mar 2008 09:08:00 +0000

Setelah membaca tulisan sahabat saya si bocah ( bayu mukti ) dalam postingannya yang berjudul Pemakai Wordpress Sombong !!!! yang seolah olah membuka perang ~~dunia ke 3~~ dingin antara pengguna blogger dan wordpress, akhirnya saya ~~emosi~~ tertawa juga. Tertawa saya di sebabkan karena bayu memberi status pada YM miliknya dengan tulisan Perang dingin antara blogger dan wordpress mania belum reda. Bagaimana tidak tertawa karena disebabkan oleh masalah-masalah spele saja.

OK, kita kembali ke masalah blogger dan wordpress. Karena saya pengguna blogger, saya patut marah ( tetapi bukan berarti membela seseorang yang telah dibahas oleh si bocah dalam blognya yang menurut saya sangat egois). Marah saya karena seolah-olah pemilik blog yang ada di blogger adalah newbie semua. Sekali lagi saya tekankan Maaf saya blogger bukan wordpresser !!. *kaburr sambil diam** :D

Meskipun blogger merupakan layanan ngeblog gratis untuk para blogger, blogger cukup bagus untuk ngeblog, walaupun tanpa plugin dan theme yang menarik seperti wordpress. Kita lihat saja blog dari google. Kebanyakan blog dari google di posting dengan menggunakan service gratis ngeblog dari blogger. Contohnya ini, ini dan ini dan tak lupa ini.

Jadi, buat apa perang dingin segala. Toh, clurit masih mahal kan ? dari pada beli clurit lebih baik beli hosting untuk ngeblog pake wordpress ( loh kok ? ) ^_^ ( maaf cuma senyum, padahal pengin ketawa, habis blogger gak ada emoticonnya sih . huahuahua) Dalam masalah ini saya cukup mengatakan. Pokoke ~~mak nyus~~ ngeblog ( padahal saya jarang ngeblog, lebih sering ngutek-ngutek script php ).

Download MP3 Gratis, 100% Free, Top Ten Lagu Indonesia, HOT Lagu Indonesia

noreply@blogger.com (raitucarp sunrarahbir) — Sat, 16 Feb 2008 04:10:00 +0000

Mau tahu caranya download mp3 gratis ? ato pengin download tangga lagu indonesia , atau pengin download lagu populer? dijamin gratis, free 100%, legal. O iya, Mulai sekarang gue akan ngeblog dan posting sesuka hati gue.

Ok deh, kita kembali cara download lagu gratis. Caranya cukup gampang, yaitu :

Pergi ke bearshare dan download programnya, tentu saja gratis.
Setelah download dan proses Installation selesai. Biasanya kita disuruh daftar dulu, daftarnya juga gratis, praktis, dan cepat.
Kalau udah ndaftar, biasanya langsung login.
Setelah itu, langsung aja menuju search. Dan ketik di kolom paling kiri. Bisa diketik judul lagu, bisa diketik artisnya atau nama band. Contoh: ketik, Cinta Tak Pernah Sama. Ato cukup artisnya aja. Contoh: Nidji, Dewa 19, Slank, Peterpan, Letto, Vagetoz, Maia, The Rock, Muse, Yovie & Nuno ato Yovie aja. Andra and The Backbone. Once, dll pikir sendiri, malu ah dah gede, masa minta diajarin begituan ~~bugil~~. He.. he.. he..
Tunggu beberapa saat dan muncullah lagu favorit kita dan tinggal klik download aja.

Kalau udah bisa ya udah brarti elo pinter, kalau kamu-kamu blum pada bisa, PM gue aja, Tuh ID YM gue ada disamping. ( kalo males ngeklik, efraim0net klo di YM ). Saya akan bantu kamu-kamu sampai bisa. Tapi bayar lho, gak gratis. hehehe.. bcanda

Makanan khas diobral dengan harga $5000 keatas

noreply@blogger.com (raitucarp sunrarahbir) — Fri, 15 Feb 2008 13:50:00 +0000

Mau makan enak ? disini tempatnya, pasti dijamin mak nyoos ( kayak kata om bondan tuh ). Sst, tapi jangan bilang-bilang sama om dan tante ya, bisa-bisa dimarahin nih gue kekekek :)

Ini dia makanan khas yang harganya selangit, menurut pendapat gue, klo mau ngicipin gratis, tapi di pasaran ( internet ) makanan di bawah ini mahal harganya ( banyak pendapatannya ) :

Lontong Balap
Jadi ngiler, soalnya emang enak, bikin gimana gituh. Paling cocok makan lontong balap sambil ngitung duit :)

Gudeg
Wih, gudeg, kesukaaanya bule2, paling enak makan gudeg sambil jual pulau ato villa pasti terasa, apalagi dicampur dengan Nasi Jenggo atau ayam betutu. Klo pengin gudeg basah klik aja

Tiwul
Enak juga. Apalagi minumannya wedang bajigur. Btw, enak dimakan pakek ~~Asian~~ Asinan gak pake brain loh :)). Cocok dibuat makan sambil tiduran megang laptop ama uang.

Lontong Tahu
Seharian habis parkir, enaknya makan lontong tahu khas blora, wih nyam2. Habis itu mandi hanya dengan air 1 ember. Wih seger, apa lagi klo lebih :) ( kalo gak tau maksudnya ya udah

Bebek betutu duet dengan Ayam Betutu
Mana yang lebih enak ? tergantung, semakin kita berlendir, semakin enak :). Tapi yang bebek bekutu, enak dimakan klo udah dapet batangan emas.

Lain-lain
Ada gaplek

Maaf, makanan yang saya cicipi ( ketahui ) cumak itu aja. Kalau punya makanan khas yang harganya melebihi $5000 tolong kasih tahu saya ya, soalnya saya belum begitu tau makanan yang mahal.

Yang masih murah tapi patut dicoba

Gak tahu yah, enak pa enggak rasanya tapi kayaknya enak juga soalnya sering dibeli ama om gue ( om google ). Buat yang lain, yang pengin ama gue buat nyobain masakan situ, mohon PM saya, YM saya ada disamping
Brem, Sop kambing

Sekali lagi buat temen-temen yang makanannya pengin dipampang disini, saya siap mencicipinya, hubungi saya via YM, PM aja boz, gitu aja kok repot, maka dalam satu atau dua hari makanan anda akan saya cicipi, dan akan saya kategorikan makanan mahal, murah tapi laris, ato makanan biasa-biasa aja.

Sekian cicip-mencicipnya. Tetep-sehat, tetep semangat biar kita bisa makan-makan terus diwisata kuliner makanan mahal ( $5000 lebih )

Tool For SEO

noreply@blogger.com (raitucarp sunrarahbir) — Sat, 19 Jan 2008 13:52:00 +0000

Tool for SEO sangat dibutuhkan bagi pebisnis online yang mengandalkan SEO. Saya disini tidak akan panjang lebar memberikan penjelasannya. Tapi jika ingin tool-tool yang bagus , saya punya beberapa situs yang mampu membuat situs temen2 jadi tambah rankingnya di SE.

Berikut tool2 online untuk meningkatkan SEO kita :

tools.seobook.com
123 SEO tools
Advanced Tag Generator

Mungkin hanya tiga tapi khasiatnya. Wuih222. Sekian dulu ya temen2. Maaf blog ini jarang di update, soalnya lagi males. :D

Ilmu dari Cosa Aranda, Mas Keke, dan Para Guru untuk Newbie

noreply@blogger.com (raitucarp sunrarahbir) — Sat, 12 Jan 2008 14:46:00 +0000

Cosa Aranda, Mas Keke, Isnaini, Dwi Darto dan para master lainnya memberi pengarahan untuk kita para newbie yang masih dodol umumnya dalam dunia OB atau (Online Business bukan Office boy lho hehehe...) khsususnya pada bagian pelajaran SEO.

Dalam conference lewat YM yang diprakarsai Bocah atau bisa juga dipanggil ubay ato bayu ini para newbie mendapatkan tips-tips kusus SEO. ( Cah, makasih ma aku dong, dah aku kasih link di postinganku ) :D

Malam minggu kusendiri tak ada yang menemani, seperti seperti malam-malam. Yang sudah-sudah. hehehe. soalnya pas malem minggu

Berikut kutipan yang saya ambil dalam seminar singkat tersebut ( saya potong-potong pembicaraanya sebab banyak newbie yang ngomong OOT dan gak jelas ) :

yang berwarna merah adalah moderatornya ( termasuk saya :D )

Pelajaran dari OM keke

bocah: sebenarnya yang paling berpengaruh untuk seo?
om keke : Pertanyaannya kurang memikat. Aturan . no black hat; > bikin mindset bisnis online kita rusak. Dimana mana kalo abu abu itu bikin gak jelas.

victor_setyono : gray hat om keke ?
kuburanceria : gray hat tuh apa ?

om keke : harus dari awal white hat. gunakan secara benar

bocah: yg tergolong black hat ?
bla.. bla.. dari newbie lain

om keke : black hat seperti cloacking
bla.. bla.. dari newbie lain

om keke : Sebenarnya gak ada yang susah, SEo itu yang dibutuhkan ketekunan. Gak perlu black hat atau bypass. Blackhat gak bawa banyak pengaruh kok.

kuburanceria : kalo grey hat?

om keke : Sama ajah. gak banyak bawa pengaruh. Kalo pengaruh malapetaka. jelassssssssss. bagi saya kalo Anda masih suka mainan black hat SEO, berarti masih tergolong webmaster jadul. Yang main blackhat gak bakalan naik. Si google udah bisa ngedetect ini curang ato nggak. Jadi langsung ada result.

bla.. bla.. dari newbie lain

mestijoyo : silkan di lanjutkan ke white seo.

om keke : Main seo sekarang % lebih mudah.
bla.. bla.. dari newbie lain

om keke : intinya gini. . meta tag. . header. . content. . footer. cara penulisan meta harus benar. penulisan keyword pada meta tag harus semantic. jangan asal nulis di title pake koma koma.

victor_setyono : validasi html ngaruh banyak nggak sih?

om keke : maksut dari validasi? ( gak dijawab )

Saya singkat intinya saja biar lebih praktis tanpa mengubah kata2 beliau.

om keke : camkan kata kata saya. semuanya. dah siap?................. .. ini inti dari kita menang di search engine. abis itu pikirkan sendiri. kalo mo SEO

Bocah : apa inti sebenarnya dari seo itu ?

om keke : robot itu membaca sekita kurang lebih 250 karakter dari atas. gunakan kesempatan 250 karakter itu sebaik baiknya untuk mengarahkan target keyword . gak perlu main cloacking, blachat or black cat dead;))

Dari Mas Cosa Aranda

CA : aku kasih tambahan sedikit rahasia soal seo. Bukan rahasia sih, tp mungkin banyak yg lom tau :). google akan prioritaskan paragraf pertama dan terakhir dari content. Selanjutnya, kalimat pertama dan terakhir dari masing2 paragraf. terakhir, kata pertama dan terakhir di kalimat PERTAMA di paragraf PERTAMA. jadi, pastikan keywordnya ada di situ

Raitucarp : ( kalo di YM efraim0net alias saya ): apa meta tag description itu perlu ? ato malah ga usah diberi ?

CA : perlu.

kangbarok69 : di blogspot?

CA : aku gak bisa blogspot. :)

Bocah : kalo masalah update pagerank. yg mas bicarakan tadi, apa yang mempengaruhi ?

CA : pagerank skrg cmn dipengaruhi backlink dari situs setopik. itu aja

Raitucarp : ( kalo di YM efraim0net alias saya ): saya pernah baca di google, cara google men crawl kita mirip lynx text browser, apakah benar ?

CA : bener. untuk _content_, yg dibaca adalah text output halaman kita, bisa dengan kuatin backlink dari situs setopik.

Bocah : apa seo mempengaruhi kenaikan PR

nononamenonoo : social bookmarking apakah itu artinya backlink mas ?

CA : iya. tapi untuk PR percuma

Raitucarp : ( kalo di YM efraim0net alias saya ): saya pernah baca juga dari google, sebelum mensubmit blog ato situs kita di google, apakah kita harus mempunyai backlink ( sejenis / satu topik ) dulu ? apakah itu bisa meningkatkan PR kita ?

CA : submit blog sebetulnya gak perlu. lebih baik kasih backlink. ama submit sitemap. ... ..
topik terakhir yah (mo updet nih), soal bocoran SEO 2008 dari Matt Cutts.videonya bisa diliat sendiri di http://www.youtube.com/watch?v=-dSMFiCjwwE .Intinya, ada 4 bagian yg ditekankan matt cutt untuk arah seo di tahun 2008. Yg pertama, high-quality original content. Yang kedua, personalisasi dan lokalisasi. Ini tentang fokus target pengunjung anda, baik dari sisi demographic, bahasa, niche, dll. Yang ketiga, masalah contact info. Seperti sudah digosipkan sejak tahun 2007, situs dengan info kontak yg jelas akan punya SERP yg lebih baik. Terakhir, masalah mobile access. Ini lom jelas, tapi sepertinya, situs kita juga harus punya accessibility yg bag. kalo mo fokus untuk seo, ya itu yg perlu dibahas :)

pile110385 :-? maksudnya sisi demographic apa ya ? :"> maklum sekolah ga tamat.

CA : cek google webmaster tools, skrg kita bisa ngeset situs kita fokus ke wilayah demographic yg mana. kalo bahasa indo, berarti target indo, jadi kudu diset wilayah demographicnya indo.

Dari Mas Isnaini dan DwiDarta

Bocah : untuk pagerank. apa aja yg sebenarnya mempengaruhinya ?

Isnaini : aku selalu bilang content dan backlink.

pile: apa perlu ping ke banyak ping service ?

Isnaini : nggak perlu ping ke semua service

Isnaini : @pile: blog kan ada pingnya. nah kalo postnya banyak otomatis pingnya banyak donk, bisa2 dianggap spam. gimana ngakalinya.

Bocah : baclink dari search engine dan bookmark termasuk ga ??

Isnaini : masuk juga asal nggak "nofollow", baiknya link memang dari web sejenis, karena tetangga yg nggak baik juga bikin web kita gak baik

Bocah : @dwidarta apa baclink search engine dan social bookmarking itu ga bisa mendongkrak page rank ?

dwidarta : bisa... sangat bisa.. bahkan saya radikal bilang... ngak setopik pun bisa nambah pagerank.

Bocah : kalo tadi mas cosa bilang ga ada pengaruh mas

dwidarta : pendapat orang beda2 ;)

Isnaini : kalo yg nge-link ke web kita jelek, kita ikut jelek. kalo yg nge-link ke web kita bagus, web kita ikut bagus.

pile110385 : ccording to Matt Cutts, the Google Quality/Spam team manager, those back links will now be detected and labeled by Google as “search engine spam

dwidarta : yang tau logika google ya cuman google ;))

Bocah : sekarang buat @dwidarta dan @isnaini. bagaimana link dari web2 iklan baris gratis. apa dianggap ?

dwidarta : kalo yg nge-link ke web kita jelek, kita ikut jelek. kalo yg nge-link ke web kita bagus, web kita ikut bagus.

Bocah : umpama saja www.iklanads.com dan www.iklanyuk.com dianggap ga ? bisa dijelaskan disini ?

dwidarta : kalo situs jelek ngelink ke kita ngak ada pengaruh. tapi kalo kita ngelink ke situs yang jelak. jelek. langsung kena efeknya dalam seminggu ;))

Bocah : ok2. Nah saya mau tanya mas isnaini. anda pernah bilang kalo anda tidak pernah iklan2. hanya menggunakan teknik link antar blog. apa semua blog mas isnaini itu dikelola dengan baik ? @dwidarta > apa situs FFA itu dianggap buruk oleh SE ?

oknoorap : saya mau tanya apakah selain google dan yahoo masih banyak search engine yang bisa mengoptimalkan situs web kita?

dwidarta : @oknoorap google kena banned.. yahoo masih kirim visitor kok ;)) jadi penting sekali optimasi buat semua SE..

isnaini : iyah, aku gak pernah promosi khusu, sebagian besar terurus, sebagian gak. dikelalola dengan baik? aku punya 2 orang yga aku bayar untuk ngupdate blog2 ku

Bocah : @isnaini terima kasih

dwidarta : @bocah FFA :)) ngak pernah denger ... gaptek :))

Itulah wawancara dari newbie untuk master dalam conference hari sabtu 12 januari kemaren. Mudah2an bermanfaat bagi temen2 yang gak sempet ikut conference. Thanx to Cosa Aranda, Mas Keke, Isnaini, Dwi Darto. Mudah2an kalian Sukses selalu pada tahun 2008 ini.

SEO ala WebMaster - Bagian 1

noreply@blogger.com (raitucarp sunrarahbir) — Wed, 09 Jan 2008 13:48:00 +0000

SE adalah sumber kehidupan bagi sebagian orang. Banyak orang mengandalkan bisnisnya dari SE terutama google. Tak terkecuali guru SEO kita CosaAranda (Ada juga temen kita yang bernama bocah yang selalu memanfaatkan SEO) . Guru kita yang satu ini sudah mengajarkan bagaimana tehnik-tehnik SEO dengan benar dan mantap.

Bagi sebagian blogger dan pebisnis Online, SEO sudah tidak asing ditelinga mereka. Berkat SEO mereka menjadi popular dan mendulang dollar. Tetapi, kebanyakan dari mereka hanya mengamalkan pelajaran dasar SEO.

Setelah saya membaca dari google, saya disini akan menerangkan bagaimana SEO sesungguhnya terutama bagi webmaster (walaupun blogger Pro bisa mengamalkannya juga).

Google memberi penjelasan yang sangat gamblang tentang SEO yang benar. Berikut adalah pelajaran yang saya dapat dari OM google:

Website kita sudah siap.
Website harus wajib dimiliki setiap webmaster (walaupun sekarang blog lebih trend), jika mau di Optimisasi, tentunya website kita sudah siap, dan jika sudah siap, lakukan langkah-langkah berikut :

Punya link dari website lain yang berhubungan dengan web kita.
Web kita harus melakukan link exchange (pertukaran link) terlebih dahulu dengan syarat web yang nge-link kita harus sama topiknya . Lalu
Daftarkan ke SE dalam ini google.
Daftarkan website atau blog kita ke http://www.google.com/addurl.html
Mendaftarkan sitemap ke Google webmaster tools
Untuk mendaftarkan sitemap ke google, kita harus mempunyai akun google dahulu. Google menggunakan sitemap untuk mempelajari struktur web kita. Termasuk link-link di dalamnya. (untuk sitemap saya akan mengulasnya di kemudian hari)
Pastikan bahwa website kita online
Maksud saya, terkadang kita menemui website yang sedang drop servernya. Pada saat drop itulah google akan mengklaim bahwa website kita tidak online. Saya sarankan untuk membeli hosting yang terpercaya untuk urusan web anda. *selingan iklan. Tapi kita juga perlu cek halaman satu persatu, kemungkinan ada yang tidak bisa diakses.
Submit web kita di Open Directory Project dan Yahoo!
Mensubmit website kita di open direktori seperti dmoz.org menurut saya sangatlah perlu. Terutama jika kita membuatnya dengan content bahasa inggriss. Btw, saya hampir tidak percaya, ternyata google masih bersahabat dengan kompetitornya yahoo! hehe.

Panduan mengenai design dan content

Buatlah website dengan hirarki dan link teks yang jelas. Setiap halaman harus bisa dijangkau dan tidak diperbolehkan dengan dinamik link. Contoh : www.iniaku.com/index.php?halaman=iniaku. Untuk pelajaran element <a atau anchor tag akan saya jelaskan kapan2 pada tutorial HTML
Sitemap yang kita buat harus berisi lirang 100 link. Yitu pada element <loc>URL disini<loc/>Jika ingin belajar sitemap, saya sarankan kunjungi sitemap.org.
Buatlah website atau blog dengan content kita sendiri atau unik. Tidak boleh mencontoh apa lagi copy paste.
Berpikirlah sejenak mengenai user yang akan mengunjungi situs kita. Pikirkan kata yang menarik sehingga user pada saat mencari di SE sama dengan salah satu kata di content situs kita.
Gunakan lebih banyak teks untuk membuat content, link. Jangan gunakan gambar!!
Jika menggunakan gambar, gunakan attribut TITLE dan ALT untuk menjelaskan gambar tersebut.
Cek halaman anda terhadap link yang rusak.
Di setiap halaman saya sarankan untuk tidak menggunakan link melebihi 100. Itu akan merusak citra anda pada SE.
Jangan gunakan dinamik link "?" ( biasanya pada CMS joomla ). Hati2, kebanyakan webbot atau spider SE tidak men-crawl URL tersebut dengan baik, dibandingkan dengan link dengan jenis statik.

Pelajarilah dulu ke 15 tips yang saya anjurkan. Semoga artikel ini bermanfaat bagi kita semua. Untuk bagian dua saya akan membahasnya dengan lebih terperinci dan mantab. :D

HTML itu ibarat bahasa bayi (Belajar bahasa HTML) - bagian 2

noreply@blogger.com (raitucarp sunrarahbir) — Tue, 08 Jan 2008 05:03:00 +0000

Belajar HTML tidak lah yang sesulit kita bayangkan. Untuk itu baca postingan saya sebelumnya. Pada postingan sebelumnya saya menagajarkan bagaimana struktur HTML. Kita bisa belajar bahwa setiap tag harus ditutup. contoh: <html> harus ditutup dengan </html> , <head> harus ditutup dengan </head> dst.

Mempelajari bahasa HTML jauh berbeda dengan bahasa XHTML. Misal, HTML mengijinkan attribute tidak diberikan quote contoh : <meta name=keyword content=aa, ll, dd />. Perlu saya tambahkan disini, karena pada postingan sebelumnya saya lupa menulisnya, bahwa disetiap tag memiliki attribut.

<namatag attribut="isi atribut">Ini isi tag </namatag>

Setelah kita mengetahui struktur HTML, saatnya kita mengetahui jenis-jenis element/tag pada HTML:

(mohon diperhatikan bahasa tag dan element, biasanya tag adalah penyebutan untuk HTML sedangkan Element dipergunakan untuk XML dan XHTML, jika saya salah penyebutan mohon dimaklumi karena bahasa XHTML dan HTML hampir sama)

Head element dan strukturnya

Head Elament ( <head> ) memiliki sub element. Beberapa element dibutuhkan browser dalam merender HTML, beberapa lainnya dibutuhkan dalam SEO, dan beberapa lainnya dibutuhkan untuk tehnologi web 2.0 (baca postingan saya mengenai web2.0).

Tag yang diperbolehkan berada di bawag head element ialah :
title
base
link
meta
script
style

Title

Elemen <title> dibutuhkan untuk mengenali dokumen. Beberapa web browser menampilkan <title> di title bar mereka. Contoh:

Pemahaman

Setiap halaman web harus mempunyai judul yang unik. Juga beberapa SE ( Search Engine / Mesin pencari ) lebih menyukai Website yang memiliki judul yang unik. Tag ini hanya diperbolehkan satu saja.

Isi

Teks

Contoh

<head>

<title>Ini adalah judulku</title>
</head>

Base

Untuk memecahkan masalah relatif URL ( Uniform Resource Locator ), kebanyakan web browser akan menggunakan base URL dari tempat dimana web browser mendownload page tersebut.

Attribute

href
Berisi URL absolut. contoh: http://www.iklanku.com

Pemahaman
Jika tag base digunakan, maka semua relatif URL akan mengikuti jalur pada base tersebut.

Contoh

Website aku.com akan selalu mengambil CSS gayaku.css dari http://aku.com

<head>
<base href="http://aku.com">
<style type="text/css">@import url('gayaku.css');</style>
</head>

Dan semua dokumen yang dari luar akan selalu diambil dari basenya.

Link

Tag link Membawa informasi yang dibutuhkan untuk web browser dan SE. Link dapat dibuat banyak. Tag link hanya diperbolehkan berada di elemen/tag head.

Contoh

untuk mengambil file CSS ( dibutuhkan untuk mengatur style dan layout suatu halaman), maka :

<link rel="stylesheet" href="layoutku.css" media="print" type="text/css" />

Untuk menampilkan icon suatu website kita :

<link rel="shortcut icon" href="/ikonku.ico" />

Attribut

Dasar
href
Attribut ini berisi lokasi dari sumber web. contoh: http://www.imageku.com/a.css

Media
Berisi media apa yang digunakan untuk style. Jika kita tidak menetapkan attribut ini, maka attribut ini akan diset sebagai screen. Beberapa Jenis-jenis media yaitu : screen, tty, tv, projection, handheld, print, braille, aural dan all. Jika kita menggunakan dua atau lebih media, harap dipisahkan dengan koma.

type
Untuk bahasa stylesheet. contoh : text/css

Tingkat lanjut

rel
menjelaskan tentang hubungan dari dokumen yang sedang digunakan dengan sumber yang telah didefinisikan oleh attribut href

Meta

Lihat postingan saya Mengenal Meta tag

Script

Tag script digunakan sebagai client-side script / skrip yang dijalankan di sisi klien, seperti JavaScript. Tag ini mungkin akan muncul beberapa kali di elemen head ataupun body. Jadi tag ini dapat ditempatkan di dalam tag head dan di dalam tag body.

Di dalam tag script dapat diisi dengan script ( atau biasa disebut Embedded Script ) atau mengambil script dari luar dengan mendefinisikan attribute src.

Contoh

Embedded Script ( skrip yang ditempatkan didalam tag script )

<script type="text/javascript">
function aku {
window.onload = alert('Ini percobaan tau');
}
</script>

Atau External Script ( Skrip yang diambil dari luar dan tidak ditulis pada halaman )

<script type="text/javascript" src="aku.js"></script>

Attribut

src
Lokasi dari external script. contoh: src="scriptku.js"

type
Berisi content type. contoh: "text/javascript"

Style

Dapat diisi dengan aturan CSS ( embedded CSS) atau sebuah URL mengarah ke file CSS yang berisi aturan CSS dengan ( external CSS )

Contoh

Embedded CSS :

<head>
<style type="text/css" media="screen">
h1 {color: red; text-align: center}
</style>
</head>

External CSS:

<head>
<style type="text/css" media="screen">
@import url('screen.css');
</style>
</head>

Struktur head sangat penting dalam HTML, struktur head dalam HTML tidak jauh berbeda dengan XHTMl, yang membedakan adalah aturan bahasanya sendiri.

Sekian dulu pembahasan mengenai HTML. Untuk tag body dan semua elemen yang dibawahnya, akan dijelaskan pada postingan tersendiri dan diluar judul diatas.

HTML itu ibarat bahasa bayi (Belajar bahasa HTML) - bagian 1

noreply@blogger.com (raitucarp sunrarahbir) — Mon, 07 Jan 2008 02:20:00 +0000

Di amerika, pembelajaran bahasa bayi cukup digemari ibu-ibu rumah tangga. Semakin banyak pula, ibu-ibu dari negeri paman sam ini bisa mahir bahasa bayi. Bayi, bagi mereka sangat penting. Hingga bahasanya pun dipelajari. Lalu apa hubungannya dengan website dan bahasa HTML ?. Ada istilah tak kenal maka tak sayang. Para ibu-ibu di amerika sayang terhadap bayinya. Seperti halnya bayi, struktur website haruslah kita kenal. Mulai dari bahasanya, sampai optimisasi. Sedangkan bahasa paling dasar untuk membangun website adalah HTML.

Webmaster sejati ibarat orang tua bagi websitenya. Bukan berarti webmaster harus mempunyai sebuah website, tetapi dalam membangun sebuah website, bahasa paling dasar yang harus dipelajari ialah bahasa HTML ( Hyper Text Markup Language ). Struktur bahasa HTML adalah relatif mudah dibandingkan temen-temennya ( meskipun bahasa XHTML / XML-HTML lebih terstruktur dan mudah ).

Bahasa HTML adalah bahasa Client, maka dari itu bahasa ini sangat dibutuhkan apabila kita mempelajari bahasa server.

Struktur bahasa html adalah sebagai berikut :

Struktur HTML

Lihat gambar diatas, saya sengaja menggunakan gambar batman agar lebih lucu (^_^) hehe. Batman disebut html, kepalanya disebut head dan badannya di sebut body.

Untuk lebih jelas, struktur sebenarnya seperti ini :

<html>
  <head>
   <body>
      content
   </body>
  </head>
</html>

Untuk bagian satu ini, saya hanya menjelaskan strukturnya saja, bersambung ke bagian dua....

Menjadi Webmaster masih belum terlambat

noreply@blogger.com (raitucarp sunrarahbir) — Sun, 06 Jan 2008 10:13:00 +0000

Internet adalah media masa depan khususnya website. Dengan adanya website, informasi bisa didapat dengan cepat dan mudah. Tiap hari, tiap detik, website-website baru bermunculan tidak peduli itu blog, personal page, service dll. Bahkan, pada saat ini setiap website mempunyai ciri tersendiri dimata kita. Itu karena dunia web sudah memasuki era web 2.0.

Ada website tentu ada tukang kayunya, atau biasa disebut webmaster. Bayangkan jika jagad web tanpa ada webmaster, mungkin tidak akan seperti sekarang ini, bahkan mungkin website tidak akan menjadi media lagi. Pada masa mendatang, webmaster menjadi profesi individual seseorang yang menggeluti dibidang media, mengapa saya mengatakan demikian ? karena web sekarang ini sudah menjadi media yang sesungguhnya. Untuk itu, saya perlu membahasnya sekarang dan kedepannya.

Menurut saya, saat ini webmaster telah terbagi menjadi beberapa bagian :

Web Designer
Adalah seseorang yang merangcang suatu halaman web, baik tampilan ( CSS dan layout ), gaya programming, dan aksebilitas.
Web Marketer
Adalah seseorang yang menggeluti dunia marketing website, termasuk SEO, link exchange. Perbedaanya dengan blogger adalah jika blogger menggunakan cara umum, web marketer menggunakan cara-cara special, seperti penggunaan gaya programming tersendiri.
Web2.0 Developer
Karena fungsi utama dibuatnya web 2.0 adalah aksebilitas atau kecepatan serta layanan, maka seorang web2.0 developer harus menguasai tehnik-tehnik RIA ( Rich Internet Applications lihat postingan saya tentang web2.0) seperti ajax, DHTML, XFORM serta penguasaan bahasa web tingkat lanjut ( XHTML, CSS 2.0 dan Advanced ). Kemungkinan besar web2.0 developer dibutuhkan untuk masa depan.

Seorang webmaster juga harus mengupdate kemampuannya dibidang penguasaan bahasa web. Karena w3c sendiri selalu mengembangkan standar bahasa web dan membuat bahasa web yang baru, maka saya sarankan supaya selalu mengupdate ilmu di situs itu.

Pelajaran pertama ala saya

Jika anda ingin menjadi webmaster sejati, mulailah belajar web design dulu. Untuk itu saya menganjurkan agar melakukan poin-poin berikut :

Punya komputer
Web dibuat dengan komputer, tanpa komputer semuanya sia-sia. Bahkan internetpun hidup berkat adanya komputer. Saya sarankan agar mempunyai komputer sekelas pentium III atau keatas.
Punya software web server
Software web server sangat penting untuk melatih kemampuan kita agar terbiasa dengan keadaan Jagad web saat online. Banyak software atau aplikasi open source bertaburan diinternet. Saya biasa menggunakan Apache untuk membuat web. Anda lebih baik mempunyai software server yang mencakup kebutuhan semua, termasuk pengolahan database, web server dll. Saya menggunakan Wampserver, bukan hanya lengkap tapi juga tidak banyak menghabiskan resource komputer. Menurut saya, WampServer lebih baik daripada PHPtriad yang populer itu.
Punya Software editor
Software editor adalah software untuk membuat semua yang berhubungan dengan web, mulai HTML editor, CSS editor, Script editor. Software editor terbagi atas dua yaitu GUI dan text. Untuk menulis bahasa web / scripting ( client: HTML, XHTML, XML, CSS, javascript dll server: PHP, ASP, Perl, JSP dll ) saya biasa menggunakan Notepad2.0 (^_^). Atau bisa juga pnotepad. Untuk software GUI, saya biasa menggunakan software AStyle untuk CSS dan Microsoft Frontpage / Dreamwaver untuk HTML dan sejenisnya.
Punya Software Image Editor
Untuk menjadi webmaster zaman sekarang, software image editor seperti Photoshop dan ImageReady untuk gif adalah penting. Apalagi web2.0 adalah surga graphic. Jadi kita harus pintar-pintar membuat graphic yang enak dipandang mata.
Penguasaan bahasa web.
Tak kenal maka tak sayang. Jika kita ingin mengenal seseorang, kita harus berkenalan dengan seserang itu menggunakan bahasa. Dalam dunia webpun kita harus mengenal bahasa web. Bahasa web dibagi menjadi dua yaitu client dan server. Untuk client, bahasa yang pertama harus dipelajari adalah HTML dan CSS, kita bisa belajar di w3c. Untuk server, kita bisa mempelajari PHP atau ASP.

Setelah kita mengetahui apa saja yang perlu dipersiapkan sebelum menjadi ~~drunken master~~ webmaster, marilah kita berdoa sebeum belajar. He..he.. he.. Untuk postingan selanjutnya, saya akan memberikan tutorial-tutorial mengenai bahasa web.

Mengenal Meta Tag

noreply@blogger.com (raitucarp sunrarahbir) — Sun, 06 Jan 2008 04:40:00 +0000

Dalam dunia website atau blogging, saya rasa kita telah mengenal istilah SEO ( Search Engine Optimization ). SEO sangat bermanfaat bagi kita semua, khususnya bagi para webmaster dan blogger untuk mengenalkan website atau blog kepada mesin pencari ( Search Engine ). Selain untuk mengenalkan kepada mesin pencari agar website atau blog kita dicrawl, SEO juga bermanfaat untuk kegiatan marketing bisnis dunia maya yang sekarang sedang populer. Disini saya tidak akan membahas tehnik SEO secara rinci. Jika anda ingin belajar SEO tempatnya bukan disini, karena sudah ada Guru / Master kita di indonesia, siapa lagi kalau bukan si culun CosaAranda ( ^_^) bcanda mas, kaburrrr.

Dalam SEO ( Search Engine Optimization / Optimaisasi Mesin Pencari ), mengenal Meta Tag adalah salah satu faktor untuk belajar SEO. Karena Meta Tag tidak kalah pentingnya dengan content yang kita tulis di blog kita atau website kita, maka mengenal kita harus belajar mengenal yang namanya Meta Tag.

Pada dasarnya, Meta Tag adalah informasi tambahan atau metadata pada webpage dan digunakan oleh sebagian Search Engine untuk mecari informasi suatu website. Meta tag terletak diantara tag head ( <head> ) dan ditulis sebagai berikut:

<meta name="..." content="..." />

Attribute
Dasar
name
adalah nama meta, attribute ini dibutuhkan.
content
adalah nilai dari attribute name

Tingkat Lanjut
http-equiv
attribute ini menempati attribute name, Web server menggunakan attribute ini digunakan untuk mengambil informasi pada protokol HTTP untuk merespon pesan header.
scheme
attribute ini jarang digunakan, biasanya digunakan oleh webmaster professional

Macam-macam Meta Tag

Dalam blog resmi Google khusus untuk webmaster, ada beberapa jenis meta tag yang digunakan untuk mendngkrak kepopuleran kita di mesin Pencari.

<meta name="description" content="Deskripsi tentang situs anda">

Digunakan untuk menampilkan penjelasan / deskripsi singkat tentang situs atau blog anda. Informasi pada attribute content akan ditampilkan di halaman search result / hasil pencarian google.

<meta name="keywords" content="artikel, blog, pelajaran SEO">

Meta keyword berisi tentang kata kunci untuk website atau blog kita. Dipisahkan dengan koma. Keyword juga berperan penting pada SEO. Pemberian meta keyword ini sangat efektif jika anda ingin situs atau blog anda terpampang pada 10 besar hasil pencarian.

<meta name="robots" content="…, …">
<meta name="googlebot" content="…, …">

Kedua meta tersebut mengontrol bagaimana SE ( Search Engine / Mesin pencari ) meng- crawl dan mengindex halaman kita. Meta robots digunakan hampir di semua SE, sedangkan meta googlebot dikhusuhkan hanya untuk mengontrol SE Google.

Adapun attribute content pada robots memiliki dua parameter yang dapat diisi dengan :
index, noindex, follow, nofollow
Contoh :

<meta name="robots" content="noindex, follow">
<meta name="robots" content="index, nofollow">
<meta name="robots" content="noindex, nofollow">

ket:
index = memiliki fungsi supaya SE mengindex halaman tersebut
noindex = kebalikan dari index
follow = supaya SE mengikuti semua link yang berada di halaman tersebut
nofollow = kebalikan dari follow
Parameter diatas juga dapat diterapkan di googlebot

Adapun parameter tambahan untuk googlebot sebagai berikut:
noarchive, nosnippet, noodp, NONE ( sama dengan "noindex, nofollow) untuk lebih lengkapnya, anda bisa lihat disini

<meta name="google" value="notranslate">

Meta di atas berfungsi agar google tidak bisa mentranslate content kita.

<meta name="verify-v1" content="…">

Meta verivy-1 adalah layanan google sitemap for webmaster. Attribute content diisi dengan kode yang telah diberikan google. Layanan ini mengharuskan anda untuk mempunyai google account. Fungsi layanan ini digunakan agar situs atau blog kita cepat terindex google.

<meta http-equiv="Content-Type" content="…; charset=…">

Untuk pendefinisian content-type suatu halaman. Meta ini biasa dipakai oleh webmaster pro.

<meta http-equiv="refresh" content="…;url=…">

Meta tersebut merupakan fungsi redirect suatu halman. Pada attribute content, parameter pertama di isi dengan waktu dalam detik. contoh: 0, 1; parameter url diisi dengan alamat url tujuan redirect kita.

Meta sangatlah penting bagi kita seorang webmaster, untuk itu pelajaran meta tag bukan sampai disini saja. Lain kali, saya akan membahasnya secara detil. See u next time...

Cara menampilkan Yahoo! Online Status

noreply@blogger.com (raitucarp sunrarahbir) — Sat, 05 Jan 2008 06:31:00 +0000

Yahoo! Online Status ( Jika di official sitenya di sebut dengan Online Presence ) atau saya sebut dengan OPI merupakan salah satu fasilitas yahoo messenger untuk mengetahui apakah kita sedang online atau offline. Dengan menampilkan OPI di web ato blog kita, para pengunjung web atau blog bisa mengetahui status YM ( Yahoo Messenger ) kita. Cara ini sangat efektif untuk membentuk komunitas atau sebagai online support ( Bantuan Online ) bagi para penjual jasa di Internet.

Ada beberapa cara untuk menampilkan OPI, yaitu dengan cara copas ( copy paste ) kode html berikut ini :

<a href="ymsgr:sendIM?isnainidotcom">
<img src="http://opi.yahoo.com/yahooonline&u=efraim0net&m=g&t=2&l=us&opi.jpg" border="0" /></a>

Dalam kode tersebut terdapat beberapa parameter yang harus diubah :

Pada tag <a href parameter setelah karakter ? harus diubah menjadi ID YM anda, contoh : ?oknorap.
Pada tag &alt;img terdapat parameter u yang merupakan userID anda, ganti parameter u sesuai denga ID atau username anda. contoh: u=userku
Pada tag &alt;img terdapat parameter tampilan yaitu pada parameter t, parameter t merupakan parameter untuk tampilan gambar status anda.

parameter t dapat diubah dengan angka 0-9. Berikut ini adalah tampilan gambar-gambarnya :
(ket: sisi kiri adalah gambar disaat kita offline, sedangkan yang kanan disaat kita online )

t=0

t=1

t=2

t=3

t=4

t=5

t=6

t=7

t=8

t=9

Adapun parameter pada <img yang belum bisa diubah adalah parameter l. Mungkin parameter ini adalah parameter untuk bahasa.

Jika kitaingin menampilkan Yahoo! Online status kita atau OPI kita, cukup copy paste kode di atas, bagi pengguna blogger, caranya cukup mudah, yaitu masuk ke Template > Page Element > Add Element > HTML / javascript > lalu paste kode diatas.

Mungkin pembelajaran di atas bisa memudahkan kita dalam membuat online support atau sekedar penghias blog belaka.

Web 2.0, Apakah itu ?

noreply@blogger.com (raitucarp sunrarahbir) — Fri, 04 Jan 2008 20:55:00 +0000

Internet merupakan media baru sejak era 1990an. Saat itu, website masih berupa tulisan saja dan minim dengan graphic atau anda bisa membandingkan persamaannya dengan command prompt yang ada di windows. Lambat laun, website sudah bisa menampilkan gambar dan image dengan sempurna tapi tanpa didukung dengan CSS atau bahasa HTML yang berstruktur. Mungkin anda bisa menyebut saat itu adalah era web 1.0.

Saat ini, era web sudah memasuki masa web 2.0 ( cara baca: web two point o ). Peralihan masa web1.0 ke web 2.0 juga di karenakan perkembangan di bidang IT sendiri. Mulai dari perangkat komputernya yang memiliki spesifikasi yang tinggi dan mampu merender gambar secara cepat, sampai dengan kecepatan internet yang sangat cepat atau bisa dikatakan 100x lipat dari kecepatan akses internet masa era web 1, tapi juga yang tidak kalah pentingnya adalah web browser itu sendiri yang selalu update mengikuti perkembangan bahasa web.

Web 2.0 merupakan revolusi web masa kini. Banyak pemain besar seperti google, yahoo, alibaba.com, wikipedia dll ( website terkenal lainnya ) sudah mencicipi kecanggihannya. Bukan hanya kecanggihanya dalam berinteraksi dengan client, tetapi juga di tandai dengan tehnologi-tehnologi baru dalam dunia website.

Ciri-ciri adanya tehnologi web2.0 adalah adanya istilah Rich Internet applications, XML and RSS, dan Web API.

Rich Internet Applications

Rich Internet Aplications atau disingkat RIA merupakan suatu tehnologi baru dalam dunia web, baik untuk developer atau webmaster tetapi juga untuk client ( Internet Surfer ). Anda bisa merasakannya sendiri pada saat anda membuka gmail anda atau Yahoo! Beta anda. Ketika mengambil data email, anda tidak perlu muluk-muluk menunggu waktu untuk merefresh atau meload halaman. Tetapi hanya mengambil data yang dibutuhkan yang berada di server. Kebanyakan website yang RIA mengadopsi tehnologi AJAX ( Asynchronous JavaScript and XML ). Meskipun dalam RIA kita juga mengenal berbagai tekhnologi OpenLaszlo, JavaFX, Java Applet, penggunaan ActiveX Cntrol. Bahkan, ketika saya posting dan mengedit layout di Blogger.com ini, saya sudah dapat merasakan tehnologi AJAX.

Perhatikan tanda merah dipojok, dengan menggunakan AJAX, kini kita tidak perlu repot-repot menunggu waktu load halaman.

Dalam Web2.0 Adapun tehnik-tehnik dan pengembangan bahasa HTML sudah mengalami perubahan. HTML sudah berada pada versi 5.0 atau sekarang juga dikenal istilah XHTML 1.0 dan XHTML 2.0 yaitu bahasa HTML dan XML yang disatukan membentuk bahasa scripting web yang lebih simple, sederhana dan mudah digunakan.

Berikut ini adalah daftar website-website populer yang menggunakan Web 2.0 khususnya RIA :

Gmail
Wikipedia
Yahoo! Mail Beta
Alibaba
Blogger
Autoghraph Maker
Masih banyak yang tidak saya sebutkan karena nanti memakan tempat.

Sekian dulu penjelasan tentang web 2.0, post selanjutnya mungkin mengenai tehnik-tehnik tentang web 2.0 mulai tutorial bahasa XHTML, pembuatan AJAX juga tentang web2.0 design yang di kenal karena simplicity serta keindahaanya. See you...

Postingan pertama saat-saat frustasi

noreply@blogger.com (raitucarp sunrarahbir) — Thu, 27 Dec 2007 15:11:00 +0000

Postingan pertamaku ini adalah postingan disaat-saat aku lagi frustasi. Habis lihat dan denger-denger dari temen-temen bahwa prospek bisnis di tahun depan akan memburuk, saya langsung frustasi dan kepikiran masa depan. Bagaimana tidak ? di saat semua orang sudah menikmati hidupnya, justru hidupku belum merasakannya. Jadi kepikiran masa depan terus menerus.

Tukang parkir untuk tahun 2008 akan nganggur lagi. Apalagi karyawan penerbit GA. Lha wong, penerbit yang sudah ahli aja dah menyerah tahun 2008 nanti, sedangkan saya belum sempat memulainya. Ok. sampai disini. Aku akan memikirkan masa depanku dulu.

Mungkin setelah ini, postingan-postinganku selanjutnya akan lebih menakutkan dari ini dan lebih seru.