This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Menjadi Pengusaha Online

Salah satu pertanyaan yang paling sering saya terima adalah:"Gimana sih caranya dapat duit dari ngeblog? Blog gue pake bahasa Indonesia, bisa nggak dapat dollar?"

Pertanyaan pertama agak panjang jawabannya. Ada banyak cara mendapatkan uang dari blog. Tentu saja dengan cara yang halal dan benar. Beberapa artikel Blogguebo barangkali bisa menjadi awal untuk belajar bagaimana caranya mendulang uang melalui blog Anda.

Silahkan membuka-buka arsip lama
Tips Monetisasi Blog dan Seri Monetisasi Blog Anda.

Pertanyaan kedua lebih singkat jawabannya: BISA.

Ya, Anda bisa mendapatkan uang (baik dollar ataupun rupiah) dari blog berbahasa Indonesia.

Berikut adalah 13 Cara Mendapatkan Uang Dari Blog Berbahasa Indonesia yang barangkali bisa Anda pertimbangkan.

----------------------------------------------------------
13 Cara Mendapatkan Uang Dari Blog Berbahasa Indonesia

1. Menampilkan Iklan PPC (Pay-Per-Click) Domestik
Saat ini setidaknya sudah ada 6 pelaku bisnis PPC domestik di Indonesia, yaitu
KlikSaya.com, KumpulBlogger, PPCIndo, IndoFad, IdBlognetwork dan SITTI. Dengan menjadi publisher program-program PPC domestik, Anda bisa menampilkan iklan berbahasa Indonesia dan mendapatkan komisi (tentu dalam rupiah) jika iklan tersebut di-klik oleh pengunjung blog Anda. Anda bisa menggunakan link-link dibawah ini jika ingin mendaftar program-program PPC domestik tersebut (jangan khawatir, tidak ada link affiliasi saya di link tersebut).

Klik disini untuk mendaftar KumpulBlogger
Klik disini untuk mendaftar KlikSaya
Klik disini untuk mendaftar PPCIndo
Klik disini untuk mendaftar IndoFad
Klik disini untuk mendaftar IdBlogNetwork
Klik disini untuk mendaftar SITTI

2. Menampilkan Iklan PPC Asing
Pilihan kedua adalah menampilkan iklan PPC asing. Sejak tanggal 1 Februari 2012, Google Adsense sudah bisa ditampilkan di blog berbahasa Indonesia.
Dengan menampilkan iklan PPC di blog Anda (ya, blog berbahasa Indonesia pun bisa), Anda akan mendapatkan komisi berdasarkan jumlah klik dari pengunjung blog Anda. Semakin banyak pengunjung blog Anda, tentu semakin besar pula jumlah klik iklan yang Anda dapatkan.

Klik disini untuk mendaftar Google Adsense
3. Menampilkan Banner Program Affiliasi Asing
Ada banyak sekali program affiliasi yang bisa Anda ikuti. Untuk lebih lengkapnya, silahkan buka link Monetisasi Blog Anda: (3) Program Paid-to-Affiliate. Meskipun bukan cara terbaik, menampilkan banner link affiliasi berukuran 125X125 di bagian Sponsor blog Anda bisa menjadi pilihan monetisasi blog berbahasa Indonesia. Jika pengunjung blog Anda melakukan pembelian melalui banner link affiliasi tersebut, Anda akan mendapatkan sejumlah komisi.

4. Menampilkan Banner Program Affiliasi Domestik
Selain program affiliasi asing, saat ini juga sudah banyak program-program affiliasi domestik yang bisa Anda manfaatkan sebagai sarana monetisasi blog Anda. Dengan cara yang sama - menampilkan banner link affiliasi domestik - Anda memiliki peluang untuk mendulang uang melalui blog Anda. Sejumlah pengelola web hosting lokal dan penyedia template/theme blog memiliki program affiliasi yang bisa Anda ikuti dan promosikan di blog Anda. Saya sendiri memanfaatkan affiliasi dari GoBlog Wordpress Premium Theme, penyedia theme Wordpress milik Mas Handoko Tantra. Anda bisa menampilkan banner GoBlog Wordpress Premium Theme setelah membeli produk ini. Komisi yang diberikan adalah 50% dari penjualan.

