Tampilkan postingan dengan label HTML Tutorials. Tampilkan semua postingan
Tampilkan postingan dengan label HTML Tutorials. Tampilkan semua postingan

Jumat, 27 November 2009

Cara Membuat Text Sizer untuk Mengubah Ukuran Text Pada Website (2)

B
eberapa hari yang lalu saya telah memberikan tutorial website bagaimana membuat Text Sizer untuk mengubah ukuran text atau huruf pada website. Kali ini tutorial yang akan kita bahas bisa dikatakan sama, yaitu membuat text sizer. Namun, kita akan membuat Text Sizer yang dilengkapi dengan tombol Reset. Tombol reset ini berguna untuk mengembalikan ukuran text (font) menjadi ukuran semula, yang

Kamis, 26 November 2009

Cara Membuat Tab Menu Dengan Banyak Style

Kali ini kita akan membahas cara membuat tab menu pada website khususnya pada Blogspot. Hal ini cukup menarik karena Blogspot tidak menyediakan menu-menu pada halaman blog sehingga kita harus membuatnya secara manual baik dengan menggunakan CSS maupun dengan Javascript. Berikut langkah-langkah membuat tab menu pada website:Copy paste kode CSS berikut pada website Anda. Jika pada Blogspot, copy

Senin, 09 November 2009

Cara Membuat Tulisan Berjalan pada Website

Website yang animatif bisa membuat orang menjadi tertarik untuk membukanya. Konten yang animatif biasanya mampu menarik perhatian pengunjung untuk sekedar melihat atau membacanya. Dengan demikian informasi yang kita tulis bisa tersampaikan. Biasanya website animatif dibuat dengan memasukkan flash ke dalam website atau gambar-gambar animasi seperti .gif.
Ada cara lain supaya website kita menjadi

Jumat, 05 Juni 2009

Tips dan Trik Menambah Kolom Pada Blogspot

Mengedit template blogspot pada dasarnya tidaklah sulit, apalagi template blogspot tersebut didesain dalam satu buah dokumen XML. Berbeda halnya dengan template Wordpress CMS yang terdiri dari banyak dokumen (file) yang terintegrasi. Selain itu, struktur kode pada template blogspot juga lebih sederhana jika dibandingkan dengan Wordpress CMS yang dibangun menggunakan PHP-MySQL. Sebenarnya keduanya

Rabu, 13 Mei 2009

Cara Memasukkan Flash ke dalam Blog

Cara memasukkan flash ke dalam blog sebenarnya sudah kita contohkan melalui beberapa tutorial memasukkan menu flash ke dalam blog. Namun, postingan ini sengaja dibuat sebagai panduan general bagaimana memasukkan flash ke dalam blog atau web lainnya. Agar file flash bisa ditampilkan pada halaman web, perlu struktur HTML yang berfungsi untuk menjalankan perintah agar file flash tersebut bisa

Sabtu, 28 Maret 2009

Cara Membuat Menu Drop Down Horizontal Dengan JavaScript

2 hari yang lalu kita telah belajar membuat menu horizontal pada blogspot. Pada postingan ini, saya akan memaparkan bagaimana membuat menu drop down horizontal pada blogspot. Menu drop down merupakan menu yang mempunyai sub-sub menu didalamnya. Prisipnya adalah ketika pointer menyorot sebuah main menu, maka akan muncul sub menu dari main menu tersebut. Kode-kode ini saya dapat dari

Kamis, 26 Maret 2009

Cara Membuat Menu Horizontal Pada Blogspot

Menu yang terdapat pada sebuah web selain berguna untuk memudahkan pengunjung membuka halaman-halaman tertentu, juga bisa menambah estetika. Begitu pula dengan menu horizontal yang bisa membuat web kita menjadi lebih ergonimis dan keren. Nah, bagaimana dengan blogspot? Harus diakui bahwa pada template blogspot standart, fasilitas menu horizontal tidak ada didalamnya. Namun, kita tidak perlu

Senin, 23 Maret 2009

Mengenal Dasar Pembuatan Halaman Website (2)

