Tutorial Blog |Tips Trick Blog | New Blogger

Plug In Untuk Mengoptimalkan Twitter

2009-05-03T21:03:00.000+07:00

Sudahkan Anda menjadi member Twitter, bila belum segera gabung dengan dunia dengan Twitter. Ada 10 Plug In yang dapat Anda manfaatkan untuk mengoptimalkan Twitter Anda sebagai penggunaan Twitter. Mengoptimalkan Twitter memang menarik karena Situs ini semakin hari menunjukan kemajuan yang baik, Jika Anda menyukai mikro-Blog platform Twitter, maka silahkan Anda melanjutkan untuk membaca Artikel ini.

Berikut daftar menyeluruh plug-in dan aplikasi yang dirancang untuk para Twitterholics yang perlu Anda tindak lanjuti untuk digunakan dalam Aplikasi Twitter Anda.

TwitterFox adalah ekstensi Firefox yang akan memberitahukan Anda tentang status teman Anda pada Twitter yang memungkinkan Anda untuk membuat posting atau pesan melalu bar web browser Anda. Tool ini juga memungkinkan Anda untuk beralih diantara beberapa account Twitterr hanya dalam satu klik.
Retweet ini adalah sebuah aplikasi yang dirancang untuk digunakan dengan sangat Firefox plug-in. Hal ini memungkinkan Anda untuk menambahkan sebuah tombol untuk retweet dari akhir setiap posting di Twitter dan untuk mendorong your followers dapat mengikuti posting Anda.
Classify Twitter Users adalah sebuah skrip yang memungkinkan anda untuk mengklasifikasikan pengguna Tiwtter dan memutuskan apakah mereka layak menjadi followers dan teman dan sekaligus rasio pengikutnya. Another Greasemonkey app, ia sebagai alat untuk membantu Anda menyortir dalam Twitter spammer dan lain-lain.
Anda dapat mengatur untuk menggunakan skrip Anda di Twitter pada skala pengguna (misalnya spammer, kelompok ternetentu)
TwittAd memungkinkan pengguna untuk memperoleh pendapatan dari pemasang iklan yang ditampilkan pada latar belakang Twitter Anda. Anda dapat memutuskan lamanya tampil dan pemasang iklan akan membayar Anda dengan nilai tertentu. Pengguna Twitter sangat disarankan untuk menjadi Anggota TwittAd dan Anda dapat berkunjung ke situsnya di http://www.twittad.com/
TwitterCounter memungkinkan Anda mengetahui adanya pembaruhan pennguna yang bergabung dengan Anda setiap hari dengan cara memasang TwitterCounter ke Blog Anda sehingga setiap orang dapat melihat jumlah followers Anda
Twitter Grader mengukur jangkauan dan keikutsertaan pengguna Twitter, dihitung dengan laju pembaruan dengan skala grade, yang menyangkut profil followers, jumlah followers dan jaringan followersnya. Tool ini menampilkan dengan angka maksimal 100 dan secara konsisten memperbarui sesuai dengan perubahan di account Anda.
TwitPic merupakan alat untuk berbagi foto pengguna Twitter. Ketika masuk, ini memungkinkan Anda untuk meng-upload foto dan posting dengan fasilitas komentar. Bekerja dengan dengan semua klien Twitter seperti Twitterific, Twhirl dan MobileTwitter dan menyimpan semua foto Anda dalam satu tempat. Sejauh Anda menyukai berbagi foto, Tool ini adalah cocok untuk Anda.
Twitter Search adalah built-in dalam Account Twitter dan sering diabaikan sebagai alat pencarian. Anda dapat menggunakannya untuk mencari pengguna Twitter lainnya, dengan mengunakan kata kunci, tag topik dan berbagai cara pintas lainnya.
Twitturly adalah layanan untuk pelacakan URL dari para pengguna Twitter. Mirip dengan Digg, pada Twitturly, orang "memilih" pada pilihan URL. Semakin banyak pilihan maka semakin lebih baik untuk mendapatkan peringkat.
Bit.ly untuk memperpendek URL yang juga termasuk klik-thru statistik. Mengapa ia sempurna untuk Twitter? Karena panjang yang dikonversi URL umumnya adalah jauh lebih pendek dari URL situ lainnya seperti TinyURL. Harap dimaklumi ruang yang diperbolehkan oleh Twitter untuk dipakai seluruh posting hanya terdiri dari 140 karakter termasuk spasi.

Barangkali para pembaca dapat sharing dengan saya dalam memberi informasi tentang tool-tool lainya sehingga Twitter dapat dimanfaatkan dengan mudah dan sangat membantu para pengguna Twitter lainnya.

Selamat Tweeting!

Tips Mengirim Blogger Sitemap Pada Situs MSN dan Ask.com

2009-05-01T20:15:00.000+07:00

Peta situs industri standar pertama kali diumumkan pada tahun 2006, Microsoft MSN merupakan salah satu dari tiga besar penyedia layanan pencarian yang didukung protokol. Anda dapat mengirimkan Blog peta situs Anda ke mesin pencari ini serta akan memungkinkan mereka untuk mengindeks halaman dan isi halaman dari situs Anda. Tentu saja, semua halaman yang akan diindeks pada dasarnya dapat Anda tulis dengan konten yang menarik pengunjung untuk lebih meningkatkan kunjungan pengguna internet ke situs Anda dalam usaha meningkatkan peringkat halaman situs.

Blogger Sitemap
Jika Anda memiliki domain situs eksternal, Anda dapat mencari situs di internet berupa generator yang akan membantu Anda untuk membuatkan file peta situs (sitemap). Setelah didapat maka Anda dapat meng-Upload file sitemap tersebut ke root direktori dan beri nama sitemap.xml. URL lengkap dari sitemap akan seperti ini: http://domainname.com/sitemap.xml

Namun, untuk pengguna Blogspot tidak dapat meng-upload file ke root direktori blog Bogger. Oleh karena itu, ketika diminta untuk memasukkan peta situs ke blog Blogger, maka perlu dilakukan dengan cara sebagai berikut :

http:// NAMABLOGANDA.blogspot.com/rss.xml

ATAU

http:// NAMABLOGANDA .blogspot.com / atom.xml

Ganti NAMABLOGANDA dengan nama Blog Anda. Untuk Blogger, tidak perlu menambahkan "www."

Kirim Blog Sitemap ke MSN
Tidak seperti Google dan Yahoo!, MSN tidak memiliki satu prosedur atau alamat khusus di mana Anda dapat mengirimkan Sitemaps. Dalam artikel terbaru terbaru mereka di Microsoft Live Search Weblog, mereka telah mengundang para webmaster dan para pengembang untuk membantu membangun Webmaster Portal baru yang akan menyertakan penciptaan sitemap, pengumpulan dan ping tool, dimana Google dan Yahoo! telah lebih dulu siap. MSN tim telah menyarankan bahwa agar para webmaster menambahkan file robots.txt mereka untuk memungkinkan MSN spiders menjaring sitemap file tersebut.

User-agent: *
Sitemap:http://domainname.com/sitemap.xml

Sekali lagi, para pengguna Blogspot tidak memiliki akses root ke server dan Blogger seperti Saya dan Anda tidak memperoleh manfaatnya. Sebagai alternatif solusi untuk sementara ini untuk mengirimkan sitemap situs Blog, Anda dapat menggunakan Moreover.com. Situs Ini yang nampaknya akan melakukan pengaturan dalam menyediakan feed untuk diserahkan ke MSN agar dapat diindeksnya. Apakah penataan yang dilakukan oleh Moreover.com ini masih atau sudah tidak berlaku lagi, tetapi saya menyarankan Anda untuk mencobanya karena hal ini tidak akan merugikan Anda dalam mengirimkan peta situs atau sitemap.

Copy and paste kode dibawah ini untuk kemudian sisipkan ke web browser Internet Anda, dan jangan lupa untuk mengganti warna merah dengan nama Anda Blog sendiri