5. Menulis Review Produk Affiliasi (dengan text link affiliasi Anda)
Salah satu cara menjalankan program affiliasi (baik asing maupun domestik) melalui blog yang paling efektif adalah dengan menulis review tentang produk affiliasi yang hendak Anda promosikan di blog Anda. Akan lebih baik lagi jika Anda sudah menggunakan dan merasakan manfaat produk yang Anda promosikan. Program affiliasi Amazon.com dan Commission Junction memiliki banyak sekali produk yang bisa Anda review. Pilih produk yang sesuai dengan niche dan kebutuhan pembaca blog Anda, tulis reviewnya dan jika pembaca blog Anda melakukan pembelian produk yang Anda rekomendasikan, Anda akan mendapatkan sejumlah komisi.

6. Mengikuti Program Paid Review
Program paid review adalah cara lain monetisasi blog berbahasa Indonesia. Seperti namanya, sebagai publisher program ini Anda diminta untuk menulis review produk atau jasa tertentu (dalam bahasa Inggris) dan akan mendapatkan komisi atas review yang Anda tulis di blog Anda. Ya, blog berbahasa Indonesia (untuk beberapa program paid review seperti SponsoredReviews.com, ReviewMe, Blogsvertise, BuyBlogReviews.com) pun bisa mendaftar sebagai publisher program-program paid review. Bahkan jika blog Anda memiliki link ranking, Alexa, Technorati dan PR (Page Rank) yang cukup tinggi, bukan tidak mungkin Anda akan mendapatkan komisi yang cukup besar untuk satu artikel review. Saat ini Anda juga bisa mendaftar program paid review lokal pertama di Indonesia, ReviewMu.com. Untuk informasi program paid review yang lain silahkan klik Monetisasi Blog Anda: (1) Program Paid-to-Review.

7. Menampilkan Google Adsense for Search
Selain iklan PPC, Anda bisa menampilkan unit Adsense for Search di blog Anda. Pergunakanlah layanan Google Custom Search Engine untuk mendapatkan hasil pencarian sesuai kata kunci dan alamat situs yang Anda inginkan. Silahkan membaca juga Seri Tutorial Panduan Mendaftar Google Adsense.

8. Menjual Text Link Ads
Pilihan monetisasi blog berbahasa Indonesia yang lain adalah dengan menjual link di blog Anda. Dengan menjual link, yang Anda lakukan adalah menyediakan spot text link situs-situs yang ingin beriklan dan sekaligus mendapatkan link back dari blog Anda. Semakin tinggi
link ranking, Alexa, Technorati dan PR blog Anda, semakin mahal harga link yang bisa Anda tawarkan. Saat ini banyak program text link ads yang bisa Anda ikuti. Beberapa diantaranya adalah Text-Link-Ads.com, TNX.net, LinkWorth.com dan TextLinkBrokers.com. Saya sendiri menjual text link mandiri di blog ini.

9. Menjual Spot Iklan Mandiri
Menjual spot iklan secara langsung kepada mereka yang tertarik memasang iklan di blog Anda adalah pilihan lain monetisasi blog berbahasa Indonesia yang saat ini semakin populer. Meskipun cara seperti ini memerlukan strategi khusus (misalnya bagaimana cara mendapatkan pemasang iklan), namun jika niche blog Anda cukup menarik dengan pengunjung yang cukup banyak, pendapatan iklan mandiri tidak bisa dibilang kecil. Saya sendiri mendapatkan hasil yang cukup lumayan dari menjual spot iklan mandiri di blog saya.

