• Program Baru W3function

    Online Courses

    Premium tutorial pembelajaran tahap pembuatan website secara menyeluruh mulai dari desain grafis, desain web, pengembangan, publikasi website di internet sampai dengan tekhnik SEO

    Materi: Photoshop, HTML5, CSS3, jQuery, PHP, MySQL, Semantic template, Responsif desain

    Mendaftar
  • Paket Toko Online

    W3function Store ®

    Solusi paket website toko online murah dan berkualitas dengan fitur yang lengkap beserta tema design yang banyak dan menarik

    Selengkapnya
  • Desain dan Pengembangan Web

    Custom Project

    Kami mengerti jenis bisnis Anda berbeda dengan yang lain sehingga Anda membutuhkan website yang benar-benar mencitrakan bisnis anda. Apapun jenis website yang ingin Anda buat kami akan membuatnya bekerja untuk Anda

    Selengkapnya

Hasil Pencarian

Penerapan Berbagai Style pada Tampilan Gambar dengan menggunakan CSS 3

25‘11
October

info61.jpg

Apabila anda sedang bingung untuk menerapkan suatu style pada gambar dan ingin secara otomatis semua gambar yang anda pasang di web mempunyai tampilan yang menarik tanpa harus memanipulasi setiap gambar di photoshop, maka CSS 3 bisa menjadi jalan alternatif anda. Bagi yang belum mengetahui CSS 3 silahkan buka artikel saya tentang CSS 3 di CSS 3 untuk border dan background Modul CSS 3 untuk border yaitu box-shadow atau border-radius bisa kita tambahkan pada elemen gambar supaya gambar yang dit.. Selengkapnya

CSS 3 untuk border dan background

24‘11
October

info59.jpg

CSS3 adalah standar untuk CSS yang paling baru, banyak batasan website design yang dahulu tidak bisa ditangani oleh CSS sekarang bisa dilakukan dengan CSS3. CSS3 sepenuhnya kompatibel dan pelengkap dari CSS lama, sehingga browser akan selalu mendukung CSS lama dan Anda tidak harus mengubah desain yang sudah ada. Walaupun CSS 3 adalah sebuah standard CSS baru yang membantu kita dalam memudahkan desain web, tidak semua browser ternyata mensupport CSS 3, misalnya MS Internet Explorer yang sampai .. Selengkapnya

Tips dalam Menuliskan CSS yang Baik

26‘11
February

info53.jpg

Saat pertama kali menggunakan CSS menuliskan kodenya memang akan terasa melelahkan dan sangat rumit jika anda sebelumnya terbiasa membuat website hanya dengan table. Bagaimanapun juga setelah kita mengetahui bahwa pembuatan website dengan table bukanlah standar web yang baik dan sangat kuno, kita pun pasti akan mulai beralih dan mempelajari CSS. Saya rasa semua orang pasti bisa menuliskan CSS, bahkan sekarang banyak sekali perusahaan yang bergerak di bidang converting PSD ke HTML dengan CSS. .. Selengkapnya

Penjelasan menggunakan Styling CSS untuk Model Persegi Kolom - Box Model : Border, Padding, Margin, Outline

23‘11
February

noimg.jpg

Semua bentuk elemen di HTML seperti div, p, h, ul, li dan lain sebagainya pada dasarnya adalah sebuah kolom kotak yang membungkus isi (content) HTML. Ada beberapa property dalam box model CSS diantaranya Border, Padding, Margin dan content HTML itu sendiri. Setiap box model ini memungkinkan kita untuk membuat jarak antara yang satu dengan yang lainya, jadi dengan box model ini setiap kolom bisa di beri ukuran jarak antara satu dengan yang lainya sehingga kotak-kotak kolom tidak tampil men.. Selengkapnya

Tutorial dan Penjelasan menggunakan Styling CSS ( Cascading Style Sheet) untuk Text, Fonts, Links, List dan Table

18‘11
February

noimg.jpg

Salah satu tingkat dasar dari CSS (Cascading Style Sheet) adalah mengetahui cara mengunakannya untuk Background, Text, Fonts, Links, Lists, dan Tables. Di artikel kali ini mari kita bahas satu persatu cara penggunaan style css tersebut Style untuk Background Properti CSS untuk background digunakan utuk membuat efek background (latar belakang) dari sebuah elemen HTML. Properti yang digunakan untuk membuat efek pada background adalah : background-color background-image backgroun.. Selengkapnya

Pengertian dan Tutorial Dasar CSS untuk Pemula (Newbie)

13‘11
February