http://api.moreover.com/ping?u=http:// NAMABLOGANDA.blogspot.com / rss.xml

Jika Anda mengirimkannya dengan benar, maka Anda akan melihat pesan seperti ini :

Thank you for your ping. The moreover database will be updated with the new data from your url - http:// www.kris-tips-trick.blogspot.com / rss.xml as soon as possible.

Kirim Blog Sitemap ke Ask.com
Ask.com, sebelumnya dikenal sebagai Ask Jeeves, adalah merupakan salah satu mesin pencari utama internet. Situs yang juga memiliki Excite, Bloglines, MyWay dan iWon juga salah satu yang memerlukan protokol Sitemaps program.

Pengiriman sitemap atau peta situs dapat dilakukan secara mudah. Copy and paste kode di bawan ini ke dalam web browser Internet Anda, dan jangan lupa mengganti warna merah dengan nama Blog Anda.

http://submissions.ask.com/ping?sitemap=http://NAMABLOGANDA.blogspot.com/ rss.xml

Jika Anda berhasil, Anda akan melihat pesan seperti ini :

Kirim Sitemap untuk mesin pencari lainnya
Bila Anda berkeinginan untuk mengirimkan sitemap ke mesin pencari lainnya saya menyarankan untuk menggunakan ping dengan rekomendasi format pengiriman sebagai berikut :

http://url-search enggine/ping?itemap=http://NAMABLOGANDA.blogspot.com / rss.xml

Terakhir, Anda dapat mengirimkan sitemap Blog ke Blog Direktori-Blog Direktori lainnya agar lebih banyak orang tahu tentang Blog Anda.

Tips Menyebarkan Artikel Dalam Satu Klik

2009-04-29T20:10:00.000+07:00

Ping Blog secara rutin adalah hampir sama pentingnya dengan menulis artikel blog. Saya menyampaikan ini karena Anda mungkin telah membuat artikel di blog Anda tetapi jika Anda tidak menyebarkan, maka barangkali dunia Internet tidak pernah mendapatkan atau menemukan artikel Anda melalui mesin pencari atau newsreaders.

Layanan Ping yang ada memang mengharuskan Anda untuk menjalankannya setiap kali Anda selesai membuat artikel/posting sebagai misal layanan dari Ping-o-Matic atau layanan dari Pingoat. Satu-satunya masalah dengan layanan Pingomatic atau Pingoat adalah bahwa Anda harus mengketik secara manual URL blog / XML URL feed, pilih layanan yang ingin Anda ping dan kemudian mengirimkan permintaan Ping. Tentunya layanan ini hanya akan melibatkan terlalu banyak upaya yang kadang-kadang membuat frustasi jika Anda memiliki dua atau sampai sepuluh blog.

Hari ini, ada seorang teman dan sahabat lama saya melalui email memberitahu agar melakukan ping secara otomatis dengan Autopinger, yang memberi layanan Ping secara gratis dan sepenuhnya otomatis dalam menjalankan tugas Ping yang Anda berikan. Saya kira saran teman saya ini perlu juga saya sampaikan ke pembaca dan pengunjung blog ini bahwa sekarang saatnya untuk melakukan kerjaan Ping secara otomatis dengan 2 (dua) alasan pendekatan yaitu :

AutoPinger memberikan gambaran mana Ping yang berhasil dan mana Ping yang gagal (lihat gambar di bawah)
Anda dapat menambah jumlah blog untuk Autopinger dan situs ini akan secara otomatis melakukan kerjaan Ping untuk Anda dengan interval waktu 30 menit.

Anda berminat untuk melakukan Ping secara Otomatis silahkan berkunjung ke situs AutoPinger. Dan disamping itu Anda juga dapat menambah koleksi Anda dalam dunia “seluk-beluk” Ping Artikel dengan Instant Blog and Ping.

Tips Menggunakan WebHosting FreeServers

2009-04-22T23:49:00.000+07:00

Web Hosting ini bersifat gratis dan untuk bisa menggunakan jasa web hosting gratis dari FreeServers, pertama-tama kita harus mendaftarkan diri dulu. Dalam artikel terdahulu telah dijelaskan cara pendaftarannya dan untuk kali ini akan disajikan tips trick nya untuk pemula sebagai berikut :

Halaman pertama yang akan dibuka oleh browser untuk homepage di FreeServers adalah file main.html yang secara default sudah dibuatkan oleh FreeServers. File ini dapat kita edit dengan mengklik tulisan edit di belakang nama file (file akan diedit dalam format HTML)
Cara lain yang lebih mudah adalah mengganti nama homepage utama kita dengan main.htm atau main.html atau index.htm atau index.html (file index akan dibaca lebih dahulu dibandingkan main).
Untuk memudahkan pengaturan dan perawatan situs web kita, sebaiknya file-file pendukung (gambar .gif, .jpg) dibuatkan satu folder tersendiri (images/pictures/graphics misalnya). Gunakan tombol create directory dan isikan nama directory yang diinginkan (bila lebih dari satu, gunakan spasi). Nama directory tidak boleh mengandung spasi.
Untuk lebih memudahkan mengedit situs web kita, kita sebaiknya membuat folder khusus untuk situs web kita di harddisk (c:/my documents/homepages misalnya) yang strukturnya mirip dengan struktur situs web kita di FreeServers (nama file, subdirectory dll). Ini juga akan memudahkan saat kita akan mengupload dari komputer lain (warnet), kita tinggal mengkopi keseluruhan direktori ke dalam floppy disk.

Tips Membuat Hyperlink Homepage di MS Word 97/2000/XP

2009-04-21T15:23:00.000+07:00

Selain tulisan, gambar juga bisa dijadikan hyperlink, caranya sama dengan di atas (kalo nggak salah) Pakailah tabel untuk mempermudah layout, caranya sama dengan penggunaan table pada MS Word Untuk mengubah background gunakan menu format --> background, lalu pilih antara warna (solid background) atau gambar (tiled background) Membuat Homepage Sendiri dengan Menggunakan Microsoft Word 97.

Perancangan lebih lanjut dalam membuat homepage adalah menggunakan komponen-komponen penyusun halaman homepage, yaitu :

