Menjadikan Blog/Web ringan saat diakses

Setelah banyak yang membahas tentang cara-cara mempercepat traffic blog/web dengan cepat, sekarang saya akan membahas tentang bagaimana optimasi blog/web supaya proses atau penampilan website kita ringan. Dalam arti sebuah website dianggap bernilai itu tidak berdasarkan tampilan atau konsep saja,tapi berdasarkan dengan kecepatan proses penampilan website tersebut. Jika website/blog tersebut ringan,maka tak jarang banyak orang-orang yang tertarik dengan...

Read More

Google Fonts dalam Wordpress

Jika sebelumnya saya telah menerbitkan postingan bagaimana menggunakan dan menampilkan Google Fonts dalam blogger dalam postingan Google Fonts untuk Blogger, sekarang saya akan membahas bagaimana menggunakan Google Fonts tersebut kedalam Wordpress.Kita tahu bahwa Google memiliki ratusan jenis fonts yang dapat kita gunakan dalam mempercantik tampilan website kita, karena tampilan fonts dalam website kita tentu saja akan mempercantik tampilan website...

Read More

Menggunakan Google Font untuk Blogger

  Google mempunyai salah satu layanan berupa karakter fonts yang sangat beragam, kita bisa memilih ratusan fonts yang disediakan Google untuk digunakan dalam web atau blog kita.Langsung saja kita praktek kan, pertama kita kunjungi dulu web Google Fonts.Setelah masuk, disana kita dapat memilih banyak fonts yang akan kita gunakan untuk mempercantik tampilan web/blog kita. Setelah kita memilih salah satu, atau kita bisa memilih banyak fonts. klik...

Read More

Penggunaan Meta Tag (HTML)

Meta tag adalah tag-tag HTML yang membantu anda mengendalikan search engines ketika meng-inddex situs anda, dengan menggunakan keywords dan deskripsi yang telah anda sediakan. Keyword dan deskripsi meta tag yang anda masukan kedalam html dari halaman-halaman anda, menyediakan informasi bagi search engine mengenai bagian yang tidak boleh di tampilkan dalam web browser. Ada beberapa komponen dalam rangkaian meta tag, mari kita bahas. Meta Tag Description Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web...

Read More

Teks berjalan (Marquee)

Untuk membuat teks berjalan digunakan tag <marquee>. Tag marquee diperkenalkan oleh Microsoft IE, jadi tag tersebut bukan merupakan bagian dari HTML maupun XHTML. Jika ingin membuat website yang mendukung HTML/XHTML maka kita harus melupakan tag ini dan mencari alternatif pengganti dengan menggunakan flash, animasi atau javascript. Untuk menuliskan tag marquee kedalam dokumen HTML adalah seperti berikut: <marquee>konten</marquee>Seperti...

Read More

Favicon dan cara menampilkanya

Dalam pelajaran HTML kali ini kita akan mempelajari tentang bagaimana cara menampilkan Favicon di browser. Favicon adalah sebuah icon image yang berukuran kecil yang ditampilkan di address bar dan tab browser. Dengan adanya favicon ini memang kelihatan menarik, bahkan kita bisa hafal suatu situs web dengan hanya melihat favicon-nya, jika kita memiliki banyak bookmark di browser kita, maka kita akan melihat beraneka ragam favicon disana.Pertama,...

Read More

Tabel HTML

Untuk membuat table yang sederhana ada 3 elemen utama yaitu table, tr dan td. Tag <table> adalah untuk membuat tabel kemudian di ikuti dengan tag <tr> (table rows) adalah untuk membuat baris pada tabel kemudian tag <td> (table data) adalah untuk membuat kolom pada tabel, kolom-kolom hasil dari tr dan td ini disebut dengan table cell yaitu sebagai lokasi dimana kita memasukkan data-data yang akan di tampilkan. Berikut adalah contoh tabel yang terdiri dari 3 baris dan 2 kolom. <table border="1"> <tr> <td>Cell...

Read More

IMAGE HTML

Untuk format gambar ada 3 macam yang sering digunakan yaitu: GIF, JPG dan PNG. GIF dan PNG bisa digunakan untuk membuat gambar yang transparan serta biasa juga digunakan untuk gambar yang warnanya minim seperti untuk logo, banner, icon, dsb, Gif bisa membuat gambar animasi juga. Untuk menampilkan gambar yang berkualitas bagus dengan warna yang memadai digunakan format JPG.Untuk memasukkan gambar ke dalam dokumen HTML digunakan elemen img di ikuti...

Read More

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: <html> <head></head> <body bgcolor="#FF99FF"> <p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p> <p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p> </body> </html>Preview Untuk nilai dari...

Read More

Hyperlink 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: <html> <head></head> <body> <p>Aku sekarang sedang membuat hyperlink</p> Jika anda ingin mengunjungi Microsoft <a href="http://www.microsoft.com/">Klik...

Read More

Format text HTML

Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya, coba tambahkan dengan tag-tag berikut ini: <html> <head> <title>Selamat Datang di Websiteku</title> </head> <body> Ini adalah halaman HTML pertamaku. <p>Aku sedang membuat paragraf dan ini contohnya.</p> <p>Ini contoh paragraf yang lainnya.</p> <p>Ini juga paragraf mm...tapi de-<br> ngan baris baru.<br> Ini baris baru...

Read More

Format Font HTML

Tag HTML untuk font adalah <font>…</font>, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini: <html> <head></head> <body> Untuk membuat jenis font (face): <h1><font face="Verdana">Judul dengan font Verdana</font></h1> <p><font face="Times">Konten dengan font Times</font></p> Untuk membuat ukuran (size): <h1><font size="5">Judul dengan size 5</font></h1> <p><font...

Read More

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: <html> <head> <title>Disini titel websiteku</title> </head> <body> Disini adalah konten yang tampil di browser </body> </html> PREVIEW Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>"...

Read More

Apa itu 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...

Read More

HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi...

Read More