10. Menjual Jasa Keahlian Anda
Jika Anda memiliki keahlian tertentu (misalnya web design, web programming, logo design, copy writing, atau bahkan keahlian-keahlian lain seperti memasak, menulis, menerjemahkan), tidak ada salahnya mempromosikan keahlian Anda melalui blog Anda. Selain sebagai ruang pribadi untuk menuangkan ide dan tulisan, blog Anda juga bisa berperan sebagai sarana public relation yang cukup efektif untuk memperkenalkan keahlian Anda. Jadi silahkan mencari keahlian apa yang kira-kira bisa Anda jual melalui blog Anda. Saya sendiri memberikan jasa konsultasi blog review dengan penghasilan yang cukup lumayan.

11. Menjual Produk Digital Karya Anda Sendiri
Saat ini menulis dan membuat e-book bukan lagi sesuatu yang sulit. Jika Anda memiliki keahlian tertentu yang bisa Anda jual, menuliskannya menjadi sebuah e-book dan mempromosikannya melalui blog Anda adalah sebuah pilihan yang brilian. Selain mendapatkan keuntungan penjualan e-book, melalui blog yang sama Anda juga bisa mengembangkan sistem affiliasi sehingga pengunjung blog Anda bisa mempromosikan kembali e-book Anda dengan memberikan imbalan tertentu.

12. Menjual Produk Fisik Karya Anda Sendiri
Selain produk digital berupa e-book, produk-produk fisik (misalnya CD, buku, kaos, cenderamata, kado/gift ulang tahun, bahkan kue ulang tahun) juga bisa Anda promosikan dengan memanfaatkan blog Anda. Jika saat ini Anda telah memiliki bisnis offline, tidak ada salahnya mencoba menjangkau pasar yang lebih luas dengan promosi secara online melalui blog Anda. Saya sendiri telah menerbitkan 2 buku tentang bagaimana cara-cara menghasilkan uang dari blog secara mudah dan langkah demi langkah. Buku pertama berjudul "Blogging for Money: Panduan Jitu Untuk Mengoptimalkan dan Mendapatkan Penghasilan Dari Blog Anda", diterbitkan oleh Andi Publisher (Yogyakarta, 2011). Harganya murah, hanya Rp. 45.000. Buku kedua berjudul "Pro Blogger: Rahasia Menjadi Blogger Profesional", juga diterbitkan oleh Andi Publisher (Yogyakarta, 2012). Harganya lebih murah, hanya Rp. 36.000.


13. Menjadi Perantara/Broker Jasa Orang Lain
Menjadi perantara atau broker jasa orang lain juga bisa menjadi pilihan monetisasi blog Anda. Sekedar misal, jika Anda kebetulan tinggal di daerah wisata (Bali atau Yogyakarta misalnya), Anda bisa menawarkan kerjasama dengan biro travel atau hotel-hotel kecil sekelas Melati untuk mempromosikan jasa mereka melalui blog Anda dengan imbalan komisi tertentu. Akan lebih baik lagi apabila niche blog Anda sesuai dengan jasa yang hendak Anda promosikan. Jika pengunjung blog Anda melakukan booking hotel atau jasa biro travel tersebut, Anda mendapatkan komisi dalam jumlah tertentu.
------------------------------------------------------------

Nah, sebenarnya ada banyak cara mendapat uang dari blog berbahasa Indonesia bukan?

Jadi tidak ada alasan untuk berkecil hati dan beralasan bahwa Anda tidak bisa mendapat uang dari blog Anda hanya karena blog Anda berbahasa Indonesia.


Selamat mencoba! :) Wish you all the best.

Pemrogaman C++

ampus TI | Algoritma Pemrograman C++ | Algoritma adalah urutan aksi-aksi yang dinyatakan dengan jelas dan tidak rancu untuk memecahkan suatu masalah dalam rentang waktu tertentu. Setiap aksi harus dapat dikerjakan dan mempunyai efek tertentu. Algoritma 1 dapat dituliskan dengan banyak cara, mulai dari menggunakan bahasa alami yang digunakan sehari-hari, simbol grafik bagan alir, sampai menggunakan bahasa pemograman seperti bahasa C atau C++. 1