Hyperlink (atau biasa disingkat dengan link saja) : yang biasanya berbentuk teks berwarna biru dan bergaris bawah dan bisa diklik (pointer mouse akan berubah bentuk menjadi gambar tangan yang menunjuk. Dalam bentuk lain, hyperlink bisa juga berbentuk gambar atau image map (satu gambar dengan banyak link). Link ini dapat berupa link internal (menghubungkan dengan halaman lain dalam satu website) atau eksternal (menghubungkan dengan website lain). Membuat link dengan cara mengeblok teks yang akan dijadikan link lalu pilih menu insert --> hyperlink, lalu masukkan alamat URL (website lain) atau file lain yang dituju.
Background : Dulu, halaman homepage hanya berbentuk teks dan link dengan latar belakang abu-abu. namun sekarang background suatu halaman homepage dapat disesuaikan dengan selera, berupa warna saja, atau gambar. Di MS Word 97, ubahlah background dengan menu format --> background, pilih warna yang disukai, atau fill effects untuk background gambar (disediakan bermacam-macam background (coba cari di C:\Program Files\Microsoft Office\Office\Templates)

Setelah selesai membuat halaman web (homepage) sebanyak satu atau lebih halaman, tentunya kita ingin menampilkannya di internet untuk dapat diakses oleh orang yang mengakses internet (surfing). Untuk itu diperlukan yang namanya web server. Web server ini digunakan untuk menyimpan halaman web kita untuk diakses setiap saat. PC apapun bisa dijadikan web server (dengan program Personal Web Server dari Windows 98/FrontPage, misalnya) namun PC itu harus terkoneksi ke internet selama 24 jam sehari :(Untuk itulah sebaiknya kita menggunakan web hosting, yaitu web server yang bisa digunakan oleh umum.

Web Hosting ini ada yang gratis (misalnya FreeServers, GeoCities, Homestead, MSN Homepages, atau AcmeCity) dan ada yang bayar (misalnya IndoGlobal, Cakraweb, atau

K-Net). Untuk pembahasan kali ini digunakan contoh FreeServers (www.freeservers.com). Untuk bisa menggunakan jasa web hosting gratis dari FreeServers, pertama-tama kita harus mendaftarkan diri dulu.

Setelah mengakses homepage FreeServers (http://www.freeservers.com), perhatikan bagian tengah di mana terdapat tiga prosedur awal untuk mendaftarkan diri. Mula-mula, kita memilih primary name (nama situs web kita) dan mengisikannya di kotak yang tersedia, lalu memilih domain name yang tersedia dalam drop-down list (gunakan mouse untuk memilih dari sekitar 10 pilihan). Nama situs kita nanti akan berbentuk : primaryname.domainname (misalnya : distara.freeservers.com). Kemudian klik tombol GO untuk memeriksa ketersediaan nama situs kita (sudah dipakai atau belum).

Bila nama yang kita pilih sudah terdaftar atas nama orang lain, FreeServers akan menampilkan daftar nama alternatif yang mirip dengan yang kita pilih sebelumnya. Kita tinggal memilih salah satu, atau membuat nama yang baru. Bila nama yang kita pilih belum pernah terdaftar di FreeServers, maka kita akan diminta mengisi form tentang identitas pribadi kita. Perhatikan bahwa hanya item isian bertanda * berwarna merah yang wajib diisi. Setelah selesai, kita akan dikirimi kode aktivasi account FreeServers kita ke alamat email yang kita isikan pada form pendaftaran. Kita harus membuka email berisi kode ini terlebih dahulu.

Dalam email itu terdapat link yang mengantarkan kita ke tahap terakhir pendaftaran lengkap dengan kode aktivasi yang harus diisikan pada form yang muncul. Setelah memasukkan kode aktivasi yang benar, account FreeServers kita siap digunakan. Setelah memasukkan kode aktivasi, biasanya muncul pilihan untuk mulai membuat homepage dari awal (dengan Quick Site Builder), memindahkan situs yang sudah kita buat di tempat lain (menggunakan Site Copier), dan lain-lain. Untuk yang sudah membuat halaman web secara offline, kita akan menggunakan Web Manager. Untuk itu, kita harus login dari awal, kembali ke , tuliskan nama situs kita (...), username, dan password lalu klik OK, kita akan memasuki user menu.

Di halaman user menu, klik pada tulisan Easy Web Manager. Sebuah window browser baru akan muncul (pop up). Pada window inilah web manager aktif. Web manager FreeServers berpenampilan mirip Windows Explorer. Di bagian kiri adalah "drive" penyimpanan homepage kita, di sebelah kanan adalah file-file homepage kita. Untuk meng-upload homepage kita gunakan kotak yang tersedia di bagian kanan bawah (ada 5 kotak), yang dapat kita gunakan untuk meng-upload sampai 5 file sekaligus. Kita tinggal mem-browse satu per satu file yang akan diupload dan klik tombol upload, dan tunggu beberapa saat sampai nama-nama file yang kita upload muncul di web manager sebelah kanan. Yang harus diupload adalah file-file HTML (berekstensi .htm atau .html) dan file-file pendukung (biasanya berupa gambar berekstensi .gif dan .jpg)

Trick Dasar Membuat Homepage Untuk Pemula

2009-04-18T23:21:00.000+07:00

Microsoft Word 97 menyediakan fasilitas untuk membuat halaman web (selanjutnya disebut homepage) dengan mudah, terutama bagi mereka yang sudah menguasai aplikasi word processing, khususnya MS Word, namun malas atau mengalami kesulitan untuk mempelajari HTML (Hypertext Markup Language) sebagai komponen dasar perancangan homepage.

Cara termudah untuk pemula dalam membuat homepage dengan mempergunakan MS Word 97 adalah dengan merancang homepage layaknya dokumen tertulis biasa, atau lebih tepat dikatakan sebagai perancangan buletin / brosur mengenai diri kita lengkap dengan gambar (gunakan perintah insert --> picture --> ...from file, lalu cari nama file gambar yang akan dimasukkan) atau clipart (gunakan perintah insert --> clipart, lalu pilih gambar yang disukai dari clipart gallery yang tersedia). Setelah selesai, gunakan menu File --> Save as HTML, dan dokumen kita sudah tersimpan sebagai sebuah homepage dengan ekstensi .html yang bisa dibaca dengan menggunakan browser (Netscape/Internet Explorer).

Bagi blogger pemula dengan sedikit keterampilan komputer dapat membuat homepage sendiri (secara offline) menggunakan tool-tool yang familiar dan cukup mudah digunakan seperti :

Microsoft Word 97
Microsoft FrontPage Express (disertakan dalam MS Internet Explorer)
Windows 98 (bukan 98SE)
Microsoft FrontPage
Netscape Composer (disertakan dalam Netscape Communicator 4.x)
Dreamweaver

Berikut ini cara membuat satu halaman web dengan ketiga tool di atas.

Microsoft Word 97/2000/XP
Membuat halaman web menggunakan MS Word 97 sangat mudah. Anda tinggal membuat suatu dokumen/tulisan seperti membuat file word biasa lalu pilih menu File--> Save as...--> pilih file type HTML (paling bawah) dan press OK. dan file anda akan tersimpan dengan ekstensi .html dan bisa dibuka dengan MS Internet Explorer atau Netscape Navigator. Cara lain dapat dilakukan dengan memilih menu File-->New lalu pilih tab Web Pages pada pop-up window yang muncul lalu pilih salah satu template yang tersedia. Jika memilih web page wizard Anda akan dituntun langkah demi langkah menciptakan halaman web yang profesional (dalam bahasa Inggris tentunya)

Microsoft FrontPage Express
Anda bisa memulai dengan memilih File-->New, bila keluar pop-up window, pilihlah salah satu tutorial yang tersedia, ikuti langkah demi langkah sampai selesai dan setelah selesai dapat anda edit sendiri dan disimpan dengan ekstensi .htm dan dapat dibaca dengan browser.

Netscape Composer
Penggunaannya mirip dengan FrontPage Express,namun nemiliki keunggulan yaitu dengan sekali klik pada tombol preview, rancangan anda dapat langsung disaksikan dalam browser, dan dilengkapi dengan tool untuk upload ke server. namun, tidak disediakan wizard/tutorial untuk pembuatan halaman web. Anda harus merancang sendiri dengan pendekatan desktop publishing. Jangan takut dengan karakter-karakter kontrol (tag) HTML yang dimunculkan, (berupa bentuk panah/trapesium), itu tidak akan terlihat di browser.

Sebelum mulai membuat halaman web sendiri kita perhatikan mengenai istilah hyperlink, yaitu properti yang mengaitkan suatu objek (gambar/tulisan) ke sumber daya internet seperti website lain (http), mail (mailto), atau FTP (ftp) yang biasanya terlihat di browser sebagai tulisan bergaris bawah berwarna biru dan bisa diklik. Hyperlink ini adalah komponen dasar suatu halaman web.

Mengenal Homepage Untuk Pemula

2009-04-16T23:29:00.000+07:00

Apa itu Homepage?
Website yang juga disebut dengan Web atau Homepage adalah dokumen dalam Internet. Contoh Website: http://www.nama-anda.com/ atau http://www.nama-anda.co.id/. Sedangkan contoh free Website adalah: http://www.geocities.com/nama-anda atau http://nama-anda.tripod.com. Setelah Anda memiliki Website, Anda dapat menggunakan Webiste Anda untuk mempromosikan usaha Anda, professi Anda atau yang lain.

Selain itu, setelah Anda memiliki Website, Anda juga sudah dapat mengikuti Affiliate Program untuk mendapatkan uang dengan Website Anda. Untuk membuat Website gratis, daftarkanlah diri Anda ke salah satu Free Hosting antara lain : Geocities, Tripod, Angelfire Dan lain-lain...

Langkah-Langkah Membuat Homepage

Beli ruangan dengan nama domain yang Anda inginkan atau daftarkan diri Anda ke salah satu Free Hosting di atas.
Rancang Website Anda dengan FrontPage, CuteHTML atau yang lain.
Promosikan usaha Anda dan ikuti Affiliate Program.
Masukkan Website Anda ke dalam server Anda.
Selesai!

Jika Anda ingin memiliki Website berakhiran com - misalnya http://www.nama-anda.com, Anda bisa membelinya ke perusahaan Web Hosting yang ada di kota Anda, atau ke perusahaan Web Hosting yang ada di Internet. diantaranya www.medannic.com, www.gkg.net , www.namebargain.com www.namadomain.com

Web hosting
Apa itu Web Hosting?
Web Hosting yang juga disebut dengan Web Server adalah penyedia ruangan (space atau domain) dalam Internet. Agar kita dapat memasukkan Website kita ke dalam Internet, maka kita harus memiliki ruangan terlebih dahulu dalam Internet. Setelah kita memiliki ruangan dalam Internet, barulah kita dapat memasukkan Website kita ke dalam Internet (ke dalam ruangan yang telah kita miliki tadi). Agar kita dapat memiliki ruangan, maka kita harus membelinya ke salah satu perusahaan Web Hosting, Anda bisa membelinya ke perusahaan Web Hosting yang ada di kota Anda atau ke perusahaan Web Hosting yang ada di Internet.

Di Internet terdapat cukup banyak perusahaan Web Hosting, dan masing-masing Web Hosting memberikan harga yang bervariasi (tergantung fasilitas yang mereka sediakan), dan juga harganya tergantung kapasitas (besarnya) ruangan yang Anda inginkan. Semakin besar ruangan yang Anda inginkan, maka harganya akan semakin mahal. Selain itu harga juga tergantung nama domain yang Anda inginkan.

Sebagai contoh, .com lebih mahal dibandingkan .net, .org. .co.id dan lain-lain. Dengan membeli ruangan, maka alamat Internet Anda akan seperti ini: http://www.nama-anda.com/, http://www.nama-anda.net/ atau yang lain. Langkah selanjutnya adalah merancang Website dengan FrontPage atau yang lain, kemudian memasukkannya ke dalam server Anda.

Selain membeli ruangan ke salah satu Web Server (Web Hosting), di Internet juga terdapat penyedia ruangan gratis (yang lazim dikenal dengan Free Hosting atau Free Website), misalnya Tripod, Geocities dan lain-lain. Tetapi dengan Tripod, maka alamat Internet kita tidak dapat seperti di atas, tetapi seperti ini:

http://nama-anda.tripod.com, dan jika Anda member Geocities maka alamat Internet Anda adalah sebagai berikut: http://www.gecocities.com/nama-anda.

Membuat Link dan Menggunakan Inline Style

2009-04-07T01:39:00.000+07:00

Membuat Link ke Style Sheet

Untuk membuat link ke Style Sheet eksternal, anda dapat dengan mudah membuat sebuah file berisi definisi style kemudian simpan (save) dengan ekstensi .CSS, kemudian buat link ke file tersebut dari halaman web. Dengan cara ini, anda dapat memanfaatkan Style Sheet yang sama untuk beberapa halaman dalam site anda.

Sebagai contoh, bila Style Sheet anda dinamai style-saya.css dan terletak di alamat http://alamat-internet/style-saya.css, diantara tag <HEAD> anda harus menambahkan:

<HEAD>

<TITLE>Judul artikel</TITLE>

<LINK REL=STYLESHEET

HREF="http://alamat-internet/style-saya.css"

TYPE="text/css">

</HEAD>

Menggunakan inline style

Bila anda menginginkan pemformatan pada sebagian kecil saja dari web anda, anda dapat menggunakan inline style.

Definisi style pada inline style hanya berpengaruh pada tag dimana inline style tersebut berada. Contoh inline style pada tag <p> berikut:

<P STYLE="margin-left: 0.5in; margin-right:

0.5in">

This line will be indented on the left and right.

<P>

This line will receive no indentation.

Hasilnya akan terlihat seperti ini :

This line will be indented on the left and right.

This line will receive no indentation.

Sintax Dasar dan Referensi Style-CSS

2009-04-04T23:24:00.000+07:00

Baik Style Sheet yang dilink maupun yang disisipkan memiliki satu atau lebih definisi style. (Sintax inline kadang berbeda). Suatu definisi style terdiri dari suatu tag HTML (tag apapun), diikuti oleh sejumlah properti untuk tag tersebut yang terletak diantara tanda kurung kurawal. Tiap properti diidentifikasi oleh nama properti, diikuti oleh titik dua dan nilai properti. Properti ganda dipisahkan oleh titik koma. Sebagi contoh, definisi style berikut memberi tag <H1> ukuran font yang spesifik (15 point), dan ketebalan huruf (boldface):

H1 {font-size: 15pt;

font-weight: bold}

Anda kemudian dapat membuat definisi style untuk sejumlah tag HTML dan menempatkan nya pada file terpisah atau sisipkan langsung pada halaman web.

Referensi Style

Atribut

Deskripsi

Nilai

Contoh

font-size

Sets size of text.

points (pt)
inches (in)
centimeters (cm)
pixels (px)

{font-size: 12pt}

font-family

Sets typeface.

typeface name
font family name

{font-family: courier}

font-weight

Sets thickness of type.

extra-light
light
demi-light
medium
demi-bold
bold
extra-bold

{font-weight: bold}

font-style

Italicizes text.

normal
italic

{font-style: italic}

line-height

Sets the distance between baselines.

points (pt)
inches (in)
centimeters (cm)
pixels (px)
percentage (%)

{line-height: 24pt}

color

Sets color of text.

color-name
RGB triplet

{color: blue}

text-decoration

Underlines or otherwise highlights text.

none
underline
italic
line-through

{text-decoration: underline}

margin-left

Sets distance from left edge of page.

points (pt)
inches (in)
centimeters (cm)
pixels (px)*

{margin-left: 1in}

margin-right

Sets distance from right edge of page.

points (pt)
inches (in)
centimeters (cm)
pixels (px)*

{margin-right: 1in}

margin-top

Sets distance from top edge of page.

points (pt)
inches (in)
centimeters (cm)
pixels (px)*

{margin-top: -20px}

text-align

Sets justification.

left
center
right

{text-align: right}

text-indent

Sets distance from left margin.

points (pt)
inches (in)
centimeters (cm)
pixels (px)*

{text-indent: 0.5in}

background

Sets background images or colors.

URL,
color-name
RGB triplet

{background: #33CC00}

Opsi Tambahan dan Menyisipkan STYLE

2009-04-03T23:47:00.000+07:00

Untuk menyisipkan (embed) Style Sheet, tambahkan blok <STYLE> </STYLE> di awal dokumen, di antara tag-tag <HTML> dan <BODY>. Hal ini memungkinkan anda unutk mengubah penampilan satu halaman web. Tag <STYLE> memilki satu parameter yaitu TYPE, yang menspesifikasi type media internet sebagai “text/css” (memungkinkan browser yang tidak mendukung type ini untuk mengabaikan Style Sheet). Tag <STYLE> diikuti oleh sejumlah definisi style dan berakhir dengan tag </STYLE>.

<HTML>

<STYLE TYPE="text/css">

<!--

  BODY {font: 10pt "Arial"}

  H1 {font: 15pt/17pt "Arial";

      font-weight: bold;

      color: maroon}

  H2 {font: 13pt/15pt "Arial";

      font-weight: bold;

      color: blue}

  P  {font: 10pt/12pt "Arial";

      color: black}

-->

</STYLE>

<BODY>

...

</BODY>

</HTML>

Sederhanakan melalui pengelompokkan

Bila anda ingin menerapkan pemformatan yang sama bagi berbagai tag, misal:

  H1 {font-size: 15pt;

      font-weight: bold;

      color: maroon}

  H2 {font-size: 15pt;

      font-weight: bold;

      color: maroon}

  H3 {font-size: 15pt;

      font-weight: bold;

      color: maroon}

anda dapat mengelompokkannya menjadi

  H1, H2, H3

{font-size: 15pt;

            font-weight: bold;

            color: maroon}

Anda dapat pula mengelompokkan spesifikasi pemformatan. Misal:

  H1 {font-size: 15pt;

      line-height: 17pt;

      font-weight: bold;

      font-family: "Arial"

      font-style: normal}

dapat disederhanakan menjadi seperti berikut ini

  H1 {font:

15pt/17pt bold "Arial" normal}

Variasi melalui class

Gunakan class untuk membuat berbagai macam variasi bagi satu tag HTML. Sebagi contoh, bila anda ingin menggunakan tiga warna untuk heading H1 (katakanlah bergantung pada konteks), anda dapat mendefinisikannnya dalam tiga class dalam STYLE tag berikut:

<STYLE>

  H1.red {font: 15pt/17pt;

          color: red}

  H1.green {font: 15pt/17pt;

          color: green}

  H1.blue {font: 15pt/17pt;

          color: blue}

</STYLE>

Pada halaman web gunakan class tersebut

<H1 CLASS=red>This is the red heading</H1>

...

<H1 CLASS=blue>This is the blue heading</H1>

...

<H1 CLASS=green>You get the picture...</H1>

Link

Implementasi Style Sheet juga memungkinkan anda mengubah penampilan dari link (teks yang diklik oleh user untuk lompat ke halaman lain) dengan memberikan dua class yang telah didefinisikan pada tag <A>:

A:link menunjukkan link yang belum dikunjungi

A:visited menunjukkan link yang telah diklik/dikunjungi oleh user

Anda dapat mengeset sejumlah properti pemformatan teks pada class-class A tersebut, termasuk color, Font-size, font-weight, dan text-decoration. Sebagai contoh, untuk menentukan warna yang spesifik pada tiga tipe link, anda dapat menspesifikasi:

  A:link {color: red}

  A:visited {color: blue}

  A:active {color: orange}

Dengan menambahkan text-decoration “none” menghilangkan garis bawah pada teks link

  A:visited {color: blue; text-decoration: none}

Komentar

Anda dapat menambahkan komentar pada Style Sheet. Komentar dapat ditulis pada baris manapun dalam spesifikasi style di antara tanda /* dan */ misal:

  H1 {font: 20pt/22pt

bold; color=#00FF00} /* Hijau untuk heading 1 */

Trick HTML – Membuat Form HTML

2009-03-31T23:09:00.001+07:00

Web page memungkinkan kita interaktif dengan pengunjung web , salah satunya dalah dengan penggunaan FORM . Metoda pengiriman data pada form terdapat dua yaitu GET dan POST. Pada HTML metoda ini dinyatakan dengan atribut METHOD di dalam elemen FORM. Metoda GET merupakan default pengiriman suatu data form .metode GET mengirimkan data pada server dengan cara meletakkannya pada bagian akhir URL yang menunjuk pada script pemroses Jadi jika URL anda menunjuk ke CGI Script pada URL “cgi-bin/scriptform” dan atau formnya adalah “Distara” dan “1234567”, maka URL akhir yang dikirim ke server adalah :

/cgi-bin/scriptform?kota=Jakarta&telepon=1234567

Metode POST tidak seperti metode GET yang mengirimkan datanya secara terpisah pada suatu standar input.Script mengambil data form dari stabdar input ini , dengan adanya penyimpanan data secara tersendiri membuat metoda POST bisa menyimpan data input dalam jumlah banyak.

Latihan FORM

<HTML>

<HEAD>

<TITLE>LATIHAN 9</TITLE>

</HEAD>

<BODY>

<PRE>

Nama :<INPUT TYPE=TEXT NAME=”Nama”>

Alamat :<INPUT TYPE=TEXT NAME=”Alamat” SIZE=40 MAXLENGTH=60>

E-mail :<INPUT TYPE=TEXT NAME=”Email” SIZE=20>

Telepon :<INPUT TYPE=TEXT NAME=”Telepon” SIZE=7>

</PRE>

</FORM>

</BODY>

</HTML>

Contoh form diatas :

Trick HTML – Membuat Frame

2009-03-30T23:03:00.001+07:00

Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi beberapa bagian dimana setiap bagiannya merupakan satu halaman HTML yang terpisah. Ini dilakukan untuk membuat tampilan halaman HTML yang salah satu atau beberapa bagian berganti-ganti isinya sedang bagian lain tetap sehingga dapat menghemat bandwith internet.

Contoh Pembuatan Frame sebagai berikut :

<HTML>

<HEAD>

<TITLE>LATIHAN 8 </TITLE>

</HEAD>

</FRAMESET>

<BODY>

</BODY>

</HTML>

Hasil Tampilan :

Trick HTML - Membuat Tabel

2009-03-29T22:58:00.001+07:00

Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris . untuk menampilkannya digunakan tag <TABLE>….</TABLE> , untuk mengisi baris(table row) digunakan tag <TR>…</TR> yang didalamnya terdapat tag <TD>…</TD> untuk menampilkan data pada setiap sel.

Contoh Pembuatan Tabel sebagai berikut :

<HTML><HEAD><TITLE>LATIHAN</TITLE></HEAD>

<BODY>

<TR>

<TD> baris 1, kolom 1</TD>

<TD> baris 1, kolom 2</TD>

<TD> baris 1, kolom 3</TD>

</TR>

<TR>

<TD> baris 2, kolom 1</TD>

<TD> baris 2, kolom 2</TD>

<TD> baris 2 ,kolom 3</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Hasil Tampilan :

Penyisipan Gambar

2009-03-28T22:51:00.001+07:00

Penyisipan gambar pada page dimaksudkan agar tampilan dari page tersebut dapat lebih menarik dan informatif. Ada beberapa hal yang perlu diperhatikan dalam penyisipan gambar ke page, yakni:

Ukuran file gambar

Ukuran file yang terlalu besar akan membuat pengunjung web harus menunggu lebih lama dalam mengakses web karena musti terlebih dahulu mendownload file gambar yang ukurannya besar.

Tipe file gambar

Tipe file yang mendukung untuk transmisi melalui aplikasi web adalah .JPEG atau .GIF

File gambar dapat disisipkan ke dalam suatu file HTML dengan menggunakan tag <IMG>, yakni dalam format penuh:

Atribut ALT berfungsi sebagai alternatif jika browser yang digunakan oleh pengguna tidak dapat menampilkan citra. Sedangkan atribut ALIGN dapat diisi dengan nilai-nilai TOP, MIDDLE, BOTTOM, LEFT, dan RIGHT.

Contoh penggunaan tag <IMG>:

<HTML>

<HEAD>

<TITLE>Aligning Text and Images</TITLE>

</HEAD>

<BODY>

<IMG SRC="constru1.gif" ALIGN=TOP>This text appears at the top of the image.

<P>

<IMG SRC="constru1.gif" ALIGN=MIDDLE>This text appears in the middle of the image.

<P>

<IMG SRC="constru1.gif" ALIGN=BOTTOM>This text appears at the bottom of the image.

</BODY>

</HTML>

Bersambung ke : Tabel, Frame dan Form HTML

Penambahan Link

2009-03-26T22:37:00.001+07:00

Pada artikel sebelumnya kita telah dikenalkan pada konsep URL (Uniform Resourse Locator), yakni pada dasarnya semua resource yang ada di Internet memiliki alamat sendiri. Selanjutnya kita juga telah memahami konsep hypertext dari sebuah file HTML yang memungkinkan dibuat suatu link yang menghubungkan pada bagian lain dari dokumen HTML atau langsung mengarah pada suatu resource Internet tertentu.

URL yang digunakan untuk mengimplementasikan penambahan link pada suatu page dapat kita sederhanakan dalam model berikut :

Bagaimana://Siapa/Dimana/Apa

Bagaimana

Pada bagian pertama dari URL ini adalah menunjukkan bagaimana cara data dikirimkan atau ditransmisikan melalui media jaringan. Secara teknis lebih sering kita sebut dengan istilah protokol. Misalnya untuk aplikasi World Wide Web ini kita menggunakan protokol yang disebut dengan protokol HTTP. Oleh karena itu pada bagian awal URL ini kita deklarasikan:

http://

Siapa

Pada bagian selanjutnya menjelaskan "siapa" yang memiliki URL. Bagian ini berisi nama komputer tempat resource Internet tersebut berada. Istilah yang lebih teknis kita sebut dengan hostname. Misalkan page kita diletakkan di mesin www.yahoo.com maka penambahan URL sampai dengan bagian ini menjadi:

http://www.yahoo.com

Dimana

Bagian selanjutnya menunjukkan lokasi yang lebih spesifik tempat menyimpan resource Internet tersebut. Secara fisik bagian ini berisi nama direktori tempat penyimpanan resource yang bersangkutan.

http://www.yahoo.com/Home

Apa

Bagian terakhir ini menunjukkan nama file yang akan kita gunakan. Untuk aplikasi web file ini berisi kode-kode HTML dan teks. Secara keseluruhan URL dapat dituliskan sebagai berikut:

http://www.yahoo.com/Home/homepage.html

Pembuatan link dalam suatu file HTML dapat dilakukan dengan menggunakan tag <A> yang diikuti dengan parameter referensinya HREF.

Contoh penggunaanya:

Selain link yang mengarah ke luar, contohnya mengarah ke file lain, web site lain atau ke resource lain, kita dapat juga menggunakan internal link untuk menunjukkan suatu bagian tertentu dari sebuah naskah HTML. Internal link ini sering dikenal dengan istilah Anchor. Tag ini digunakan untuk menandai bagian naskah yang nantinya akan ditunjuk oleh HREF (Hypertext REFerence).

<A NAME="Nama">Bagian teks yang akan diberi tanda</A>

Contoh penggunaannya:

<A NAME="Bagian1">Bagian 1</A>

maka untuk merujuknya digunakan:

<A HREF="#Bagian1">Klik di sini untuk menuju Bagian 1</A>

Bersambung ke : Penyisipan Gambar

Penyisipan Garis dan Line Break

2009-03-24T22:31:00.000+07:00

Penyisipan Garis

Untuk menambah nilai estetika page maupun untuk memisahkan suatu bagian informasi dari bagian yang lainnya, kita dapat menyisipkan sebuah garis horisontal pada page. Penyisipan garis ini dapat dilakukan dengan menambahkan tag <HR>. Tag <HR> ini juga memiliki beberapa parameter tambahan yang memungkinkan kita untuk memodifikasi tampilan dari garis horisontal yang digunakan ini.

Line Break

Pada pemaparan bagian sebelum ini telah dijelaskan bahwa tag <P> dapat digunakan untuk memisahkan suatu paragraf dengan paragraf yang berikutnya. Persoalan berikutnya bagaimana jika ingin menyisipkan line break pada akhir baris agar jarak dengan baris berikutnya tidak terlalu jauh (kalau kita menggunakan tag <P> jarak antara kedua baris relatif lebih jauh). Tentu saja kita dapat melakukan dengan menggunakan tag <PRE> untuk menampilkan dokumen dalam bentuk preformat, akan tetapi hal ini kurang diminati karena font ditampilkan dalam format monospace. Untuk mengatasi hal itu kita dapat menggunakan tag <BR>. Tag <BR> ini akan menyisipkan line break pada akhir baris sehingga kita dapat pindah ke baris berikutnya tanpa harus berganti paragraf.

Pada contoh berikut akan ditampilkan pada page berupa penggunaan line break dan penyisipan sebuah garis horizontal.

<HTML>

<HEAD>

<TITLE>Horizontal Rule and Line Break</TITLE>

</HEAD>

<BODY>

<P><B>Using <BR> to force a line break</B><BR>

Hi Everybody ! <BR>

My Name is Jhon <BR></P>

<P><B>Using <HR> to add a horizontal rule</B>

<HR>

</BODY>

</HTML>

Bersambung ke : Penambahan Link

Belajar Mengenal Cascading Style Sheets-CSS

2009-03-23T10:33:00.000+07:00

Pengenalan CSS

Style Sheet adalah template yang mengontrol pemformatan tag HTML pada halaman web anda. Bila anda telah terbiasa menggunakan Microsoft Word, anda dapat melihat bahwa konsep Style Sheet mirip dengan template pada Microsoft Word. Anda dapat megubah penampilan pada dokumen Word dengan mengubah format pada style dokumen. Begitu pula Anda dapat mengubah penampilan halaman web dengan mengubah format pada tag HTML tertentu melalui Style Sheet, untuk selanjutnya menggantikan spesifikasi default dari browser untuk tag-tag tersebut.

Anda dapat mengambil keuntungan dengan menggunakan Style Sheet ini dengan tiga alasan utama: pemformatan tambahan, kontrol yang lebih baik, dan perubahan yang lebih mudah.

Dukungan Browser

Style Sheet relatif baru pada web. Internet Explorer 3.0 keluaran Microsoft adalah web browser pertama yang mendukung Style Sheet. Implementasi Style Sheet pada Internet Explorer 3.0 berdasarkan pada draft World Wide Web Consortium (W3C) yang berjudul “Cascading Style Sheets, Level 1”. Netscape juga telah mengindikasikan bahwa mereka akan mendukung Style Sheet pada versi-versi terbaru browsernya. Browser yang tidak mendukung Style Sheet menampilkan halaman web berdasarkan spesifikasi default browser tersebut.

3 Cara Untuk Menambahkan Style Pada Web

Style Sheet dapat digunakan dengan 3 cara, sesuai dengan kebutuhan Anda:

Dengan membuat link ke file Style Sheet dari file HTML. Metode seperti ini memungkinkan Anda mengubah style sejumlah halaman web dengan hanya mengedit satu file Style Sheet.

Dengan menyisipkan Style Sheet pada file HTML. Metode seperti ini memungkinkan Anda mengubah style suatu halaman web dengan hanya mengedit beberapa baris Style Sheet.

Dengan menyisipkan secara inline pada tag dalam file HTML. Hal ini memberi cara tercepat untuk mengubah suatu tag, sejumlah tag, atau satu blok informasi pada halaman web.

Anda dapat menggunakan satu, dua, atau ketiga cara tersebut pada halaman web.

Besambung

Penanganan Preformat

2009-03-22T10:20:00.000+07:00

Pada kondisi biasa web browser akan mengabaikan pemakaian karakter-karakter multi spasi, tab, dan carriage return, namun kita dapat mencegahnya dengan menggunakan tag <PRE>. Penggunaan tag <PRE> ini membuat web browser akan menampilkan dokumen dalam bentuk apa adanya (karakter multi spasi, tab dan carriage return tidak diabaikan).

Tag <PRE> merupakan kependekan dari "preformatted", yang artinya naskah ditampilkan dalam bentuk layout yang asli. Pada contoh berikut ditampilkan perbedaan antara naskah dokumen yang menggunakan tag <PRE> dan naskah yang lain tidak menggunakannya. Layout asli kedua naskah tersebut dibuat serupa sehingga kita dapat melihat perbedaan dari hasil tampilannya.

<HTML>

<HEAD>

</HEAD>

<BODY>

<H3>Without the <PRE> Tag:</H3>

Here's

some ditty

Specially done

to lay it out all

Formatted and pretty.

Unfortunately, that is all

This junk really means

Because I admit I

couldn't scrawl

Poetry for

beans.

<P>

<PRE>

Here's

some ditty

Specially done

to lay it out all

Formatted and pretty.

Unfortunately, that is all

This junk really means

Because I admit I

couldn't scrawl

Poetry for

beans.

</PRE>

</BODY>

</HTML>

Catatan : Pada penggunaan tag <PRE>, teks akan ditampilkan dengan menggunakan font dengan format monospace.

Bersambung ke : Penyisipan Garis dan Line Break

Penggunaan Heading

2009-03-21T10:16:00.000+07:00

Seperti halnya pada pembuatan buku, kita dapat membagi naskah atau dokumen HTML ke dalam beberapa seksi untuk memudahkan proses pembacaan. Masing-masing seksi atau bagian itu terdapat satu subjudul. Untuk menangani format tampilan yang seperti ini kita dapat menggunakan tag HTML yang khusus untuk kepentingan tersebut. Terdapat enam tag yang dapat digunakan untuk membentuk format heading yakni mulai dari <H1> yang menggunakan ukuran font paling besar hingga ke <H6> yang ukuran font-nya paling kecil.

Contoh penggunaannya dalam file HTML adalah sebagai berikut:

<HTML>

<HEAD>

<TITLE>A Text Formatting and Headings Extravaganza</TITLE>

</HEAD>

<BODY>

<H1>From Buck-Naked to Beautiful: Dressing Up Your Page</H1>

<H2>Sprucing Up Your Text</H2>

<H3>Yer Basic Text Formatting Styles</H3>

<H3>Combining Text Formats</H3>

<H3>Accessorizing: Displaying Special Characters</H3>

<H2>Sectioning Your Page With Headings</H2>

<H2>A Few More Formatting Features</H2>

<H3>Handling Preformatted Text</H3>

<H3>Them's the Breaks: Using <BR> for Line Breaks</H3>

<H3>Inserting Horizontal Lines</H3>

</BODY>

</HTML>

Bersambung ke : Penanganan Preformat

Apa yang dapat dilakukan dengan HTML ?

2009-03-20T10:56:00.000+07:00

Memodifikasi format teks

Penggunaan HTML memungkinkan kita untuk memodifikasi tampilan atau format dokumen yang akan kita transmisikan melalui media Internet. Beberapa hal yang dapat dilakukan dalam menentukan format dokumen ini adalah :

Kita dapat menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
Kita dapat menampilkan teks dalam bentuk cetakan tebal
Kita dapat menampilkan sekelompok kata dalam bentuk miring
Kita dapat menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
Kita dapat mengubah-ubah ukuran font untuk suatu karakter tertentu.

Menampilkan daftar sesuatu dalam bentuk point-point (item)

Dengan HTML kita dapat menampilkan daftar atau deretan informasi dalam bentuk point-point sehingga lebih mudah dibaca dan dipahami

Membuat link

Penambahan link dimaksudkan agar pengguna dapat mencari informasi yang dibutuhkannya secara cepat tanpa harus terlebih dahulu membaca keseluruhan naskah atau dokumen. Penambahan link ini dapat diimplementasikan pada sekelompok kata, frase atau citra.

Konsep hypertext pada HTML memungkinkan kita untuk membuat link pada suatu kelompok kata atau frase untuk menuju ke bagian manapun dalam World Wide Web. Ada tiga macam link yang dapat kita gunakan :

Link menuju bagian lain dari page
Link menuju page lain dalam satu web site
Link menuju resource atau web site yang berbeda

Menyisipkan citra atau gambar

Penyisipan citra atau gambar akan membuat page lebih menarik dan interaktif. Informasi yang ditampilkan dalam bentuk gambar relatif lebih informatif daripada yang hanya terdiri dari informasi teks saja. Dalam penyisipan citra, perlu diperhatikan ukuran dan tipe file serta perpaduan warna dengan komponen penyusun page lainnya.

Menampilkan informasi dalam bentuk tabel

Penampilan informasi dalam bentuk tabel ini akan mempermudah pembaca untuk memahami informasi yang kita tawarkan. Penggunaan tabel ini juga dapat dilakukan untuk menambah nilai estetika dari page yang akan kita rancang.

Bersambung ke : Struktur Dasar Web Page

Format Teks Dasar

2009-03-20T10:51:00.000+07:00

Pada umumnya web browser mendukung empat macam format teks yakni bold, italic, monospace, and underline. Keempat format teks ini diimplementasikan dalam format HTML dengan menambahkan tag-tag yang bersesuaian untuk masing-masing format tersebut.

Format teks	Tag awal	Tag Akhir
Bold	<B>	</B>
Italic	<I>	</I>
Underline	<U>	</U>
Monospace	<TT>	</TT>

Sebagai contoh kalau kita ingin menggunakan format-format teks ini maka dalam file HTML harus kita tambahkan:

<HTML>

<HEAD>

<TITLE>Yer Basic Text Formatting Styles</TITLE>

</HEAD>

<BODY>

<U>My Excellent Bookstore Adventure</U>

<P>

The other day, I went to a unique bookstore called

<TT>Mary, Mary, Quite Contrary</TT>. There were

<I>tons</I> of unexpected delights, including, believe

it or not, a <B>Self-Helpless</B> section! For real.

I saw titles like <I>Got a 50-Cent Head? Here's How To

Get a Ten Dollar Haircut!</I> and <I>A Few Geese Shy of

a Gaggle-And Proud Of It!</I>

</BODY>

</HTML>

Kita juga dapat mengkombinasikan dua macam format teks secara bersamaan. Misalkan untuk menampilkan kata-kata dalam cetak tebal dan miring kita dapat menuliskan kode HTML seperti ini:

<B><I>Kata-kata yang tercetak tebal dan miring</I></B>

Selain itu kita juga dapat menampilkan suatu karakter khusus dengan menggunakan kode yang tertentu pula. Ada dua macam kode yang dapat kita gunakan untuk menampilkan karakter-karakter alternatif tersebut yakni dengan menggunakan Character Reference atau Entity Name. Berikut ini terdapat daftar yang memuat beberapa karakter khusus yang dapat ditampilkan dengan menggunakan suatu kode tertentu.

Misalkan untuk menuliskan "Tag <HTML>" dapat kita implementasikan: Tag <HTML>

Symbol

Character Reference

Entity name

Bersambung ke : Penggunaan Heading

Struktur Dasar Web Page

2009-03-19T10:03:00.000+07:00

File-file HTML dapat ditampilkan sesuai dengan keinginan kita seperti pada contoh-contoh sebelumnya adalah karena terdapat marker yang diimplementasikan dalam bentuk tag-tag HTML. Secara umum format tag HTML tersebut dapat dituliskan sebagai berikut:

<TAG>Teks yang akan dipengaruhi oleh tag</TAG>

Sebagai contoh kalau kita akan membuat tulisan dalam format tebal maka yang harus kita tuliskan dalam file HTML adalah:

<B>Tulisan yang tercetak tebal</B>

Tanda slash (/) menunjukkan akhir dari suatu tag, akan tetapi ada juga beberapa tag HTML yang tidak memerlukan pasangan akhirannya ini.

Tag yang paling dasar yang digunakan dalam file HTML adalah <HTML> dan </HTML>. Kedua tag ini berfungsi untuk mendefinisikan bahwa teks yang terdapat di antara kedua tag tersebut adalah dalam format HTML.

<HTML>

Teks

</HTML>

Untuk mendefinisikan head, kita dapat menambahkan tag <HEAD> dan </HEAD>

setelah penggunaan tag <HTML> sedemikian hingga struktur page menjadi :

<HTML>

<HEAD>

</HEAD>

</HTML>

Sedangkan bagian body adalah tempat dimana kita dapat menempatkan teks dan berbagai aksesori pendukung lainnya yang akan ditampilkan pada web page. Bagian ini dapat didefinisikan dengan meletakkan tag <BODY> dan </BODY> di antara teks yang akan kita tampilkan. Kedua tag ini diletakkan sesudah tag </HEAD>, sehingga struktur dasar sebuah page dapat dituliskan sebagai :

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

Untuk mendefinisikan judul page (title) maka kita dapat melakukannya dengan meletakkan naskah judul di antara tag <TITLE> dan </TITLE>. Judul ini akan ditampilkan pada title bar web brower Misalkan kita akan membuat sebuah page dengan judul "Latihan HTML" maka kita harus menambahkan:

<TITLE>Latihan HTML</TITLE>

Perhatikan bahwa tag <TITLE> dan </TITLE> ini harus diletakkan pada bagian head, sehingga dokumen HTML dasar kita menjadi:

<HTML>

<HEAD>

<TITLE>Latihan HTML</TITLE>

</HEAD>

<BODY>

Teks yang akan ditampilkan pada bagian body

</BODY>

</HTML>

Pada file HTML, karakter carriage returns (Enter) diabaikan, sehingga untuk membuat atau mendefinisikan naskah dalam bentuk paragraf harus ditambahkan tag khusus yakni <P>. Sebagai contoh kita dapat menampilkan beberapa paragraf sekaligus dalam satu dokumen HTML.

<HTML>

<HEAD>

<TITLE>Latihan HTML</HTML>

</HEAD>

<BODY>

Teks yang akan ditampilkan pada bagian body

<P>Paragraf satu </P>

<P>Paragraf dua </P>

</BODY>

</HTML>

Bersambung ke : Format Teks Dasar

Belajar Mengenal HTML

2009-03-17T09:48:00.000+07:00

Pengenalan HTML

HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.

Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :

Hypertext

Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.

Markup

Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.

Language

Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen.

Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi.

Bersambung ke : Apa yang dapat dilakukan dengan HTML ?

Bagaimana Membangun Inbound Link

2009-03-07T21:22:00.001+07:00

Jumlah inbound link ke blog sangat menentukan popularitas suatu blog. Semakin banyak inbound link yang “tumbuh” pada blog, maka semakin terkenal dan populer. Search Engine seperti Yahoo dan Google juga mempercayai kualitas inbound link ini. Membangun suatu inbound link adalah pekerjaan berat dan lambat, tetapi terus bekerja-lah untuk membangun inbound link. Anda harus mencoba dan menciptakan kualitas konten untuk blog Anda dalam upaya membantu membangun hubungan yang lebih cepat.

Ada beberapa perusahaan SEO yang tersedia di internet yang dapat membantu Anda dalam proses Membangun suatu inbound link ini yang dapat meningkatkan kredibilitas blog Anda pada jumlah yang sangat wajar. Pastikan Anda selalu mencoba untuk membangun kembali dan mendapatkan link dari perusahaan semacam ini karena hal ini tidak dilarang oleh search engine dalam proses inbound link ini.

Membangun link adalah salah satu faktor utama yang mempengaruhi posisi blog Anda di search engine. Berikut beberapa tips untuk membangun atau menumbuhkan inbound link :

Salah satu cara termudah dan tercepat membangun inbound link adalah dengan membelinya, tetapi tidak melakukannya dengan cara yang berlebihan.
Situs-situs dimana Anda dapat membeli inbound link banyak tersedia di Internet dan Anda dapat mencarinya lewat search engine Google.
Pastikan Anda membeli link pada kata kunci yang terkait dengan content blog Anda.

Jaga senantiasa bangunan link pendek dan ringkas. Bila anda melakukan hal ini, maka Anda tidak membuat bingung robot search engine. Perhatikan juga jangan sampai Anda membeli link tetapi link itu dilarang oleh Google, jadi selalu memeriksa sebelum membeli link. Biasanya link yang dilarang ini akan diblokir dan pada gilirannya blog Anda juga kena imbasnya.

Selain pembelian inbound link, Anda juga dapat mempertimbangkan beberapa poin untuk membangun kualitas inbound link untuk blog Anda.

Minta link dengan blogger lainnya (link exchange)
Anda bahkan dapat bertukar link dengan blogger lainnya sekelas webmaster.
Coba Tambahkan ke blog Anda pada beberapa direktori, sehingga blog-blog lainnya dapat menghubungi Anda. Gunakan Google untuk mencarinya, Anda akan mendapatkan seribu dari direktori dan banyak dari mereka yang memiliki PR.
Terakhir, namun tidak sedikit, menulis beberapa artikel dan mengirimkan artikel Anda ke direktori tersebut.

Semua metode ini pasti akan membantu Anda secara efektif dalam membangun inbound link pada blog Anda. Sekarang beri komentar ide unik yang Anda miliki dalam menggunakan metode yang paling cocok untuk menumbuhkan inbound link ini…...?

Blogging Dengan Rencana Jangka Pangjang

2009-03-07T02:36:00.000+07:00

Bila Anda berkeingan untuk membangun suatu Blog dengan tujuan utnuk orientasi Bisnis atau Make Money Online, maka tentunya harus dibangun dengan Rencana Jangka Panjang yang bagus.

Banyak orang ber-“mimpi” dan berharap dari blogging dapat meraih suatu keuntungan, dan tujuan ini tentu tidak salah sepangjang diproses melalui suatu survey terhadap calon “kompetitor” atau suatu Blog lain dengan lingkup yang sama dan kemudian dikerjakan dengan cara bekerja keras, dan yang penting berpegangan pada teknologi blogging.

Namun, sangat sedikit orang memperoleh hasil keuntungan yang mereka inginkan dari Blog mereka. Sebagian besar orang yang berusaha untuk membuat uang dengan blog mereka tidak berhasil karena dua alasan.

Sering kali Blogger benar-benar tidak realistis terhadap harapan dari pembacanya, bagaimana cepat mereka akan tumbuh dan berapa banyak uang yang mereka dapat peroleh. Dan ketika harapan tidak bertemu dengan pembaca, maka Blogger menjadi kecewa dan akhirnya tidak melanjutkan untuk blogging. Tentunya hal terjadi karena dilakukan dengan kurangnya perencanaan. Jika Anda ingin mengubah Blog menjadi suatu keuntungan dan menjadi pemenang adalah untuk membuat rencana gagasan yang realistis.
Untuk berhasil di blog orientasi keuntungan, maka hal utama yang Anda lakukan adalah memenuhi sebuah kebutuhan dan harapan yang besar dari pembaca. Semakin banyak pembaca di Blog Anda, semakin banyak pengiklan akan setuju untuk membayar Anda. Namun disisi yang lain mendatangkan pengunjung ke Blog adalah tidak mudah.

Untuk itu salah satu penunjang keberhasilan dapat membuat Blog untuk orientasi keuntungan disamping membuat tulisan sesuai harapan pembaca, Anda juga harus dapat menjual / memasarkan blog Anda secara efektif. Terlalu asyik menggunakan semua waktu menulis posting dan hampir tidak ada waktu untuk melakukan proses pemasaran Blog.

Mesin pencari seperti Technorati, Google atau search engine lainnya akan tahu bahwa Anda telah update tulisan, namun tidak peduli seberapa sering Anda memperbarui, jika tidak ada seorangpun yang melihat halaman Anda. Untuk membuat “mimpi” Anda dari blogging dapat memperoleh keuntungan yang nyata, maka Anda harus menjadi seorang genius dalam pemasaran sebuah Blog. Dan yang penting untuk diingat bahwa kemenangan tidak diperoleh dalam waktu semalam tetapi memerlukan kemungkinan waktu setidaknya beberapa bulan sebelum Anda dapat memperoleh banyak keuntungan.

Saya harap Anda dapat menikmati setelah membaca artikel ini. Sebagai rekomendasi kepada Anda bahwa ada Cara Make Money As A Video Blogger yaitu video tutorial yang akan mengajarkan Anda cara baru yang hebat, Anda dapat membuat Blog sebagai keuntungan.

Selamat Berkreasi.