noimg.jpg

Sebelumnya saya telah menulis artikel tentang pengenalan CSS (Cascading Style Sheet) dan bagaimana cara penerapan CSS pada dokumen HTML. Namun artikel yang berjudul Pengertian CSS dan Cara Penerapan CSS pada HTML itu bukan benar-benar untuk para pemula (newbie) yang benar-benar awam dengan dokumen HTML dan CSS. Oleh karena itu disini saya akan melakukan pembahasan lagi khusus untuk para newbie yang baru memulai niatnya untuk bersama-sama belajar mengembangkan website. CSS (Cascading Style S.. Selengkapnya

Pengertian CSS dan Cara Penerapan CSS pada HTML

12‘09
June

noimg.jpg

Pada artikel saya kali ini saya akan menjelaskan pertanyaan rekan pixar ataupun yang lainnya tentang CSS. Apa yang dimaksud dengan CSS dan bagaimana cara menerapkannya pada website?! CSS adalah singkatan dari Cascading Style Sheet, digunakan untuk mengatur style atau tampilan dari dokumen HTML. CSS (Cascading Style Sheet) dibuat oleh World Wide Web Consortium (W3C) untuk menyelesaikan masalah yang timbul pada saat dokumen HTML masih versi 3.2. HTML versi 3.2 ini merupakan mimpi buruk untuk pa.. Selengkapnya

Tahapan Belajar Membuat Desain Template Theme Wordpress V3.x Bagian 9 - Membuat Template Komentar (comment.php)

15‘13
May

info80.jpg

Ok tinggal beberapa template lagi yang akan kita kerjakan dan sekarang giliran template komentar (comment) yang akan kita selesaikan. Beberapa hal yang akan kita lakukan pada template komentar diantaranya adalah: Mencegah loading pada bot dan artikel yang diproteksi password Melakukan pemeriksaan apakah postingan artikel memiliki komentar Membedakan antara komentar dan Pelacakan (trackbacks/pingbacks) sehingga kita dapat menampilkan trackback dengan mock-up sederhana. Jika banya.. Selengkapnya

Tahapan Belajar Membuat Desain Template Theme Wordpress V3.x Bagian 7 - Membuat Template Index

12‘13
May

info80.jpg

Bagaimana dengan template header sebelumnya apakah sudah selesai? mudah bukan? sekarang mari kita lanjutkan lagi dengan membuat template index WordPress. Disini kita akan bekerja dengan file index.php, sebuah file yang sangat penting dan merupakan inti dari template WordPress. Mengerjakan file index.php dengan baik dan benar akan membantu kita menyelesaikan keseluruhan pekerjaan dengan mudah. Ok silahkan buka file index.php, pada tahap pengerjaan Struktur File dan Folder Theme WordPress sebelu.. Selengkapnya

Tahapan Belajar Membuat Desain Template Theme Wordpress V3.x Bagian 6 - Membuat Template Header

11‘13
May

info80.jpg

Semoga anda tidak menemui kendala di tahapan perjalanan menjadi WordPress desainer sebelumnya dan dapat mengerjakan semua tahapan belajar membuat template wordpress dengan baik. Sekarang dan berikutnya kita sudah mulai berada di tahapan inti pembangunan template wordpress, mari kita mulai dengan membuat template header WordPress. Disini kita akan banyak bekerja dengan file header.php dan menambahkan beberapa fungsi baru pada file function.php Anda tentu masih ingat pada tahap pengerjaan Strukt.. Selengkapnya

Tahapan Belajar Membuat Desain Template Theme Wordpress V3.x Bagian 4 - Menyiapkan Fungsi-fungsi (Functions) Theme

02‘13
May

info80.jpg

Sekarang kita akan memulai sebuah tahapan yang lebih kompleks dalam membuat template Wordpress. Pada tahap ini kita akan menambahkan beberapa fungsi (function) PHP. Fungsi-fungsi yang akan dibuat memiliki tujuan sebagai berikut : Menambahkan support untuk fitur Wordpress seperti custom background, header, post formats, dan lain sebagainya Menyiapkan default theme Bertindak sebagai "container" untuk kode-kode yang dapat digunakan kembali selanjutnya Function PHP adalah kumpul.. Selengkapnya

Bagaimana Cara Melakukan Optimisasi Website Pada Mesin Pencari (SEO)

30‘13
April

info88.jpg

Optimisasi mesin pencari atau yang lebih dikenal dengan SEO (Search Engine Optimization) adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis.. Selengkapnya

Tahapan Belajar Membuat Desain Template Theme Wordpress V3.x Bagian 3 - Struktur File dan Folder Theme

28‘13
April

info80.jpg

Di bagian mengenal struktur HTML Wordpress, saya telah mengenalkan bagaimana kerangka HTML5 Wordpress dan cara kerja wordpress dalam memanipulasi (drive) halaman utama pengunjung dimana Wordpress menggunakan index.php untuk memanggil file-file php lainnya. Walaupun demikian pada dasarnya template wordpress minimal membutuhkan 2 file yaitu index.php dan style.css, namun tentu hasilnya juga tidak akan memuaskan dan sulit untuk menelusuri bagian-bagian template. Pada utorial yang ke 3 (tiga) ini .. Selengkapnya

Tahapan Belajar Membuat Desain Template Theme Wordpress V3.x Bagian 1 - Instalasi Wordpress dan Development Tool

26‘13
April

info80.jpg

WordPress adalah alat untuk berbagi informasi (blogging) yang dibuat Matt Mullenweg dengan sistem manajemen konten (CMS) berbasis PHP dan MySQL. Wordpress merupakan program open source sehingga bisa digunakan secara gratis dan sampai saat ini Wordpress sudah digunakan lebih dari 80 juta website di seluruh dunia Walaupun wordpress sangat populer dan banyak digunakan oleh jutaan orang, pada saat develop website w3function saya tidak menggunakan wordpress untuk bagian blognya karena saya mau semu.. Selengkapnya

Daftar Referensi tag HTML dan HTML5 Beserta Kegunaannya

06‘13
April

info77.jpg

Sayang sekali dari awal saya mulai menulis tutorial-tutorial mengenai web desain di blog ini, saya sama sekali belum pernah memberikan daftar referensi tag-tag HTML. Padahal seorang web desainer wajib mengetahui kegunaan tag-tag html beserta atribut-atribut globalnya. Daripada tidak sama sekali disini akan saya shared referensi tag HTML termasuk tag HTML5 yang terakhir di release oleh W3C. Dibawah akan disebutkan kegunaan masing-masing tag juga penggunaan tag yang harus di hindari karena sudah.. Selengkapnya

Tutorial Membuat Desain Website Responsif Bagian 2 - Content Website dan Tampilan Iklan Responsif

05‘13
April

info72.jpg

Artikel ini adalah lanjutan dari artikel saya yang lalu tentang Membuat Desain Website Responsif dimana saya menunjukan pada anda suatu cara untuk membuat sebuah navigasi menu menjadi responsif pada saat dibuka di berbagai ukuran layar yang berbeda. Disini saya akan melanjutkan tutorial sebelumnya dan menunjukan kepada anda bagaimana cara membuat content website yang responsif Apa yang harus saya kuasai? Untuk memulai tutorial ini anda harus memiliki pemahaman yang cukup tentang CSS dan H.. Selengkapnya

Tahapan Membuat Template Design Website Semantic dengan Menggunakan HTML 5

03‘13
April

info75.jpg

Bagi anda yang baru saja ingin membuat template website, Ini adalah waktu yang sangat tepat untuk mulai mengadopsi tag elemen HTML5 semantik ke dalam desain website Anda. W3C telah melakukan penelitian pada miliaran website dan menyimpulkan bahwa sebagian besar ID dan CLASS pada DIV yang umumnya digunakan untuk template desain website terdiri dari header, nav (navigation), menu, content, title dan footer yang pada akhirnya HTML5 semantik dibangun dengan menggunakan elemen tersebut <header&.. Selengkapnya

    Usulan Kontribusi dan Saran

    Kami sangat terbuka dengan berbagai saran dan kontribusi positif dari Anda. Kami ingin membuat halaman blog di w3function.com ini terbuka untuk banyak penulis, sehingga kita bisa bersama-sama mendiskusikan banyak topik yang lebih luas dan lebih menarik lagi. Apabila Anda memiliki artikel yang ingin Anda kontribusikan untuk w3function.com mohon email kami.

    Pemberitahuan Disclaimer © Copyright

    Semua isi termasuk di dalamnya semua artikel dan gambar adalah hak cipta w3function.com, kecuali ada statement khusus yang di cantumkan (kontributor). Mohon tidak menyalin isi atau mempublikasikan kembali tanpa seizin w3function.com dan atau kontributor artikel lain

    Semua sumber download dari w3function.com adalah untuk tujuan edukasi semata, bukan untuk tujuan komersial atau lainnya kecuali ada statement khusus yang di cantumkan.

    Social Stuff