Berbicara tentang C++ biasanya tidak lepas dari C, 1 sebagai bahasa pendahulunya. Pencipta C adalah Brian W. Kerninghan dan Dennis M. Ritchie pada sekitar tahun 1972, dan sekitar satu dekade setelahnya diciptakanlah C++, oleh Bjarne Stroustrup dari Laboratorium Bell, AT&T, pada tahun 1983. C++ cukup kompatibel dengan bahasa pendahulunya C. Pada mulanya C++ disebut “ a better C “. Nama C++ sendiri diberikan oleh Rick Mascitti pada tahun 1983, yang berasal dari operator increment pada bahasa C.
1
Keistimewaan yang sangat berari dari C++ ini adalah karena bahasa ini mendukung pemrograman yang berorientasi objek ( OOP / Object Oriented Programming).1

Itu hanya gambaran saja tentang Algoritma Pemrograman C++. Agar kawan Kampus TI lebih paham, kawan kampus ti bisa mendownload modulnya di bawah ini.

Cara Menginstal PHP

Cara menginstal PHP 5.3.6

Untuk menginstal PHP sebelumnya anda harus sudah menginstal Apache Server dan pastikan sudah berjalan dengan baik.
Klik link berikut untuk mendownload php: http://windows.php.net/download untuk php versi yang lama dapat di download di php archives atau museumnya php.
PHP ada 2 kompilasi yang dikeluarkan yaitu VC6 (Visual C++ 6.0) dan VC9 (Visual Studio C++ 2008).
Untuk Apache.org binary, dianjurkan untuk menggunakan yang VC6 sedangkan VC9 adalah untuk IIS server.
Ketika mendownload pilih yang versi Zip dengan Thread Safe.
Jika ingin menggunakan PHP yang VC9 maka Apachenya harus di update terlebih dahulu. Ikuti link berikut untuk mengetahui bagaimana cara upgrade Apache untuk PHP yang VC9.
Setelah mendapatkan versi php yang anda inginkan, buat sebuah folder di “C:\Apache” dengan nama “php” sehingga menjadi C:\Apache\php, kemudian dengan menggunakan winzip atau winnar ekstrak file yang telah kita download ke dalam folder tersebut.
Kemudian di dalam folder php cari file “php.ini-dist” untuk PHP versi 5.3.+ gunakan “php.ini-production” karena pengaturan tersebut merupakan pengaturan standar, baik untuk kecepatan maupun keamanan.
Ganti namanya menjadi “php.ini” double klik untuk membuka file tersebut dan cari baris seperti berikut:
doc_root =
supaya lebih cepat, di menu notepad klik “edit” kemudian “find” masukkan “doc_root” klik find. Kemudian masukkan folder website yang telah kita buat sebelumnya sehingga menjadi:
doc_root ="D:\My Websites"
Kemudian cari baris berikutnya:
; extension_dir = "ext"
Isikan sehingga menjadi:
extension_dir = "C:\Apache\php\ext"
Agar PHP terhubung dengan server maka kita harus mengedit file configurasi Apache Server yang berada di “C:\Apache\conf\httpd.conf” buka file tersebut kemudian cari baris seperti dibawah ini:

DirectoryIndex index.html
Tambahkan index.php dengan dibatasi oleh sebuah spasi sehingga menjadi:

DirectoryIndex index.html index.php
PHP Directory
Kemudian tambahkan yang berikut ini diantara dan , sehingga menjadi seperti pada gambar dibawah:
ScriptAlias /php/ "C:/Apache/php/"
AddType application/x-httpd-php .php .php5
Action application/x-httpd-php "/php/php-cgi.exe"
SetEnv PHPRC "C:/Apache/php"
PHP Module 01
Diakhir dari file httpd.conf tersebut tambahkan yang berikut ini:
PHPIniDir "C:/Apache/php/"
LoadModule php5_module "C:/Apache/php/php5apache2_2.dll"
PHP Module 02
Simpan file tersebut, kemudian Restart server.
Agar Windows dapat mengetahui lokasi file system dan konfigurasi dari PHP maka kita harus menambahkan lokasi dari directory PHP tersebut.
Sebenarnya kita bisa saja memindahkan file 2x tersebut ke folder Windows atau System32, tapi tentu akan jadi rumit ketika kita ingin meng-upgrade php tersebut yang ujung-ujungnya malah system Windows kita yang rusak.
Jadi jalan terbaiknya adalah dengan memasukkan path atau lokasi php kita ke System Windows. Caranya? ikuti langkah-langkah berikut:
Buka “System Properties” dengan cara mengklik kanan “My Computer” pilih “Properties”
PHP System Path 01
Kemudian pilih tab “Advanced” kemudian klik “Environment Variables”
PHP System Path 021
Di dalam “System Variables” cari variable yang bernama “Path” klik edit atau double klik untuk mengedit.
PHP System Path 03
Setelah Edit System Variable terbuka di dalam “Variable value” tambahkan “C:\Apache\php” dengan dibatasi oleh tanda titik koma “;” klik OK.
Secara standart PHP akan menggunakan System Temp sebagai temporary folder. Saya pernah mengalami script yang tidak bekerja setelah saya mengosongkan Windows Temp folder. Jadi agar hal ini tidak terjadi kita akan membuat temporary folder di dalam folder Apache.
Pertama buat sebuah folder di “C:\Apache” dengan nama “temp” di dalam folder “temp” tersebut buat dua buah folder dengan nama “upload” dan “session” sehingga kita akan memiliki dua buah folder baru:
“C:\Apache\temp\upload”
“C:\Apache\temp\session”
Kemudian buka file pengaturan PHP “C:\Apache\php\php.ini” cari baris seperti yang ada di bawah ini:
;upload_tmp_dir =
Isikan sehingga menjadi:
upload_tmp_dir="C:\Apache\temp\upload"
Selanjutnya cari kembali:
;session.save_path = "/tmp"
Isikan sehingga menjadi:
session.save_path="C:\Apache\temp\session"
Agar system dapat membaca semua perubahan ini, Komputer kita harus di “Restart.”
Setelah komputer direstart sekarang kita akan menguji apakah server dan php telah terhubung dengan baik, buka notepad kemudian masukkan kode berikut ini:
Simpan file tersebut ke D:\My Websites dengan nama “index.php” jangan lupa ketika menyimpannya ganti save as type-nya dengan “all files” karena jika tidak maka filenya nanti akan menjadi “index.php.txt”
Hapus file “index.html”jika masih ada di dalam folder tersebut.
Kemudian buka browser ketik di address bar “localhost” atau “http//localhost/”
Jika browser menampilkan seperti gambar berikut ini berarti PHP telah terhubung ke Server dengan baik, again Congratulations…
Test PHP Info

Belajar menggunakan HTML

Mari belajar HTML.
Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website.
Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubahan-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.
Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini.
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.


Pengenalan HTML

Pengertian singkat tentang HTML
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) kode di bawah ini:


Titel Websiteku


Ini adalah dokumen HTML pertamaku

Preview
Simpan file tersebut ke C:\My Documents dengan nama "websiteku.htm." Ketika menyimpan file tersebut dengan Notepad ganti "save as type"-nya dengan "all files". Kemudian buka browser, dari menu File klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <…>"dan diakhiri dengan tag penutup " </…>". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): , body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " " dan tag penutup " " dan yang berada diantaranya merupakan isi atau konten dari elemen html tersebut. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: , , , , semuanya adalah sama.
Baca juga Update dari Pengenalan HTML ini di Tutorial HTML.


Tag Dasar HTML

Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:


Disini titel websiteku


Disini adalah konten yang tampil di browser