Masih ingatkan dengan postingan yang membahas tentang dasar pembuatan website bagian pertama? Kalau sudah lupa boleh dibuka lagi kok disini. Blog ini akan memberikan lanjutan tutorial mengenai hal yang serupa, yaitu mengenal dasar-dasar pembuatan web. Saya akan menjelaskan secara umum bagaimana cara menambahkan elemen-elemen yang akan dimasukkan ke dalam halaman web yang kita desain. Tentu

Selasa, 17 Maret 2009

Membuat Web Menggunakan Macromedia Dreamweaver (3)

Akhirnya sampai juga kita dibagian ketiga posting berkelanjutan mengenari cara membuat web menggunakan Macromedia Dreamweaver. Setelah di bagian pertama kita membahas sepatah dua kata mengenai apa itu Dreamweaver, kemudian di bagian kedua saya memaparkan beberapa bagian penting dari software web design tersebut, maka di bagian ini saya akan langsung memberi contoh penggunaan Dreamweaver dalam

Kamis, 12 Maret 2009

Membuat Web Menggunakan Macromedia Dreamweaver (2)

Kini saatnya kita melanjutkan tutorial web kita yang membahas cara membuat web dengan menggunakan Macromedia Dreamweaver. Dibagian pertama tutorial berkelanjutan ini kita telah mengenal sekilas mengenai profil Dreamweaver sebagai salah satu software web design. Bahkan pembaca mungkin sudah mencoba mendownload dreamweaver cs4 yang merupakan versi terbaru saat posting ini saya rilis. Oke deh, saya

Rabu, 11 Maret 2009

Membuat Web Menggunakan Macromedia Dreamweaver (1)

Seperti janji saya di postingan "Mengenal Dasar Pembuatan Halaman Website" dimana saya akan mengulas sedikit tentang software web design yang menurut saya sangat bagus, maka di postingan yang berkelanjutan ini akan saya jelaskan mengenai hal tersebut. Software yang saya maksud adalah Macromedia Dreamweaver. Dreamweaver mempunyai banyak keunggulan-keunggulan dari segi fitur maupun interface

Minggu, 08 Maret 2009

Mengenal Dasar Pembuatan Halaman Website (1)

Tutorial ini sebenarnya sudah disinggung pada postingan-postingan yang terdahulu. Namun, rasanya kurang lengkap jika tidak memaparkan lebih detail lagi. Jika di postingan yang lalu kita sudah membahas filosifi sebuah halaman website, kemudian belajar tentang hosting dan domain, mengenali bahasa pemrograman yang digunakan untuk membuat website serta perbedaan-perbedaannya, sampai pada "praktek"

Kamis, 19 Februari 2009

Mengatasi "Invalid Widget ID" pada Blogger

Beberapa hari yang lalu, salah seorang pembaca di blog ini bertanya tentang kasus yang beliau alami ketika mengganti layout blog dengan template yang telah di downloadnya dari sini. Muncul pesan seperti dibawah ini ketika mencoba untuk menginstal template blogspot tersebut:Please correct the error below, and submit your template again.The new widget id "Recent-Comments-Widget" is invalid for type

Sabtu, 14 Februari 2009

Membuat Slide Show Album Foto di Blog

Mungkin pembaca pernah melihat sebuah slide show yang berisi foto-foto yang ditampilkan pada sebuah website maupun blog. Apalagi jika pembaca mempunyai friendster, tentu slide album foto seperti itu sudah tidak asing lagi. Kita juga bisa membuat slide show tersebut pada halaman website atau blog kita, dan langkah-langkah membuat slideshow album foto pada blog juga tidak jauh berbeda dengan

Selasa, 06 Januari 2009

HTML At a Glance

HTML yang merupakan singkatan dari HyperText Markup Language, seperti yang sudah penulis sebutkan di postingan yang lalu, merupakan salah bahasa pemrograman yang digunakan untuk membuat halaman website untuk ditampilkan pada browsers internet. HTML sendiri merupakan pengembangan dari bahasa pemrograman SGML (Standard Generalized Markup Language) yang digunakan dalam dunia penerbitan dan