Preview
Tag pertama pada dokumen HTML diatas adalah: " " tag ini merupakan awal dari suatu dokumen HTML, dan tag " " merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag ….
Kemudian tag " …" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah " " merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".
Titel Websiteku
Tag "…" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi maupun audio-video (multimedia).
Baca juga Update dari Tag Dasar HTML ini di Tutorial HTML.


Format Font HTML

Tag HTML untuk font adalah …, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:



Untuk membuat jenis font (face):

Judul dengan font Verdana

Konten dengan font Times Untuk membuat ukuran (size):

Judul dengan size 5

Konten dengan size 3 Untuk membuat warna font (color):

Judul dengan warna biru

Konten dengan warna merah Contoh komplit untuk membuat jenis font (face),size dan color:

Judulnya Tentang Font

Ini adalah contoh tulisan dengan pengaturan font yang menggunakan tag HTML elemen font dengan atribut face, size dan color...
Preview
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag tidak dipergunakan lagi, sebagai gantinya dibuat tag

Aku sedang membuat paragraf dan ini contohnya.
Ini contoh paragraf yang lainnya.
Ini juga paragraf mm...tapi de-
ngan baris baru.
Ini baris baru yang lain.
Preview
Nah..udah tau kan apa itu

. Garis Horizontal
juga tidak menggunakan tag penutup. Untuk melihat tag-tag apa saja yang tidak memerlukan tag penutup dapat dilihat di artikel tentang tag-tag html tanpa tag penutup.
Selanjutnya tag

disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari

sampai

, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.

Preview
Selanjutnya tag adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikan oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal.
Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :




Ini adalah halaman HTML pertamaku.

Dikerjakan oleh:
Aku sedang mempelajari format-format teks. Contoh-contohnya adalah sebagai berikut:
Teks Normal Teks mesin ketik Teks tebal (bold) Teks tebal dengan perintah Strong Teks dengan italic (miring) Teks miring dengan perintah Emphasized Teks bergaris bawah (underline) Teks tercoret (strike) Teks lebih besar dari normal Teks lebih kecil dari normal Teks menggunakan Subscript: Molekul Air adalah H2O Teks menggunakan Superscript: Hasil dari 102=100
Preview
Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag
, misalnya jika anda menuliskan syair sebuah lagu atau puisi:



   PUITUIS ASA
   Hari ini...
   Aku sedang belajar...
   Belajar tentang HTML.
      Sulit 'ntuk dimengerti,
      Karena banyaknya teks-teks aneh.
      Tapi biarlah...
   Akan kucoba...
   Sampai berhasil.
Preview
Baca juga Update dari Format text HTML ini di Tutorial HTML.

Hyperlink digunakan untuk menghubungkan antar dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:



Aku sekarang sedang membuat hyperlink
Jika anda ingin mengunjungi Microsoft Klik disini Link ini akan membawa anda ke Yahoo.com Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:
Website Musik
Agar hyperlink tidak bergaris bawah:
Website Musik
Hyperlink ke suatu halaman tertentu dalam web:
Link ini akan membawa anda ke halaman belajar css.





Preview
Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan ektensinya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka :
 

Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan.
 
Sekarang coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya adalah menambahkan title pada tag anchor (a) sehingga menjadi:
yahoo
Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x.
 Text Alternatif Yahoo.com
Dalam contoh ini src atau source yaitu contoh.jpg sengaja dihapus agar alt-nya ditampilkan, maka hasilnya adalah: Text Alternatif Yahoo.com
Baca juga Update dari Hyperlink HTML ini di Tutorial HTML.

Background HTML

Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:



Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna
Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya...
Preview
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:


Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh…
Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif, .jpg atau .png yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg



Selamat datang di Websiteku


Hai... Saat ini saya sedang belajar membuat latar belakang dengan gambar, Biar bagaimanapun anda diwajibkan harus menyukainya...
Preview
Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http:



Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..
Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!
-->