World Web Design Q

[Review] Jejaring Sosial Balekota.com

2013-12-15T00:12:00.003+07:00

Sudah bosan saya bilang "lama tidak update diblog ini" ya karena memang sudah lama tidak update artikel disini, untuk share sesuatu yang gak perlu penjelasan panjang saya memilih share/berbaginya melalui jejaring sosial, pastinya sudah tau dong apa itu jejaring sosial, Facebook? "benar", Twitter? "benar", G+ ? "benar", dan lain semacamnya yang sudah bertebaran didunia maya, tapi jejaring sosial itu sendiri sebenarnya berfungsi untuk mempermudahkan kita berinteraksi dengan teman atau pun ajang kenalan di dunia maya.

Kenalan, chatting, add friend, follow, share, dan lain-lain sudah tak asing lagi bagi pengguna jejaring sosial, bukan jejaring sosial kalau tidak memiliki fitur demikian. Seperti judul postingan ini saya akan mereview web Balekota.com, web apasih sebenarnya Balekota.com?

Balekota.com bukan website mall yang ada di Tangerang, tapi ini adalah website jejaring sosial seperti yang saya sudah singgung dipembukaan artikel kali ini. Jejaring Sosial ini baru release belum lama ini yaitu sebelum akhir tahun 2013 oleh seorang yang tinggal di Tangerang (bukan saya) melainkan partner saya dalam dunia ilmu pengetahuan khususnya IT yaitu Pak Mawan A. Nugroho a.k.a CEO/Owner di Balekota.com , loh kok Pak? iya beliau adalah Guru saya di SMK dulu, walau dengan kesibukan beliau di dunia pendidikan tapi beliau juga masih sempat mengurus dan mengembangkan jejaring sosial ini. ~~Sudahlah basabasinya~~.

Untuk saat ini, balekota.com menyediakan opsi daftar langsung di balekota.com atau sign via Facebook untuk mempermudahkan user mencoba dan menikmati fitur yang ada di Balekota.com.

Lalu Apasih Istimewahnya Balekota.com dibanding jejaring sosial lain?
Walaupun baru masuk ketahap awal pengembangan, tapi jejaring sosial ini sudah banyak yang join/gabung. Target pengguna jejaring sosial ini adalah semua umur, karena semua konten yang ada dijejaring sosial ini masih terkontrol oleh admin sehingga tidak ada konten ++ maupun SARA. Balekota.com pun untuk sekarang terbebas dari ADS atau iklan yang jelas akan mempercepat load sebuah website, dan jejaring sosial ini pun GRATIS SELAMA-LAMANYA.

Tampilan Balekota.com 15-Des-2013 (klik = zoom)

Hanya itu? Tentu tidak
Dibagian ini saya akan menerangkan beberapa fitur yang ada di Balekota.com, loh kenapa beberapa? ya karena di Balekota.com sangat banyak fitur-fitur yang tergabung dari bagian fitur jejaring sosial lain, contohnya Facebook mempunyai fitur chat, pesan, wall, update status, grup, cover pada bagian profil, event, galeri foto, dan twitter yang terkenal dengan Follow Unfollownya, di balekota.com ada fitur seperti itu bahkan ada lagi seperti Blog disini user bisa mencurahkan isi hati, pikiran, ataupun berbagi pengalaman di fitur ini, atau user mau berdikusi? Jejaring Sosial Balekota menyediakan fitur Forum, disini user bisa melakukan tanya jawab, membuat tutorial, dan sebagainya. User sedang melakukan survei? bisa melalui pooling atau di balekota.com menyebutnya Question, di fitur ini user dapat menanyakan sesuatu dengan beberapa opsi lalu user lain menjawab question tersebut.
Masih ingat Friendster? bagi sebagian orang yang bermain Friendster dulu, pasti pernah memodifikasi tampilan profil friendster dengan HTML dan CSS. Di bagian profil Balekota.com menyediakan pula fitur Customize Page -> custom HTML/CSS , jadi disini user dalam mempercantik tampilan profil tidak hanya dengan cover dibagian profil tapi juga bisa dengan HTML dan CSS sesuai dengan kreatifitas user. Jejaring sosial ini masih dalam tahap pengembangan jadi masih banyak kekurang diantara kelebihan yang ada, untuk sekarang (saat artikel ini dibuat) Balekota.com hanya untuk tampilan desktop, tapi kabar gembiranya awal Tahun 2014 tepatnya tanggal 8 Januari 2014, Balekota.com akan berjalan diperangkat mobile jadi bukan hanya tampilan desktop, sudah tak sabar saya. jangan lupa ya temukan saya di balekota.com xixixixixi....

Profil Rizal Loa Wanda di Balekota.com

Haduh capek nerangin fitur-fiturnya, banyak banget dan seru-seru, tapi dengan banyanknya fitur, Balekota.com tetap ringan dan simpel dalam masalah tampilan dan kecepatan load websitenya. yang penasaran , langsung saja JOIN di BALEKOTA.COM Jejaring sosialnya orang Tangerang, Indonesia, Bahkan bisa Go Internasional.

JOIN BALEKOTA.COM

Pengertian Fungsi Penerapan Json Pada PHP

2013-09-15T21:55:00.000+07:00

Ok setelah kemarin post ngga jelas saya (kesini) , saya akan menjelaskan tentang json pada php mengenai pengertian json itu sendiri, apa saja yang ada di json, fungsinya json untuk apa, dan cara penggunaan json pada php. Sebelumnya kenapa sih saya mengambil topik ini? itu karena saya sempat jadi developer twitter client yang bermain API dengan twitter :v hahaha Twitter API (sekarang API 1.1) memberikan format datanya berbentuk json, karena json bisa diberbagai bahasa, tp pada post ini saya hanya menerapkan atau mencontohkan json pada syntax php, ok langsung saja.

Apasih Json itu?
JSON (dilafalkan "Jason"), singkatan dari JavaScript Object Notation (notasi objek JavaScript), adalah suatu format ringkas pertukaran data komputer. Formatnya berbasis teks dan terbaca-manusia serta digunakan untuk merepresentasikan struktur data sederhana dan larik asosiatif (disebut objek).

Format JSON sering digunakan untuk mentransmisikan data terstruktur melalui suatu koneksi jaringan pada suatu proses yang disebut serialisasi. Aplikasi utamanya adalah pada pemrograman aplikasi web AJAX dengan berperan sebagai alternatif terhadap penggunaan tradisional format XML.

Walaupun JSON didasarkan pada subset bahasa pemrograman JavaScript (secara spesifik, edisi ketiga standar ECMA-262, Desember 1999) dan umumnya digunakan dengan bahasa tersebut, JSON dianggap sebagai format data yang tak tergantung pada suatu bahasa. Kode untuk pengolahan dan pembuatan data JSON telah tersedia untuk banyak jenis bahasa pemrograman. Situs json.org menyediakan daftar komprehensif pengikatan JSON yang tersedia, disusun menurut bahasa.
[Sumber : Wikipedia Id]

Json Pada PHP?
Funsi json pada php ada 2 yaitu
1. json_encode : untuk merubah array ke bentuk json.
2. json_decode : sebaliknya dari bentuk json ke array

untuk contoh kita buat terlebih dahulu datanya yang berbentuk array lalu gunakan funsi json_encode :

 $array = array(
    "nama" => "Rizal",
    "jenis_kelamin" => "Pria",
    "blog" => "http://wwdq.blogspot.com",
    "facebook" => "fb.com/riloaw.us",
    "twitter" => "twitter.com/riloaw"
    );
 echo json_encode($array);

Hasilnya :

{"nama":"Rizal","jenis_kelamin":"Pria","blog":"http:\/\/wwdq.blogspot.com","facebook":"fb.com\/riloaw.us","twitter":"twitter.com\/riloaw"}

atau sebaliknya dari bentuk json seperti ini dijadikan bentuk array dengan menggunakan json_decode:

 $array = array(
    "nama" => "Rizal",
    "jenis_kelamin" => "Pria",
    "blog" => "http://wwdq.blogspot.com",
    "facebook" => "fb.com/riloaw.us",
    "twitter" => "twitter.com/riloaw"
    );
 $encode = json_encode($array);
 //tampilkan hasil encode
 echo "ini hasil json_encode 
";
 echo $encode;
 echo "

";
 
 $decode = json_decode($encode, true);

 echo "ini contoh yang sudah di decode menjadi array 
" . $decode['nama'];

ini baru json yang sederhana bisa dibilang sih baru json 2 dimensi (CMIIW) belum yang array didalam array, yang memakai foreach untuk dijadikan array kembali, mungkin akan saya bahas dipost berikutnya. Dan nanti juga saya akan bahas json yang dipakai Twitter API 1.1 dengan bantuan Twitter Oauth Abraham. Ok terimakasih atas waktunya membaca post ini, sampai berjumpa dipost selanjutnya.

sumber gambar : http://www.claindsilva.com/

Bila Kurang Jelas, silakan bertanya dibawah ini .

14 September Pemanasan Setelah Lama Tidur

2013-09-14T23:04:00.001+07:00

Sebenarnya saya bingung mau post apa dipostingan kali ini karena saya baru muncul lagi diblog ini, ya memang adminnya hanya saya Rizal Loa Wanda. Sebelumnya saya mau meminta maaf karena sudah sangat lama tidak ngeblog lagi, saya juga bingung kenapa saya jadi males beberapa bulan kebelakang padahal basicly saya suka menulis diblog walaupun kontroversi hatiku sedang memikirkan konspirasi kemakmuran (sorry lagi pakai ~~vickybullary~~).
Sebabnya saya tidak ngeblog?
bisa dibilang si males, padahal saya sebelum kuliah sekarang (Saya baru 2 minggu kuliah di Perguruan Tinggi didaerah Kota Tangerang terhitung tanggal sekarang saya post [14-09-2013]) punya waktu 4 bulan senggang, ya waktu itu dihabiskan hanya tidur, makan, online, download, nonton anime, nonton youtube, dan buat kodingan-kodingan sederhana.

Belum lama sekitar bulan Agustus saya membuat template dari framework CSS Bootstrap yang diaplikasikan di wordpress tapi sampai sekarang belum kelar, ya lagi-lagi males dan ketimpa dengan project lain yaitu saya membuat program pengingat jadwal kuliah melalui Twitter dan SMS gateway Twitter, ya simple sih programnya cuma mengandalkan hostingan, cpanel, cron job, Twitter Oauth Abraham , mysql, dan sedikit kurang dari 100 baris kodingan php, untuk melihat hasilnya anda bisa lihat bot saya bekerja @mod_user di twitter.

Saya sekarang mempunyai 1 Blog dan 2 Website, 1 Blog yaitu ini World Web Design Q, 2 Website yaitu Riloaw.com yang saya pakai untuk CV/Portfolio online dengan memanfaatkan domain gratis yang masih aktif, semoga aktif selamanya ^_^ hihihihi.... dan Macamateri.com niatnya sih berisi semua project saya dari web maupun lainnya, tapi masih bergelut di theme/templatenya yang belum saya kelarin, statusnya masih Maintenis sampai waktu yang tidak bisa ditentukan, nah kalau ini domainnya saya beli sendiri, bisa jadi saya pegang terus sampai tua kelak.

Ya... Dipost ini hanya pemanasan karena saya sempat sedih tadi sebelum mengetik post ini melihat komentar diblog ini banyak yang positif, saya malu karena tidak aktif lagi diblog yang sangat berjasa bagi saya. Disini juga saya banyak belajar bersama dari tulisan yang saya ketik sendiri. Untuk sumber tulisan blog ini, dulu saya kadang lupa mencantumkan link sumber, saya meminta maaf, untuk kedepannya bila saya mengambil tulisan/gambar dari web sumber saya akan mencantumkannya dibawah tulisan karena hak cipta itu penting.

Untuk visitor lama/baru yang kenal atau tak kenal, jauh maupun dekat, terdampar atau sengaja datang saya mengucapkan banyak terimakasih atas kunjungannya yang membuat WWDQ selalu ada dengan pagerank 1 yang stabil dari dulu, rank alexa yang stabil diangka 1jt-2jt :v Berlebih lebih terimakasih yang sudah share disosial media atau pun diblog dengan mencantumkan sumber. Saya mohon doa agar saya selalu sehat dan diberikan kemauan untuk update blog ini lagi :D sekali lagi Terimakasih sampai jumpa dipostingan berikutnya.

Rizal Loa Wanda

--
14 September 2013

CSS3 - Tutorial CSS3 Transition

2012-08-09T10:03:00.001+07:00

Oke setelah kurang lebih 1 tahun saya memposting pengenalan tentang CSS3, sekarang wwdq akan memberikan tutorial mengenai CSS3 yaitu CSS3 Transition.
CSS3 Transition ini berfungsi memberikan efek perubahan bertahap dari satu style ke style lainnya tanpa menggunakan flash. Mungkin sudah banyak yang tau yah tentang CSS3 ini, tetapi tak ada salahnya bila WWDQ memberikan penjelasan kembali :)

Browser yang support?
Untuk CSS3 Transition hanya beberapa browser pada saat ini yang mendukung.

Tutorial CSS3 Transition
Untuk efek transisi atau perpindahan style dari style yang satu ke lainnya, anda harus menentukan 2 hal, yaitu :

1. Tentukan properti CSS yang ingin diberi efek transisi
2. Tentukan durasi efek transisi tersebut

oke langsung ke contoh:
Contoh ke 1

Tutorial CSS3

World Web Design Q

Source code:

<style>

/* style pada saat normal memiliki lebar 300px */
.css3 {
transition: width 2s;
-moz-transition: width 2s;
-o-transition: width 2s;
-webkit-transition: width 2s;
background: #ef9e10;
height: 100px;
text-align: center;
width: 300px;
}

/* pada saat mouse ada di elemen, lebarnya menjadi 100% */
.css3:hover {
width:100%;
}
</style>


<div align="center" class="css3">
Tutorial CSS3</div>

Keterangan

Firefox : -moz-transition: width 2s;
Opera : -o-transition: width 2s;
Chrome / Safari : -webkit-transition: width 2s;

Disini kita membuat efek transisi perubahan lebar dengan durasi efek 2 detik

Kita juga bisa memberikan beberapa properti CSS dalam 1 elemen, misalkan kita mau mengubah style width, height, background, dan lain-lain.

Contoh ke 2

Tutorial CSS3

World Web Design Q

Source Code:

<style type="text/css">
/* style pada saat normal memiliki
lebar 300px, tinggi 100px, background warna biru */
.css3_2 {
width: 300px;
height: 100px;
background: #8eceff;
text-align: center;
transition: width 2s, height 2s, background 2s; 
-moz-transition: width 2s, height 2s, background 2s; 
-o-transition: width 2s, height 2s, background 2s;
-webkit-transition: width 2s, height 2s, background 2s;  
}

/* pada saat mouse ada di elemen
lebar 100%, tinggi 130px, background warna orange */
.css3_2:hover {
width:100%;
height:130px;
background:#ef9e10;
}
</style>


<div align="center" class="css3_2">
<span style="font-size: large;"><b>Tutorial CSS3</b></span></div>

Setiap properti CSS , durasi efeknya bisa berbeda, sesuaikan saja dengan kebutuhan.

Sekian tutorial mengenai CSS3 Transition, semoga bisa membantu anda, Terimakasih.

Referensi : http://w3schools.com
Bila Kurang Jelas, silakan bertanya dibawah ini .

PHP: Cookies Pada PHP

2012-08-07T21:29:00.000+07:00

~~Setelah tidur panjang,~~ WWDQ kembali mengupdate artikel-artikel mengenai W3, pada kali ini, wwdq akan membahas tentang Cookies pada PHP. Sebelum masuk ke pembahasan, apasih cookies itu?

Cookies merupakan data file yang ditulis ke dalam hard disk komputer oleh web server yang digunakan untuk mengidentifikasikan diri user pada situs tersebut sehingga sewaktu user kembali mengunjugi situs tersebut, situs itu akan dapat mengenalinya. Jadi dapat dikatakan bahwa cookies merupakan semacam ID card user saat koneksi pada situs. Tiap-tiap website pada umumnya mengeluarkan / membuat cookies sesuai karakterikstiknya. Ada web yang dapat menyapa user tiap kali mengunjungi situs tersebut selayaknya teman lama karena menggunakan cookies.

Jadi secara umum cookies berfungsi untuk.

1. Membantu web site untuk “mengingat” siapa kita dan mengatur preferences yang sesuai sehingga apabila user kembali mengunjungi web site tersebut akan langsung dikenali.

2. Menghilangkan kebutuhan untuk me-register ulang di web site tersebut saat mengakses lagi tersebut (site tertentu saja), cookies membantu proses login user ke dalam web server tersebut.

3. Memungkinkan web site untuk menelusuri pola web surfing user dan mengetahui situs favorit yang sering dikunjunginya.

Meskipun sekilas cookies itu seakan banyak gunanya, akan tetapi sampai sekarang masih menjadi bahan perdebatan mengenai keberadaaan cookies ini, Karena selain membuat sebuah web site terlihat user friendly, cookie juga menghadirkan isu melanggar privasi pengakses web dan masalah keamanan.

Saat user mengunjungi situs yang ada cookiesnya, server akan mencari informasi yang dibuat sebelumnya dan browser membaca informasi di cookies dan menampilkannya. Cookies di simpan di salah satu direktori di dalam hard disk, salah satu cara cepat untuk mencari tahu di mana cookies disimpan yaitu dengan cara search / find ‘cookies’. Misalnya user menggunakan Windows 2000 versi Profesional dengan browser Internet Explorer dan login ke network dengan account “user”. Maka cookies itu akan disimpan di direktori (profiles) yaitu C:\Documents and settings\user\cookies. Atau di windows 95/98 disimpan di direktori C:\Windows\cookies. Jika menggunakan Netscape, maka file cookies akan disimpan di cookies.txt.

Cookies dapat dibedakan menjadi 2 jenis yaitu.

1. Non persistent (session) cookies. Suatu cookie yang akan hilang sewaktu user menutup browser dan biasanya digunakan pada ‘shopping carts’ di toko belanja online untuk menelusuri item-item yang dibeli,

2. Persistent cookies. Diatur oleh situs-situs portal, banner / media iklan situs dan lainnya yang ingin tahu ketika user kembali mengunjungi site mereka, (misal dengan cara memberikan opsi ”Remember Me” saat login). File file ini tersimpan di hardisk user.

Kedua tipe cookies ini menyimpan informasi mengenai URL atau domain name dari situs yang dikunjungi user dan beberapa kode yang mengindikasikan halaman apa saja yang sudah dikunjungi. Cookies dapat berisi informasi pribadi user, seperti nama dan alamat email, Akan tetapi dapat juga user memberikan informasi ke website tersebut melalui proses registrasi. Dengan kata lain, cookies tidak akan dapat “mencuri” nama dan alamat email kecuali diberikan oleh user. Namun demikian, ada kode tertentu (malicious code) yang dibuat misalnya dengan ActiveX control, yang dapat mengambil informasi dari PC tanpa sepengetahuan user.

Cookies umumnya kurang dari 100 bytes sehingga tidak akan mempengaruhi kecepatan browsing. tetapi karena umumnya browser diatur secara default untuk menerima cookies maka user tidak akan tahu bahwa cookies sudah ada di komputer. Cookies dapat berguna terutama pada situs yang memerlukan registrasi, sehingga setiap kali mengunjungi situs tersebut, cookies akan me-login-kan user tanpa harus memasukkan user name dan password lagi.

Untuk keperluan bisnis, seperti situs amazon.com, menggunakan cookies dapat membantu menghubungkan ke data pembelian yang terdahulu ke basis data yang berisi unique ID dan historikal pembelian. Sehingga mampu merekomendasikan buku yang sesuai dengan selera user. Ini merupakan hal yang menarik, sehingga pembeli akan dengan senang hati untuk kembali ke situs amazon. Situs-situs lain juga menggunakan cookies untuk mengetahui berapa orang yang mengakses mereka setiap harinya. Sehingga angka yang dihasilkan oleh cookies tersebut menunjukkan seberapa sibuknya situs mereka.

sumber: http://terusbelajar.wordpress.com/.../apa-itu-cookies/

sudah sedikit paham dengan apa yang dimaksud cookies?

oke sekarang kita masuk ke pokok bahasan, Cookies merupakan mekanisme penyimpanan variabel disisi client (browser), hampir sama dengan session hanya bedanya session disimpan di sisi server.

penulisan cookies pada PHP sedikitnya memiliki 3 parameter penting untuk mengatur cookies, 3 parameter penting itu ialah :

Nama Variable Cookies

Value Variable Cookies

Expired / Tenggang Waktu Cookies

selain parameter diatas ada juga parameter yang dapat digunakan :

4. Path Penyimpanan Cookies
5. Domain Cookies,
6. Pengamanan Cookies,
7. Akses Cookies

sehingga secara penulisan pada PHP menjadi seperti ini :

 
<?php setcookie("nama_variable_cookies", "value_variable_cookies",
"tenggang_waktu_cookies", "path_penyimpanan_cookies", 
"domain_cookies", "pengamanan_cookies", "akses_cookies" ); ?>

keterangannya :

nama_variable_cookies : nama variable cookies yang mau disimpan.

value_variable_cookies : isi / value dari variable cookies yang mau disimpan.

tenggang_waktu_cookies : waktu batas cookies dihapus. Akan terhapus secara otomatis

path_penyimpanan_cookies : tempat / folder penyimpanan cookies

domain_cookies : nama domain cookies yang disimpan

pengamanan_cookies : pengaturan keamanan cookies, biasa setingan untuk secure http (HTTPS)

akses_cookies : valuenya TRUE atau FALSE, kalu TRUE berarti cookies hanya dapat diakses via HTTP Protokol dan tidak dapat diakses oleh skripting klien seperti javascript. Dan kebalikannya.

sudah mulai megerti mengenai penulisan cookies pada PHP? sekarang adalah cara memanggil atau menampilkan cookies tersebut, hampir sama seperti session :

<?php echo $_COOKIE['nama']; ?>

sebelum kita memakai perintah diatas, kita harus menyimpan cookies terlebih dahulu, disini kita hanya memakai 3 parameter penting tersebut.

<?php setcookie ("nama","World Web Design Q", time()+3600); ?>

maka yang akan tampil di browser adalah : World Web Design Q
keterangan :

ini berarti cookiesnya memiliki:
         nama_variabel_cookies = nama
         value_variable_cookies = World Web Design Q
         Expired / tenggang_waktu_cookies = 3600 detik = 1 jam

Bagaimana? sudah mengerti mengenai cookies?
sekian penjelasan kali ini, artikel selanjutnya akan menyusul :)

referensi :

http://php.net/manual/en/features.cookies.php

http://www.php.net/manual/en/function.setcookie.php

http://www.w3schools.com/php/php_cookies.asp

http://terusbelajar.wordpress.com/

Bila Kurang Jelas, silakan bertanya dibawah ini .

Blog Review [Kenyamanan Visitor] DISKON.COM

2012-04-27T21:20:00.000+07:00

Blog Review

Halo... sudah lama saya tidak mengupdate blog ini dikarenakan kesibukan yang tidak ada habisnya. Oke pada kali ini saya akan mereview sebuah website yang terbilang WOW...! , mengapa demikian? menurut pandangan saya di dunia website (pas kan dengan tema blog ini ^_^ ) website yang baik dan bagus adalah website yang memiliki aura positif ~~(kalah manusia punya aura)~~. Aura positif itu di dapat dari kenyamanan visitor yang datang dan berkunjung di sebuah website, kenyamanan tersebut bisa datang dari tampilan atau desain website/blog yang menarik, konten yang menarik, tidak ribet, akses yang cepat, dan lain lain.

Dari segi tampilan, bagus atau tidaknya tampilan/desain sebuah website memang relative, tergantung dari segi pandang orang yang melihatnya. Tetapi ada segi pandangan seseorang yang mungkin sama dengan orang lain, seperti saya ambil contoh disini adalah perpaduan warna yang pas dalam tampilan website/blog. Perpaduan warna yang pas menurut opini saya adalah kumpulan warna yang menyatu sehingga dapat diterima baik oleh penglihatan yang kita miliki.

Pemilihan warna background yang benar adalah yang sejuk dimata, seperti warna putih, silver, biru muda, hijau lembut, atau warna hitam asalkan cocok dengan konten yang ada di website tersebut.

Pemilihan warna background yang tidak disarankan adalah warna yang terang, mengapa? Pasti anda akan merasa tidak nyaman dong bila anda baca teks di sebuah website/blog yang memiliki warna latar belakang terang seperti merah terang, kuning terang, hijau terang (lime), dan lain lain. Membaca yang seharusnya bisa bermenit-menit bisa terpotong hanya beberapa menit karena mata akan lelah melihat warna yang tidak dapat dicerna dengan baik oleh penglihatan kita.

Dari segi konten yang ada di website/blog, sebaiknya website yang baik adalah website/blog yang memiliki konten tidak terlalu banyak. Mengapa? Anda bisa merasakan sendiri dengan koneksi internet yang lemot harus meload/memuat konten website yang banyak, pasti anda akan bosan menunggu loading website yang lama, bahkan anda akan meninggalkan website tersebut.
Dengan ini kita harus memikirkan berapa lama load akses ke website/blog kita, agar kita tidak kehilangan visitor,karena visitor berperan penting dalam dunia web, apa jadinya sebuah website/blog tidak ada visitornya, percuma dong website/blog tersebut dibuat, benar tidak?

Nah sekarang menuju ke review sebuah website yang menurut saya bagus, yaitu DISKON.COM

menurut sudut pandang saya, dari tampilan cukup Bagus bahkan mendekati sangat bagus karena seperti yang sudah saya jelaskan diatas mengenai perpaduan warna. Pemilihan warna biru muda dan putih pada background membuat penglihatan dapat mencerna dengan baik.
Tata letak menu dan konten-konten lain tertata dengan baik dan rapih yang memudahkan visitor mengakses semua konten yang ada di DISKON.COM dan pastinya dapat mencari DISKON yang WOW...! ada yang hingga 90% diskonnya :matabelo. Saya tidak hanya membicarakan yang bagusnya saja, saya juga akan membahas kekurangannya.
Kekurangannya menurut opini saya dari background warna biru mudanya sebenarnya sudah bagus, tapi terlihat polos bila hanya warna yang solid, sarannya diberikan sebuah Tekstur atau semacan Gradasi yang membuat tampilan background tersebut tidak monoton.

Dari load konten, DISKON.COM memuat konten sangat cepat dari koneksi saya yang hanya 158kbps (±20KBps) padahal DISKON.COM memakai jQuery dalam konten-kontennya yang lumayan memberatkan load sebuah website, mungkin karena pada DISKON.COM memaksimalkan kegunaan jQuery yang ada dalam arti tidak menggunakan banyak plugin yang memakan load besar.

Dari segi traffic, DISKON.COM memiliki traffic yang baik, menurut Alexa.com (27-April-2012) : DISKON.COM memiliki Traffic Rank 100,511. Dari segi SEO pun DISKON.COM mempunyai struktur yang bagus. hanya ada masalh di bagian Heading 1 , disini diskon.com mempunyai 2 H1 tags pada home page.

Kesimpulannya, menurut saya DISKON.COM menjadi recommend web yang memiliki aura positif hehehe :D DISKON.COM membuat visitor nyaman berlama-lama melihat konten-konten yang ada di website tersebut atau yang mencari DISKON besar-besaran, because simple design , fast access, and a good media promotion.

Sekian review dari saya, saya menyadari blog saya ini pun belum mengikuti saran dari diri saya sendiri seperti yang tertera diatas :D , tetapi saya pun mencoba untuk lebih baik. Terimakasih atas kesediaannya membaca artikel kali ini. Segala kesalahan atau perbedaan pendapat, saya mohon maaf.

PHP - Pengenalan Array Pada PHP

2011-09-03T10:11:00.000+07:00

Pada arikel World Web Design kali ini akan membahas tentang array di PHP. sebelumnya apasih array tersebut?
Array adalah sekumpulan variabel yang mempunyai nama sama tetapi dibedakan oleh indeks. Array berguna misalnya dalam suatu pemrograman yang memerlukan beberapa variabel yang akan menampung data dengan tipe data yang sama dan akan mendapat perlakuan yang serupa. Untuk memudahkan kita agar tidak pusing-pusing memikirkan nama variabel yang berbeda-beda, lebih baik menggunakan satu nama variabel tetapi masing-masing dibedakan dengan indeks.

Indeks dapat berupa angka atau string. Jika indeks array berbentuk angka, maka array akan disebut indexed array (vector), sedangkan jika indeksnya berupa string, maka array akan disebut associative array.

Penulisan sebuah array adalah sebagai berikut :

$nama_array[nomor_indeks] atau $nama_array["string_indeks"]

Apakah anda sudah mempunyai bayangan tentang penulisan array? kalau belum, lihat keterangan berikut :

        Nama_array adalah nama variabel yang digunakan sebagai array.
        Nomor_indeks adalah nomor indeks untuk vector array. Nomor indeks dimulai dari nol.
        String_indeks adalah string yang digunakan sebagai indeks untuk associative array.

Untuk mendeklarasikan sebuah array dapat digunakan deklarasi eksplisit, artinya langsung memberi nilai pada sebuah array, contoh:

$nama_array[1] = 500
$nama_array["str"] = 1000

Cara pengeluaran nilai dari variabel dalam fungsi echo berbeda dari yang biasanya. yaitu dengan cara menggunakan kurung kurawal. Ayo kita lihat perbedaannya dalam penulisan syntax :
Penulisan dengan variabel biasa :

<?php echo "Nilai dari variabel adalah $var"; ?>

Menggunakan array penulisannya adalah sebagai berikut:

<?php echo "Nilai dari variabel array adalah {$nama_array[1]}"; ?>

Pemakaian tanda kurung kurawal ini baru dikenal pada PHP 4, sedangkan pada PHP 3, untuk melakukan hal seperti di atas dapat digunakan metoda penggabungan string sebagai berikut:

"Nilai variabel array adalah" . $nama_array[1];

Nah sekarang sudah mengerti bukan? agar lebih mengerti, disini akan memberikan contoh yang lebih jelas.
Array Berindeks Numerik

$nama_array[$key] = value;

dimana seperti yang diatas keterangannya sudah dijelaskan, $key = 0,1,2,3,..,9
contoh :

$siswa[0] = "Rizal";
$siswa[1] = "Pandu";
$siswa[2] = "Tama";
$siswa[3] = "Desta";

Berikut ini adalah contoh untuk menampilkan nilai yang disimpan dalam ruang elemen dari suatu array berindeks numerik.

<?php
$siswa[0] = "Rizal";
$siswa[1] = "Pandu";
$siswa[2] = "Tama";
$siswa[3] = "Desta";
echo "Berikut ini adalah 2 orang siswa Multimedia Nesta, yaitu "
. $siswa[0] . " & " . $siswa[1];
echo "<br>2 orang siswa Multimedia Nesta yang lain adalah "
. $siswa[2] . " & " . $siswa[3];
?>

Array Assosiatif

Untuk array assosiatif, sintaksnya sama dengan array berindeks numerik namun perbedaannya adalah pada $key. Pada array assosiatif, $key dapat berupa suatu string. Berikut ini adalah contohnya.

$uang["Rizal"] = 5000;
$uang["Pandu"] = 8000;
$uang["Tama"] = 6000;
$uang["Desta"] = 2000;

Berikut ini adalah contoh kode untuk menampilkan nilai dari array assosiatif :

<?php
$uang["Rizal"] = 5000;
$uang["Pandu"] = 8000;
$uang["Tama"] = 6000;
$uang["Desta"] = 2000;
echo "Rizal mempunyai uang - $" . $uang["Rizal"] . "<br>";
echo "Pandu mempunyai uang - $" . $uang["Pandu"] . "<br>";
echo "Tama mempunyai uang - $" . $uang["Tama"] . "<br>";
echo "Desta mempunyai uang - $" . $uang["Desta"];
?>

Bagaimana? sudah puas bukan penjelasan pada artikel kali ini

Thanks to

Referensi

blog.rosihanari.net

hendrik-perdana.web.id

Bila Kurang Jelas, silakan bertanya dibawah ini .

Pengertian Dan Penggunaan File .htaccess

2011-09-02T14:28:00.000+07:00

Update pertama di Bulan September 2011, Sesuai dengan judul post diatas, artikel kali ini akan membahas tentang Penggunaan File .htaccess. Sebelumnya kita harus tahu terlebih dahulu,

apa itu htaccess?

File .htaccess adalah file konfigurasi yang disediakan oleh web server Apache, yang biasanya digunakan untuk mengubah settingan default dari Apache. Kita ketahui bahwa sebagian besar hosting web di internet menggunakan Apache sebagai servernya sehingga bagi para pengelola web / webmaster sedikit banyak harus belajar tentang .htaccess agar kita bisa mengubah settingan default dari server.

File .htaccess merupakan file teks ASCII sederhana yang biasanya diletakkan dalam root direktori. File ini diharuskan dalam format ASCII dan bukan binary dan untuk file permission (atribut file) pada server hosting harus di set 644 (rw-r-r). Hal tersebut dimaksudkan agar server dapat mengakses file .htaccess, tapi mencegah user untuk mengakses file .htaccess dari browser mereka. File .htaccess yang diletakkan dalam root direktori dapat digunakan untuk mengubah konfigurasi dari subdirektori-subdirektori yang ada didalamnya, sehingga dalam satu website biasanya kita cukup untuk mempunyai 1 file .htaccess saja yang diletakkan dalam root direktori.

Kode perintah dalam file .htaccess harus ditempatkan dalam satu baris, jadi apabila kita membuat file .htaccess dengan menggunakan text editor seperti notepad maka kita harus mendisable fungsi word wrap (memotong baris) terlebih dahulu.

Setelah tahu apa itu file .htaccess, selanjutnya...

Kegunaan File .Htaccess

sebagai :

Customize Error Message

artinya kita dapat mengubah halaman error pada server, dengan mendefinisikan sesuai dengan keinginan kita sendiri.

ErrorDocument 500 /error.html

Override SSI Settings

Secara default, hanya halaman web yang mempunyai extensi .shtml yang bisa menjalankan server-side termasuk SSI di server. Dengan menggunakan .htaccess kita dapat mengubah setting default tersebut agar SSI bisa bekerja dengan format HTML.

Untuk mengubah settingan tersebut, kita dapat menambahkan kode berikut di file .htaccess

AddType text/html .html
AddHandler server-parsed .html

Jika kita menginginkan halaman yang berekstensi .html dan .htm untuk dapat menjalankan SSI, maka file .htaccess dapat ditambahkan kode berikut :

AddType text/html .html
AddHandler server-parsed .html
AddHandler server-parsed .htm

Change Default Home Page

artinya bahwa file .htaccess dapat digunakan untuk mengubah nama default halaman depan web. Agar user bisa mengakses website kita hanya dengan nama domain saja (http://www.nama_web.com) tanpa harus menulis nama file secara jelas (http:www.nama_web.com/file.html), kita harus mempunyai file index di root direktori. Nama file yang bisa diterima antara lain index.html, index.htm, index.cgi, index.php dll. Pastikan bahwa file tsb bernama index.*

Ada tingkatan dalam pemberian nama tersebut. Jika kita punya index.cgi & index.html di root direktori maka server akan menampilkan index.cgi karena .cgi memiliki tingkatan yang lebih tinggi daripada .html

Dengan .htaccess, kita bisa mendefinisikan file index tambahan atau bisa juga mengubah urutan tingkatannya. Untuk mendefinisikan halamandepan.html sebagai halaman index, kita dapat menambahkan kode berikut ke file .htaccess

DirectoryIndex halamandepan.html

Hal ini akan membuat server mencari file bernama halamandepan.html. Jika server menemukannya maka server akan menampilkannya. Tapi bila tidak, maka server akan menampilkan error 404 Missing Page

Untuk mengubah urutan tingkatan, kita dapat memasukkan perintah DirectoryIndex dengan nama-nama file dalam satu baris. Urutan penulisan file tersebut menentukan urutan tingkatan, contohnya:

DirectoryIndex halamandepan.html index.cgi index.php index.html

Enable Directory Browsing

Untuk alasan keamanan, server Apache biasanya telah menghilangkan default setting yang memungkinkan directory indexing. Opsi inilah yang memungkinkan isi dari direktori untuk ditampilkan di browser jika direktori tersebut tidak mempunyai halaman index.

Contohnya, jika kita memasukkan sebuah UR yang tidak mempunyai halaman index seperti misalnya http://websitemu.com/images/, maka browser akan menampilkan daftar images di dalam direktori tersebut.

Block Users from Accessing Your Web Site

Jika kita menginginkan mem-blok access untuk beberapa user, dimana kita mengetahui IP / domainname yang digunakannya, kita dapat menambahkan kode berikut :

order deny,allow
deny from 123.456.789.000
deny from 456.78.90.
deny from .wwdq.com
allow from all

Pada contoh di atas, user dg IP 123.456.789.000 akan diblok. Semua user antara 456.78.90.000 sampai 456.78.90.999 akan diblok. Dan semua user yang berasal dari WWDQ.com akan diblok. Jika mereka mencoba mengakses website kita, maka akan tampil error 403 Forbidden (”You do not have permission to access this site”).

Redirect Visitors to a New Page or Directory

Misalkan kita membuat ulang seluruh website kita, me-rename halaman & direktori. Maka pengunjung halaman lama akan mendapat error 404 File Not Found. Masalah tersebut dapat diatasi dengan melakukan redirect dari halaman lama ke halaman yang baru. Contohnya bila halaman lama kita adalah oldpage.html dan halaman baru adalah newpage.html maka perintahnya adalah:

Redirect permanent /oldpage.html http://www.mydomain.com/newpage.html

Jika kita me-rename (mengganti nama) direktori, maka perintahnya adalah:

Redirect permanent /olddirectory http://www.mydomain.com/newdirectory/

Perhatikan bahwa nama direktori yang lama ditulis dengan relative path, sementara yang baru ditulis dengan URL absolut.

Prevent Hot Linking and Bandwidth Leeching

Untuk mencegah orang lain me-link secara langsung ke direktori image anda dari website mereka, biasanya ada orang mengambil gambar dari website kita, tapi tetap menggunakan link diserver host kita, ini tentu akan merugikan bagi kita karena dapat mengurangi bandwith di hosting kita, untuk mengatasi hal ini kita dapat menambahkan kode berikut:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?namadomain.com/.*$ [NC]
RewriteRule \.(gif|jpg)$ - [F]

Perintah tersebut akan membuat direktori image hanya bisa diakses bila user sedang mengakses www.namadomain.com

Jika kita merasa jengkel, kita bisa membuat sebuah image alternatif bila direktori image di-link oleh orang lain. Contohnya kita membuat image alternatif dengan nama nogambar.gif yang bertuliskan: “Gambar dr web lain … kunjungi http://namadomain.com untuk melihat gambar sebenarnya.” Maka kita dapat menambahkan kode berikut:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?mydomain.com/.*$ [NC]
RewriteRule \.(gif|jpg)$ http://www.mydomain.com/dontsteal.gif [R,L]

Prevent viewing of .htaccess or other files

Untuk mencegah user mengakses file .htaccess, ketikkan perintah:

order allow,deny
deny from all

Bila anda ingin lebih mudah mendapatkan syntax .htaccess, silakan ke situs htaccess generator

Setelah anda melihat penjelasan dan kegunaan file .htaccess apakah sudah mengerti? nah gunakan sesuai kebutuhan anda. Terimakasih ^_^

Link referensi artikel : http://nanksaurus.com/../htaccess...html

Pemograman PHP : Mengecek Bilangan Prima

2011-08-17T20:34:00.000+07:00

Sebulan Tak update, jadi canggung untuk memulai postingan baru. WWDQ kali ini ingin memberi ilmu tentang pemograman PHP sederhana, yaitu tentang Program pengecekan bilangan prima atau bukan. Kembali kepelajaran SD ^_^, menurut Wikipedia : bilangan prima adalah bilangan asli yang lebih besar dari 1, yang faktor pembaginya adalah 1 dan bilangan itu sendiri. 2 dan 3 adalah bilangan prima. 4 bukan bilangan prima karena 4 bisa dibagi 2. Sepuluh bilangan prima yang pertama adalah 2, 3, 5, 7, 11, 13, 17, 19, 23 dan 29. Sudah ingat kembali apa itu bilangan prima? nah sekarang masuk ke dalam teori .

Suatu bilangan bulat positif N dikatakan "tidak prima" jika terdapat bilangan bulat antara bilangan-bilangan 1 s/d N yang menjadi faktor selain 1 dan N. Yang dimaksud faktor di sini adalah pembagi habis. Atau dengan kata lain, N dikatakan tidak prima jika terdapat bilangan bulat antara 2 s/d N-1 yang membagi habis N.

#1. langkah pertama, kita asumsikan terlebih dahulu bilangan N ini adalah PRIMA.

#2. Langkah kedua, kita cek untuk setiap bilangan mulai dari 2 sampai dengan N-1 apakah bilangan-bilangan tersebut ada yang membagi habis N. Jika ada, maka status N sekarang berubah menjadi TIDAK PRIMA. Sebagai contoh misalkan N nya kita ambil 9. Kita asumsikan 9 ini adalah PRIMA. Selanjutnya kita cek mulai bilangan 2 s/d 8 apakah ada yang membagi habis 9. Kita mulai dari 2 terlebih dahulu. OK… 2 tidak membagi habis 9, maka status N tetap PRIMA. Next… kita cek untuk 3. Nah… kita tahu bahwa 3 membagi habis 9, maka status N berubah menjadi TIDAK PRIMA. Sebenarnya Anda bisa langsung mem-break proses pengecekan untuk bilangan 4, 5, …, 8 karena kita sudah menemukan satu faktor yang bukan 1 dan N. Namun… kalau Anda teruskan pun juga tidak masalah.

Langsung pada Pemogramannya :
Buat dulu file formnya untuk memasukan bilangan yang akan dicek.
form.htm :

<form id="form1" name="form1" method="get" action="prima.php">
Masukan Bilangan Anda :
<label>
<input type="text" name="bil" id="bil" />
</label>
<label>
<input type="submit" name="button" id="button" value="Cek..." />
</label>
</form>

Lalu buat file Pemogramannya
prima.php

<title>Cek Bilangan Prima</title>
<?php
$bilangan = $_GET['bil'];
$n = $bilangan;
$status = "PRIMA";
for ($i = 2; $i <= $n-1; $i++)
{
if ($n % $i == 0)
{
$status = "TIDAK PRIMA";
break;
}
}
echo "Bilangan ".$n." adalah : ".$status;
echo "<br/> <a href='form.php'>Cek Lagi</a>";
?>

Selesai deh... tinggal dicek kebenarannya ^_^

Yang mau Download scriptnya :

Referensi ~~(hasil copas)~~ dari : http://blog.rosihanari.net/...prima

Bila Kurang Jelas, silakan bertanya dibawah ini .

Fungsi Echo Pada PHP

2011-07-20T17:16:00.002+07:00

Yang sering bergelut di dunia pemograman khususnya pemograman PHP pastinya sering kali menemui fungsi-fungsi PHP yang sering digunakan, Salah satu fungsi yang paling mendasar dari PHP adalah fungsi echo(). Fungsi echo() digunakan untuk menampilkan string yang nantinya akan diterjemahkan oleh browser, entah string tersebut berupa teks ataupun tag HTML.

Sintaks dari fungsi echo() adalah sebagai berikut:

echo(string);
echo string
echo "$string";

Berikut contoh script sederhana yang memakai fungsi echo() :

<html>
<head>
<title>Contoh Fungsi echo()</title>
</head>

<body>
    <?php
       echo "Halo Dunia PHP";
   ?>
</body>
</html>

Maka hasil yang dikeluarkan browser adalah

Halo Dunia PHP

Dan kalau dilihat source code nya yang muncul hanya :

<html>
<head>
<title>Contoh Fungsi echo()</title>
</head>

<body>
Halo Dunia PHP</body>
</html>

Penggunaan fungsi echo() ini terkait erat dengan penggunaan variabel dengan tipe data string. Strings merupakan tipe data berupa karakter. Semua karakter dapat dimasukkan ke dalam tipe strings, termasuk angka, huruf, maupun karakter-karakter khusus seperti +, -, %, $, &, dan lain-lain. Sedangkan sebuah variabel ditandai dengan tanda $ di depannya. Jadi $var1 adalah sebuah variabel dengan nama “var1”.
Untuk memasukkan string ke dalam sebuah variabel, harus digunakan karakter-karakter sebagai berikut: tanda kutip ganda ("), tanda kutip tunggal ('), atau tanda lebih kecil yang dituliskan sebanyak tiga kali (<<<).

Perbedaan penggunaan dari ketiga karakter tersebut adalah sebagai berikut:
Jika digunakan tanda kutip ganda ("), maka variabel yang terletak di dalam string tersebut akan dinyatakan sebagai nilainya, bukan nama variabelnya. Contoh:
#Menggunakan kutip ganda (")

<?php
$var1 = "World Web Design Q";
echo "Aku Belajar PHP di $var1";

?>

Hasil yang dikeluarkan oleh browser :

Aku Belajar PHP di World Web Design Q

ket : $var1 = hanya variabel, bisa diganti dengan apa saja, exp : $contoh

Untuk menyatakan karakter-karakter tertentu di dalam sebuah string, seperti misalnya tanda kutip ganda ("), tanda ampersand (&), tanda dollar ($), dan lain-lain digunakan karakter backslash (\). Karakter seperti ini disebut dengan Escaped Character. Di bawah ini akan diberikan beberapa contoh escaped character:

Escaped character	Arti
\n	Ganti Baris
\r	Carriage return
\t	Tab
\$	$
\"	"
\\	\
\&	&

Berikut Contoh penggunaan Escaped Character :

<?php echo "Anda Sedang Berada Di, \"World Web Design Q\""; ?>

Hasil Pada Browser :

Anda Sedang Berada Di "World Web Design Q"

...........................................................................
Jika digunakan tanda kutip tunggal, maka semua string akan nampak seperti apa adanya yang tertulis di dalam tanda kutip tunggal tersebut. Variabel akan tetap dinyatakan sebagai nama variabelnya, dan escaped character yang dikenal hanyalah \\ dan \’. Contoh:
#Menggunakan Kutip Tunggal (')

<?php
$var1 = "World Web Design Q";
echo 'Aku Belajar PHP di $var1';

?>

Maka hasil yang dikeluarkan browser sebagai berikut :

Aku Belajar PHP di $var1

..............................................................................
Yang terakhir adalah tanda lebih kecil yang dituliskan sebanyak tiga kali (<<<). Tanda ini disebut dengan here doc syntax. Here doc syntax sangat berguna untuk menuliskan string yang panjang, karena dapat dipisahkan dalam beberapa baris tapi hasil yang ditampilkan tetap dalam satu baris. Variabel akan dinyatakan sebagai isinya. Penggunaan here doc syntax diikuti dengan semacam penanda yang dituliskan pada awal dan akhir string. Contoh:
#Menggunakan 3 Tanda Lebih Kecil (<<<)

<?php
$var1 = "PHP";
$var2 = "Fungsi";
$var3 = "Echo";
echo <<<A
Hari ini kita belajar $var1
Yaitu tentang $var2 $var3
A;

?>

Hasil pada browser :

Hari ini kita belajar PHP Yaitu tentang Fungsi Echo

Keterangan : Huruf A digunakan hanya sebagai semacam penanda (tidak terlihat di hasil), yang dipakai pada awal string dan akhir string. penanda ini bisa anda ganti sesuai selera ^_^. #bila tidak menggunakan huruf penanda, maka syntax akan error.

Semoga Membantu ^_^

referansi : Thanks to HendrikPerdana.web.id

Video Call Di FACEBOOK. Webcam-an Sama Teman di Facebook

2011-07-12T12:03:00.002+07:00

Update bulan Juli. saat ane iseng iseng browsing, trus ane dapet info baru tentang facebook. Ternyata sekarang kita bisa berbicara sekaligus bertatapan wajah melalui videocall. Videocall ini dirilis oleh Facebook dan fitur ini adalah hasil dari dibelinya Skype oleh Facebook.

Pada saat artikel ini dibuat (12-07-2011) fitur ini belum tersedia untuk umum atau belum diluncurkan secara terbuka. Lantas bagaimana cara mencobanya? bagi yang sudah tidak sabar dengan munculnya fitur ini di muka umum, langsung saja yang komputernya mempunyai webcam dan microfone kunjungi situs berikut : facebook.com/videocalling.

Di facebook.com/videocalling tersebut terdapat cara untuk memulainya. tp disini akan memberikan sedikit cuplikannya.

#1. Klik mulai/started untuk mencoba fitur ini.

Catatan : Layanan ini baru jalan di beberapa browser saja.

Which browser should I use to set up video calling?
Video calling works best with the latest versions of the following browsers:
Mozilla Firefox
Google Chrome
Internet Explorer
Safari

Bila browser anda bukan yang diatas, maka akan muncul seperti ini

Setelah menekan tombol mulai atau started anda akan mendownload facebook videocall setup. download disini untuk mendownload manual :

Download Facebook VideoCall
(FacebookVideoCallSetup_v1.2.199.0.exe)
Download FacebookVideoCall
(FacebookVideoCallSetup_v1.2.203.0.exe) [Update 13 Juli 2011]

Setelah terdownload kemudian instal setup tersebut. kemudian silakan coba chat videocall pertama anda.

Pilih teman anda yang online

Klik icon camera untuk memulai videocall

Menunggu jawaban si lawan

Dikarenakan teman ane belum menggunakan fitur ini, jadi ane belum dapat menampilkan hasil video callnya.

Tambahan:

Video call ini baru bisa untuk berdua, tidak bisa conference seperti di Google+. Jika orang yang dituju tidak menjawab, Anda bisa meninggalkan pesan video kepadanya.

Bila masih ada masalah silakan kunjungi Pusat Bantuan Facebook - Video calling: Basics

referensi : http://darmawanku.com/...chat/ dan http://www.messengeroo.com/..facebook-video../

Pengertian SERP (Search Engine Result Pages)

2011-07-11T17:42:00.001+07:00

SERP adalah kependekan dari Search Engine Result Pages yang dalam bahasa Indonesia berarti Halaman Hasil Pencarian Mesin Pencari. Ketika kita hendak mencari sesuatu halaman web dengan google, seseorang akan memasukan kata kunci dan menekan tombol [search/telusuri] dan setelah itu akan tampil sebuah halaman yang disebut dengan SERP. Pengertian SERP adalah halaman yang berisi hasil pencarian dari suatu kata kunci pada mensin pencari [google, yahoo, bing, dll]. SERP ini bersifat dinamis. Metode yang di pakai Mesin Pencari dalam menampilkan SERP akan berubah dari waktu ke waktu. Disamping itu, setiap mesin pencari juga mempunyai metode rahasia yang berbeda dari Mesin Pencari lainnya. Namun Mesin pencari tetap akan berusaha menampilkan hasil yang se relevan mungkin walau pada kenyataanya terkadang dengan hasil yang tidak relevan atau bahkan tidak di temukan. Mengapa bisa begitu? Lalu bagaimanakah cara mesin pencari dalam menemukan situs dan menampilkannya dalam SERP? Google yang merupakan mesin pencari yang paling banyak digunakan mengatakan:

Suatu situs tidak dapat ditemukan atau tidak tampil di SERP dikarenakan beberapa hal seperti desain web yang tidak sesuai standar w3, halaman web yang tidak terhubung baik dari link ke link di web, Situs sedang tidak tersedia untuk sementara waktu atau sedang down saat mesin pencari melakukan penjelajahan serta banyak hal lain yang menyebabkan suatu halaman web tidak dapat ditemukan dan tidak tampil dalam SERPs

Karena sebab itulah banyak orang memakai sebuah teknik yang bernama SEO agar situs mereka dapat ditemukan oleh mesin pencari dan tampil di urutan teratas pada SERP.

referensi : http://www.yokser.com/...serp.html

Mengubah Tampilan Blockquote sesuka hati.

2011-06-24T16:27:00.000+07:00

Beberapa hari sempat tidak ngeblog dikarenakan mencari ilmu lain, ~~kalau cuma main blog, kapan pinternya~~ dan pada hari ini saya putuskan untuk kembali mengurus blog saya yang ~~hina~~ ini . yap langsung saja pada update kali ini, WwdQ akan membahas cara mengubah-ubah tampilan blockquote. Ada yang belum tahu apa itu Block quote?, kata google translate sih blok kutipan. Dari pada penasaran atau bingung, langsung saja liat contoh blockquote yang ada di template sini dan praktekan

Contoh Quote Yang Ada Di Template Ini

Sekarang ayo prakteknya
Langkah Pertama :

Login Ke akun blogger anda
Sesampainya di Dasbor sekarang pergi ke Rancangan
Sudah? Setelah itu Menuju Edit HTML
Bila anda kurang yakin dengan keberhasilan pada praktek kali ini, silakan backup terlebih dulu template anda
Cari (CTRL+F) yaitu .post blockquote {
Mungkin beberapa template berbeda...

Setelah ketemu Ubah kode CSS nya menjadi

.post blockquote {
border-bottom:1px solid #b2b2b2;
border-top:1px solid #000000;
border-right:1px solid #b2b2b2;
border-left:1px solid #000000;
padding: 16px 14px 14px 14px;
margin:1em 20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVAZRaOGfix7SpQX_jm5Uqf8FhAZopmtaMjfdP3i_CpS0oXEAY42lRJM0TntOyCBvP9lMeBsyW0RFrzpa8h8Ss2-DEdHXNmy44fbXuLnIUqo443blkAQEVqP5hBP0J9F_evsfE1wRPodA/s1600/quote.png) no-repeat left top #e1e4f2;
}

Atau menurut kreasi anda sendiri....

Bila anda belum mengerti kode CSS, seperti border, padding, atau margin, anda bisa belajar terlebih dahulu disini : http://wwdq.blogspot.com/...margin-css.html

Pengertian Padding, Border, Margin (CSS)

2011-06-15T22:34:00.000+07:00

Hallo sobat blogger yang master maupun newbie, sobat blogger pasti sudah pernah main main di CSS, kalau belum tahu , silakan menuju ke Rancangan --> Edit HTML, Lalu cari (CTRL+F) "]]></b:skin>" liat bagian atasnya, lalu nikmati CSS yang terdapat di blog anda. Bagi yang sering melihat CSS, pasti sudah tidak asing lagi dengan yang namanya margin, border, padding. Tapi apakah anda tahu fungsinya? Maka dari itu WWDQ kembali memberikan pengertian tentang ketiga pengukuran dasar pada CSS tersebut.

Untuk permulaan silakan lihat terlebih dahulu gambar dibawah ini :

Apakah anda mulai mempunyai gambaran tentang pembahasan kali ini?

Berikut penjelasannya :

Padding : Menentukan jarak komponen body ke border atau Ukuran jarak bagian dalam
Border : Adalah garis tepi dari komponen
Margin : Adalah Ukuran jarak bagian luar atau ukuran jarak sesudah Border

Mulai mengerti? ayo lihat lebih jelas cara penggunaannya.

Cara Penggunaan

Padding

Ditulis dengan CSS padding:5px 5px 5px 5px; urutan nilai angkanya adalah atas, kanan, bawah dan kiri, atau Anda bisa menggunakan

padding-left:5px; ini adalah untuk pengaturan padding bagian kiri
padding-right:5px; ini adalah untuk pengaturan padding kanan
padding-top:5px; untuk bagian atas
padding-bottom:5px; untuk bagian bawah

Border

Ditulis dengan CSS border:3px solid #666666; urutan penggunaanya adalah ukran border, style border dan warna border, atau bisa menggunakan

border-width:1px; ini adalah ketebalan border
border-style:solid; ini adalah jenis bordernya bisa kamu ganti dengan dashed, dotted, double, groove, ridge, inset, outset dan lainya
border-color:#FFFFFF; ini adalah warna dari border

Margin

Ditulis dengan CSS margin:5px 5px 5px 5px; urutanya atas, kanan, bawah dan kiri, atau bisa menngunakan seperti padding diatas

margin-left:5px; ini adalah untuk pengaturan padding bagian kiri
margin-right:5px; ini adalah untuk pengaturan padding kanan
margin-top:5px; untuk bagian atas
margin-bottom:5px; untuk bagian bawah

Satuan Dalam CSS

1. Statik

in -- satuan inchi
cm -- satuan centimeter
mm -- satuan milimeter
pt -- satuan point (1point = 1/72 inchi)
pc -- satuan pica (1pica = 12 point)
px -- satuan pixel (satu titik gambar terkecil dalam layar monitor)

2. Relatif

% -- satuan persen
em -- atau ems (1em = ukuran font yang tengah ada dalam elemen)
ex -- 1ex = x-height suatu font (x-height biasanya setengah ukuran font)

Contoh Tampilan Style Border :

dotted

dashed

solid

double

groove

ridge

inset

outset

Semoga artikel ini membantu anda :)

referensi artikel : http://nsxcrew../padding...

Membuat Navigasi Blog Ala Om Google Punya

2011-06-13T21:34:00.001+07:00

Setelah Admin beristirahat ngeblog dikarenakan semesteran (~~maklum adminnya masih sekolah~~), nah sekarang mau update lagi tentang tutorial blog yaitu membuat navigasi seperti om google punya. ada yang tidak tahu navigasi itu apa? itu loh yang menunjukan halaman, ada next, previous, lebih jelasnya liat gambar navigasi yang dipunya om google

Diblog pun bisa seperti ini, yang ingin coba silakan simak cara mudah berikut ini :

Login ke akun Blogger.
Rancangan, --> Edit HTML.
Cari kode ]]></b:skin>, kemudian taruh kode berikut ini Tepat di atasnya:

#nav a,#nav a:visited,.blk a{color:#000}
#nav a{display:block}
#nav .b a,#nav .b a:visited{color:#20c}
#nav .i{color:#a90a08;font-weight:bold}
.csb,.ss{background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png) no-repeat 0 0;height:26px;display:block}
.ss{background-position:0 -88px;position:absolute;left:0;top:0}
.cps{height:18px;overflow:hidden;width:114px}
.mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}
#nav td{padding:0;text-align:center}

4. Sesudah mengikuti langkah diatas, silakan cari kode berikut </body>.
5. Ketemu? kalau begitu copy kode kedua, lalu paste diatas kode </body>

6. Langkah terakhir bisa anda pratinjau dahulu atau langsung disimpan templatenya.

untuk contohnya silakan liat halaman utama blog ini (~~kalau belum diganti~~)

sumber : http://daw..navigasi..

Bila Kurang Jelas, silakan bertanya dibawah ini .

Website-Website Tempat Belajar Free PHP Programing

2011-06-11T19:50:00.000+07:00

Free PHP Programing

Bagi anda yang ingin serius menekuni web programming untuk membangun sebuah website yang canggih tapi bukan dengan modus HTML? Ingin mencari bahasa programming yang portabel, robust, mudah dipelajari dan object oriented tapi dalam ruang lingkup web based programming?

PHP adalah jawaban yg paling saya rekomendasikan. Saat ini, hampir tidak ada hosting Linux yg tidak menyediakan bahasa Php programming terinstal di dalamnya.
Perl sudah ketinggalan. Python stuck dan ditahan oleh php. ASP dan ASP.NET lebih sering berkutat di hosting Windows. JSP terlalu ekslusif dengan ciri khas dan investasi yg lebih besar walaupun secara keamanan lebih segala-galanya dibandingkan yang lain, tapi rata2 berhosting di JSP mahal sekali tarifnya. Nah, sekarang punya gambaran yang jelas bukan mengenai perbandingan bahasa-bahasa web based server script di atas? PHP adalah jawabannya. Kamu harus menguasai PHP untuk bisa berkompetisi saat ini di dunia internet. Rata-rata CMS dan Blog platform menggunakan php sebagai kekuatan mereka.

Pertanyaannya adalah, di mana website yang mengajarkan php programming gratis? Di mana situs yang memberikan panduan tutorial belajar bahasa php? Di mana saja website yg bisa memberikan dasar-dasar php dari dasar sampai programming tingkat lanjut secara free? Sebenarnya gampang saja kita bisa mencari di google atau di bing di mana website tempat mengajarkan online php dengan mengetikkan kata kunci “free php programming” atau “free tutorial php programming”. WwdQ akan berikan referensi beberapa daftar situs tutorial php dari dasar sampai intermediate bahkan advanced yang saya dapat dari sebuah situs lain.

1. Php.Net
Situs tutorial ini secara lengkap dan menjadi rujukan utama bagi pemula di dalam belajar php, teknik dasar php, pengenalan dari syntax, types, variable, constant, control structure sampai dengan function dan security di php.
Kamu bisa step by step diajarkan di sana dengan baik.

2. w3schools
Situs tutorial php ini merupakan standarisasi belajar HTML, XML bahkan PHP dan ASP. Penjelasannya sangat mudah dicerna dan dilengkapi dengan contoh-contoh aplikasi sederhana. Tutorialnya asyik dan kamu pasti akan cepat mengerti belajar di sana.

3. Learn Programming in PHP Online
Tidak selengkap apa yg disediakan oleh Php.net dan w3schools, namun di situs ini kita bisa dapat panduan belajar untuk mencegah terjadinya SQL Injection dan aplikasi email.

4. PHPBuddy
di PHPBuddy kita dapat panduan belajar menangani php sessions, encrypting dan pengamanan code php.

5. About.com:PHP/MySQL
Nah, di sini lebih asyik lagi, kita bisa diberikan contoh syntax pemanggilan SQL, pembuatan kalendar, timer, dan contoh-contoh unik lainnya dengan bahasa php.

sumber : http://www.speedytown.com/..phpprogramming../

Pengguanan AJAX Yang Baik Dan Tepat

2011-06-04T21:26:00.000+07:00

WwdQ kembali membahas tentang AJAX, bila anda tidak tahu apa itu ajax, silakan baca Ini Pengertian AJAX . Sedikit kutipan dari postingan yang lampau , AJAX memungkinkan sebuah halaman web memperbarui data dari server yang ditampilkannya tanpa harus melakukan refresh, sehingga halaman terlihat lebih responsif.
Fitur dan ciri utama AJAX adalah sebuah halaman web tidak perlu di-refresh setiap kali ada data baru yang ingin ditampilkan. Dengan demikian, sebuah aplikasi web akan terasa seperti aplikasi desktop saja. kecepatan, interaktivis, fungsionalitas, dan tingkat kegunaan halaman web akan meningkat. Tetapi apakah AJAX tidak memiliki kelemahan? Tentu saja punya, kelemahan AJAX bisa anda lihat dibawah ini :

Kelemahan-kelemahan memakai AJAX di web kita yaitu:

Pertama, konten tidak terindeks oleh search engine, misalnya Google, kenapa? karena javascript hanya aktif di browser, bot search engine ga bisa ngejalanin javascript. Padahal kebanyakan web dapat pengunjung baru dari search engine. Akibatnya konten kita tidak dindex di search engine dan sulit untuk dicari dari search engine.
Kedua, situs hanya dapat berjalan di browser terbaru. Waktu itu Cheyuz pernah bikin situs untuk sebuah perusahaan di Cianjur, dan di perusahaan itu OS nya masih pake Windows XP Service Pack 2, dengan menggunakan browser Internet Explorer 6 yang emank tidak bisa memakai AJAX! dan mengganti OS banyak komputer itu bukan pekerjaan yang mudah…
Ketiga, AJAX hanya berjalan di perangkat Mobile tertentu, misalnya Hand Phone… memang sekarang ini sudah banyak HP yang mendukung AJAX, tapi tidak sepenuhnya, masih banyak HP kalangan (maaf) rendah yang tidak mendukung javascript.. apalagi AJAX.

Jadi, meskipun AJAX itu sangat bagus untuk Website, lebih interaktif, lebih dinamis… kita juga harus tahu sasaran AJAX itu dipergunakan..

lalu muncul pertanyaan, Bagaimana penggunaan AJAX yang baik dan tepat? bisa anda lihat dibawah ini:

Menggunakan AJAX Yang Baik Dan Tepat Sasaran

Pertama, Siapa Target Pengguna Situs? kalau sasaran pengguna situs adalah pengguna handphone misalnya untuk berjualan konten mobile maka lupakan untuk menggunakan AJAX, kenapa? karena pengguna atau pengunjung situs tidak dapat mengaksesnya dengan baik. Apa gunanya kita mengembangkan aplikasi atau web tanpa ada pengguna.
Kedua, gunakan AJAX hanya untuk konten yang sangat sering berubah. Jangan gunakan AJAX pada konten yang jarang diubah, misalnya konten pada blog, biasanya jarang diubah Tulisan pada blog biasanya sangat jarang diubah setelah diposting. Biasanya hanya update kecil untuk memperbaiki beberapa tulisan. Walaupun secara konsep, dengan template dan layout yang sama setiap posting maka memungkinkan penggunaan ajax namun dalam hal ini ajax merugikan temen2, soalnya konten blog temen2 gak bakalan kebaca oleh search engine dan pengunjung bakal kesulitan menemukan tulisan temen2 di search engine. Contoh konten yang sering berubah adalah tampilan livescore.com yang secara otomatis mereload hasil pertandingan olahraga secara berkala dalam rentang waktu tertentu. Hasilnya score dapat diupdate tanpa mereload tampilan website secara keseluruhan.
Ketiga, penggunaan pada submit form atau upload file. Anda bisa pakai AJAX untuk submit form kayak ngisi comment, testimonial, dan upload foto misalnya.. jadi pada saat mengirim comment, halaman tidak direload, tapi daftar komentar langsung berubah dengan menggunakan AJAX, sangat efektif..
Keempat, aplikasi web jarang membutuhkan akses search engine, karena hanya ditujukan kepada pengguna aplikasi. Karena itu penggunaan AJAX lebih flexibel. Temen2 dapat menggunakan AJAX dimanapun pada aplikasi temen2 karena biasanya aplikasi web memiliki konten yang sangat dinamis. Selain itu aplikasi lebih memerlukan respon cepat dari interaksi pengguna yang bisa dilakukan dengan AJAX. Namun yang perlu diingat, sebaiknya jangan melakukan load objek secara berlebihan yang kemudian kita dapat dengan mudah mengupdate kontennya dengan AJAX dan menampilkannya dengan javascript. Tapi, perhatikan selalu ukuran halaman web temen2, karena walaupun tampilan lebih responsif namun pada saat load awal akan memakan waktu yang cukup lama.
Kelima, pakailah indikator LOADING! AJAX secara default tidak tahu kapan dia melakukan request atau biasa disebut callback dengan memberikan indikator status dengan sendirinya. Di sini, Programmerlah yang berperan dan harus membuatnya agar mampu memberitahukan apakah request atau callback berhasil, sedang loading, atau gagal. Dengan demikian pengguna tidak melakukan klik atau request berlebihan karena tidak mengetahui apakah dia telah melakukan request atau belum dan juga pengguna tidak menunggu terlalu lama tanpa mengetahui hasil loadnya.

Bisa anda lihat website-website yang paling baik penggunaan AJAX yaitu situs-situs Google, seperti Google Translate, Google Analytic, Google Doc, dan lain-lain. Dan siapa yang tak kenal Facebook, jejaring sosial yang sangat terkenal ini pun memakai AJAX.

Tutorial Dan Pengenalan CSS3

2011-05-31T21:43:00.000+07:00

Cascading Style Sheet (CSS) adalah salah satu bahasa perograman website untuk mengatur beberapa komponen yang ada dalam sebuah web sehingga akan lebih terstruktur dan seragam.
Sama dengan styles dalam software atau aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas file. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan HTML atau XHTML.

Bagi anda yang mungkin belum mengetahui CSS, CSS digunakan dalam pembuatan layout yang tableless, artinya pembuatan layout tidak lagi menggunakan metode table, karena dampak dari penggunaan table yang paling terasa adalah beratnya layout yang dihasilkan karena begitu banyak kode-kode dari hasil penggunaan table. Tableless pun menjadi standarisasi bagi seorang SEO-er, karena sifatnya yang search engine friendly. Tidak hanya dalam pembuatan layout, CSS3 pun efektif digunakan dalam pembuatan style-style yang mempercantik sebuah website.

CSS3 merupakan pengembangan dari CSS ini yang bisa membuat sebuah web menjadi lebih menarik. Dalam CSS3 ini meliputi hal-hal seperti berikut ini:

Drop Shadow
Menggunakan drop shadow pada css 3, cukup tambahkan baris

-moz-box-shadow: #585858 3px 3px 4px;

moz ini digunakan untuk browser firefox

-webkit-box-shadow: #585858 3px 3px 4px;

webkit digunakan untuk browser chrome serta safari

Contoh DropShadow

Gradient

background: -moz-linear-gradient(-45deg, #000000,#ffffff );

penggunaan moz-linear-gradien dengan 45derajat mulai dari hitam sampai putih, hasilnya adalah seperti ini :

Contoh

Tutorial lainnya tentang CSS3 Akan segera menyusul :)

Bila Kurang Jelas, silakan bertanya dibawah ini .

Penyampaian Pemikiran, Agar Dapat Berkreasi

2011-05-31T10:12:00.000+07:00

Dari judul diatas mungkin anda masih belum tahu jelas apa yang dimaksud pada postingan kali ini. Penyampaian Pemikiran, agar dapat berkreasi. yang dimaksud dari penyampaian pemikiran agar dapat berkreasi disini, adalah pemikiran membuat sebuah website sendiri dengan cara manual dari awal sampai akhir website itu jadi, Lebih Baik dari segi pengtahuan , daripada pembuatan website dengan menggunakan CMS, atau sejenisnya yang berfungsi memudahkan si Pembuat untuk membangun sebuah website.

Apa yang menjadi dasar saya berpikiran seperti itu? Bila anda terbiasa memakai yang instant seperti cms atau sejenisnya, anda tidak tahu sulitnya apabila membuat pemograman website secara manual. Sulit? Mungkin beberapa orang beranggapan "ngapain sih pakai yang sulit atau manual, kalau ada yang lebih mudah".
Menurut saya anggapan ini benar, mengapa? Karena memang benar yang mudah itu lebih efisien, dan dalam proses pembuatan tidak banyak memakan waktu, bahkan dari segi tampilan dan pemograman lebih sempurna yang instant daripada pemograman sendiri.

Tapi disisi lain pembuatan website dengan pemograman sendiri, anda jadi mengetahui step by step dalam pembuatan website tersebut. Dan yang terpenting membuat website dengan pemograman sendiri lebih membuat si pembangun website lebih kreatif dan inovatif karena apa yang ada dipikiran dituangkan langsung kedalam pembuatan website tersebut. Hasil akhirnya pun pasti berbeda dari yang lain, unik.

Disini akan memberikan contoh perbedaan pembuatan database ala CMS dan ala Coding
Berikut adalah gambar pembuatan database ala CMS :

contoh gambar pembuatan database di CMS

Seperti yang anda liat gambar diatas, dalam CMS pembuatan database mengunakan GUI (graphical user interface) yang memudahkan kita membuat database. Tetapi apakah anda tahu syntax pembuatan database tersebut?

<?php

$con = mysql_connect("localhost","username","password"); /*server, username, password*/
if (!$con)
{ die('Could not connect: ' . mysql_error());
}
if (mysql_query("CREATE DATABASE nama_db",$con)) //nama database
{
echo "Database created";
}
else
{
echo "Error creating database: " . mysql_error();
}
mysql_close($con);

Syntax diatas adalah pembuatan database menggunakan coding. dengan pembuatan database menggunakan coding, anda pun jadi tahu syntax pembuat database tersebut. Ini hanya sekedar pengetahuan.

Dalam pembuatan tampilan website pun sama seperti pemograman dalam website tersebut. Saya akui tampilan website yang terbangun dari cms atau yang sejenisnya memang sangat bagus. Tetapi apakah uniq? Yang berarti berbeda dari yang lain. Mungkin saja orang lain diluar sana memakai tampilan yang sama.
Beda dengan membuat sendiri tampilannya, banyak kelebihan yang bisa didapat dari membuat sendiri tampilan website atau yang sering didengar dengan layout. Salah satunya yaitu membuat layout yang kita buat menjadi beda daripada yang lain karena yang terjadi dari pembuatan layout tersebut ialah hasil dari pemikiran dan keinginan sendiri. Dan selain itu, kita pun dituntut untuk berkreasi agar hasil akhirnya sesuai dengan yang diinginkan.

Dari semua pembuatan dengan cara manual pemograman maupun tampilan sebuah website, kita pun mendapat nilai +. Karena dari sini kita mendapat pelajaran bahwa berkreasi itu penting sebagai Inovasi Karya Anak Bangsa menuju Kemandirian Nasional.

Lebih hebat lagi bila anda bisa menguasai kedua-duanya, bisa dengan cara yang mudah/instant, bisa pula dengan cara manual.

Postingan kali ini saya terinsfirasi dari blog guru saya yang bernama Pak Mawan A Nugroho karena Beliau yang membuat sendiri blog yang dia miliki, dari pemograman hingga tampilannya.
Postingan ini dibuat dari pemikiran saya sendiri, jadi bila ada pemikiran lain dari para senior, mohon dimaklumkan dan dikomentari postingan ini. Terimakasih :)

Download Artisteer Dan Cracknya

2011-05-30T21:14:00.000+07:00

Sudah lama tidak update blog, yah dikarenakan sibuk dengan dunia nyata. tetapi diujung akhir bulan Mei 2011 ini, wwdq kembali update dan kali ini wwdq berbagi pengetahuan (bagi para senior mohon maklum) tentang software Artisteer untuk mendesain template dan disini pun menyediakan link download + Keygen. Sebelum Download, apasih Artisteer itu?

Artisteer adalah sebuah aplikasi yang pertama dan unik untuk mendesain web secara otomatisasi dan langsung menciptakan web yang fantastis, aplikasi ini memiliki template yang unik untuk Blogger, Joomla, Drupal, WordPress, dan theme untuk blog anda atau halaman HTML.
Dengan Artisteer anda bisa segera menjadi ahli desain web, mengedit dan grafis mengiris, pengkodean XHTML dan CSS, dan membuat desain Web template dan Joomla, Drupal dan WordPress theme.Semua dalam hitungan menit, tanpa Photoshop atau Dreamweaver, dan tidak ada keterampilan teknis.
Fitur Artisteer 2.6.0 Full :

Desain awesome WordPress Blog, Joomla profesional! dan Drupal template, dan desain Website

Mudah Digunakan

Tidak perlu belajar Photoshop, CSS, HTML atau teknologi lainnya

Ekspor sebagai Theme WordPress atau Template CMS

Alasan2 Orang Menggunakan Artisteer :

Menghasilkan ide-ide keren pada saat mendesain Web
Sesuai desain yang dihasilkan untuk membuat Web tampak hebat dan Blog template.
Validasi HTML dan CSS yang sesuai dengan standar Web.
Anda tidak perlu belajar Photoshop, CSS, HTML dan teknologi web lainnya untuk membuat desain tampak besar, termasuk gambar dan tombol.
Jika Anda seorang desainer Web, menghasilkan gagasan, prototipe dan Website u
Pilih dan menggunakan banyak elemen desain disertakan, dari latar belakang ke obyek foto dan tombol.
Secara otomatis memecahkan masalah dengan aliasing gambar, kompatibilitas browser Web dan rincian lain yang membutuhkan waktu dan pengetahuan.
Pelajari cara membuat HTML profesional dan kode CSS.

Versi artisteer yang saya pakai adalah Artisteer 2.6.0.36391 Standard Edition. bagi ada yang tidak sabar untuk mencobanya silakan download di situs resminya.

Download Artisteer

Download Keygennya Disini :

Download Keygen Artisteer

Bila Kurang Jelas, silakan bertanya dibawah ini .

Tentang Apache (Server Web)

2011-05-30T20:02:00.000+07:00

Pengertian Web Server
Server web adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML. Server web yang terkenal diantaranya adalah Apache dan Microsoft Internet Information Service (IIS). Apache merupakan server web antar-platform, sedangkan IIS hanya dapat beroperasi di sistem operasi Windows.
Server web juga dapat berarti komputer yang berfungsi seperti definisi di atas.

Apa itu Apache?
Server HTTP Apache atau Server Web/WWW Apache adalah server web yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform lainnya) yang berguna untuk melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani fasilitas web/www ini mengunakan HTTP.

Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat dikonfigur, autentikasi berbasis basis data dan lain-lain. Apache juga didukung oleh sejumlah antarmuka pengguna berbasis grafik (GUI) yang memungkinkan penanganan server menjadi mudah.
Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembang-pengembang dibawah naungan Apache Software Foundation.

Bagaimana Apache ditemukan?
Pada awal mulanya, Apache merupakan perangkat lunak sumber terbuka yang menjadi alternatif dari server web Netscape (sekarang dikenal sebagai Sun Java System Web Server). Sejak April 1996 Apache menjadi server web terpopuler di internet. Pada Mei 1999, Apache digunakan di 57% dari semua web server di dunia. Pada November 2005 persentase ini naik menjadi 71%. (sumber: Netcraft Web Server Survey, November 2005).

Asal mula nama Apache berasal ketika sebuah server web populer yang dikembangkan pada awal 1995 yang bernama NCSA HTTPd 1.3 memiliki sejumlah perubahan besar terhadap kode sumbernya (patch). Saking banyaknya patch pada perangkat lunak tersebut sehingga disebut sebuah server yang memiliki banyak patch (“a patchy” server). Tetapi pada halaman FAQ situs web resminya, disebutkan bahwa “Apache” dipilih untuk menghormati suku asli Indian Amerika Apache , yang dikenal karena keahlian dan strategi perangnya. Versi 2 dari Apache ditulis dari awal tanpa mengandung kode sumber dari NCSA.

Bagaimana Penggunaan Apache?
Apache adalah komponen server web dari paket perangkat lunak LAMP (Linux, Apache, MySQL, PHP/Perl/bahasa pemrograman Python).

Saingan Apache
Menurut statistik dari Netcraft, Apache merupakan server web yang paling banyak digunakan di dunia per 2005. Microsoft Internet Information Services (IIS) merupakan kompetitor utama Apache, diikuti oleh Sun Java Web Server dari Sun Microsystem.

sumber : http://ekociba.../tentang-apache

Apasih Pengertian OAuth (Open Authorization)?

2011-05-30T19:24:00.000+07:00

OAuth singkatan dari Open Authorization sudah banyak yang mengenal istilah ini. Dengan banyaknya pengguna Twitter dan Facebook, popularitas OAuth pun meningkat. Dengan OAuth diharapkan kita tidak lagi harus memberikan username dan password pada pihak ketiga. Takutnya bisa disalahgunakan oleh orang yang tidak bertanggungjawab.

Lebih jelasnya OAuth adalah suatu protokol terbuka yang memungkinkan pengguna untuk berbagi sumber pribadi mereka (mis. foto, video, daftar alamat) yang disimpan di suatu situs web dengan situs lain tanpa perlu menyerahkan nama pengguna dan kata sandi mereka. Proses ini dilakukan dengan memberikan token, bukan nama pengguna dan kata sandi, untuk data mereka yang diinangi oleh suatu penyedia jasa tertentu. Setiap token memberikan akses untuk suatu situs spesifik (mis. suatu situs penyunting video) terhadap suatu sumber spesifik (mis. hanya video dari album tertentu) selama durasi tertentu (mis. dua jam ke depan).

OAuth mengizinkan seorang mengguna untuk memberikan akses kepada situs pihak ketiga untuk mengakses informasi mereka yang disimpan di penyedia layanan lain tanpa harus membagi izin akses atau keseluruhan data mereka. Cara kerjanya kurang lebih mirip dengan menggunakan kartu kredit dan menandatangani slip transaksi, alih-alih memberikan kartu ATM dan PIN-nya.
Layanan OAuth merupakan layanan komplementer tapi terpisah dari OpenId.

Jadi Fungsi OAuth ialah memberikan akses ke data kita kepada pihak lain. Ambil contoh saja, Twitter, dengan OAuth, twit-twit saya bisa diakses melalui Tuitwit, Dabr, ataupun TweetDeck. Dengan aplikasi tersebut data dibuka sebebas-bebasnya bahkan sampai ke kotak suratnya. Ini tentu sangat berbahaya jika data tersebut digunakan untuk hal yang tidak-tidak.

Masih dalam konteks Twitter, sekarang yang menjadi masalah adalah aplikasi/website yang tidak ada hubungannya dengan Twitter tetapi menggunakan OAuth-nya Twitter untuk registrasi dan login. Memang kalau dilihat dari sisi kemudahan, sangat efisien menggunakan OAuth ini karena pengunjung tidak perlu lagi mengisi form berulang-ulang jika ingin menjadi anggota website yang baru.

Ada layanan lain yang seharusnya cocok untuk hal ini yaitu OpenID. Karena popularitas OAuth, para pengembang sepertinya agak malas menggunakan OpenID. Memang sih mengembangkan OpenID lebih kompleks dari OAuth tetapi tentu saja lebih aman dan privacy lebih terjamin. Di sisi lain, pengguna pun masih awam menggunakan layanan ini. Untungnya sekarang jika kita menggunakan Google, Yahoo, dll sudah bisa digunakan sebagai OpenID.

sumber:

Cara meningkatkan SEO Blog (dasar)

2011-05-16T15:31:00.000+07:00

Setiap blog/website memiliki elemen, template/theme, basic code, dan berbagai macam elemen lain yang berbeda-beda sehingga usaha untuk melakukan SEO pun tidak sama persis. Misalnya, WordPress memiliki basic elemen PHP, HTML, JavaScript, dan CSS. Selain itu WordPress juga dilengkapi dengan banyak plugin SEO yang siap dipakai untuk memaksimalkan hasil di search engine. Blogspot memiliki elemen dasar HTML, Javascript, dan CSS, yang tentu saja ada kelemahannya. Meskipun kita dapat menggunakan plugin SEO berbasic Javascript, namun saya sendiri tidak melihat efek yang signifikan. Kelebihannya, di Blogspot kita dapat melakukan modifikasi/hack tanpa batas baik pada design maupun untuk meningkatkan SEO-nya.

Cara-cara berikut ini merupakan cara yang masuk kategori organic SEO, yaitu optimalisasi search engine dengan cara-cara yang natural, yang saya lihat dan rasa justru memiliki efek yang baik. Selain itu, saya juga kurang begitu mendukung cara-cara Blackhat SEO yang saat ini pun mulai disisihkan oleh Google.

1. Pilih template yang SEO friendly.

Suatu design layout blog bisa memiliki keunggulan dan kelemahan. Di satu sisi, sebuah tampilan template/theme tampak hebat, namun dari segi SEO bisa saja lemah, ataupun sebaliknya. Oleh karena itu, pilihlah template Blogger yang SEO friendly. Saat ini telah banyak tersedia template Blogger gratis berkualitas premium yang telah disisipi hack SEO. Jika sudah 'terlanjur sayang' dan ingin tetap menggunakan template yang lama, lakukan dari langkah kedua berikut.

2. Pasang meta tags di blog

Ada banyak jenis meta tag, yang paling lazim digunakan adalah meta description, yang berisi deskripsi blog/website dan meta key, yang berisi keyword-keyword yang berkaitan dengan isi blog/website. Selain itu ada pula meta author, yang berisi nama penulis atau nama institusi/perusahaan, namun jarang sekali dipakai. Dan masih banyak lagi meta-meta lainnya.

3. Maksimalkan keyword pada title/judul blog

Memadatkan judul dengan keyword yang ditargetkan dapat memperbesar kepadatan keyword (keyword density) suatu blog. Pada blogspot, edit judul melalui Dashboard > Design/Rancangan > Klik edit pada header, isi dengan judul yang diinginkan dan save.

4. Letakkan judul posting di depan nama blog

Pada template Blogger yang belum di isi hack, biasanya nama blog berada di depan judul posting. Untuk mengeceknya, buka sebuah halaman posting dan lihatlah tab dan bar pada browser. Lihatlah apakah nama blog berada di depan dan di susul judul posting. Pada hasil indeks search engine, hal ini dapat mengurangi akurasi dan kepadatan keyword serta memotong judul posting di bagian belakang. Apalagi jika judul posting sangat panjang. Pengunjung jadi tidak mengerti poin keseluruhannya.

5. Maksimalkan keyword yang padat dan efektif di dalam posting blog

Ini bukan berarti membuat keyword sebanyak-banyaknya, tetapi mengatur letak/posisi keyword, menggunakan keyword dan frase yang tepat, dan tidak menggunakan terlalu banyak kata yang bertele-tele. Misalnya, hindari kata-kata seperti ini: "Dalam pada posting kali ini...", dan lain-lain.

6. Percepat waktu loading (load time) blog

Google juga memberlakukan penalti terhadap blog/website yang terlalu berat dan lama untuk di-load. Ini logis, karena waktu yang dibutuhkan oleh spider saat crawling dan mengumpulkan informasi menjadi lebih lama. Hal-hal yang menghambat loading blog/website biasanya adalah: terlalu banyaknya file javascript (biasanya pada widget) dan terlalu besarrnya file-file gambar. Pengunjung tentu juga akan kerepotan karena harus menunggu loading yang lama, apalagi bagi yang koneksi internetnya lemot.

7. Percepat proses indeks search engine terhadap blog

Indeks yang cepat menunjukkan bahwa blog telah dikenal oleh search engine. Hal ini tentu saja mempercepat SEO suatu posting karena kita tidak perlu menunggu dalam waktu yang lama dan pengunjung pun bisa segera menemukannya di search engine. Meskipun ini bukan jaminan bahwa artikel posting berada dalam indeks halaman utama, akan tetapi ini adalah langkah awal dari proses SEO itu sendiri.

8. Link building yang efektif

Link building mereupakan poin paling penting dalam SEO. Link building adalah proses menciptakan inbound link (link yang mengarah ke blog/website), yaitu mendapatkan backlink dari blog/website lain. Melakukan link building bisa dengan banyak cara, yaitu: membuat reciprocal link baik dengan direktori/social bookmark (yang mensyaratkan reciprocal link) ataupun bertukar link dengan blog/website lain, mendaftarkan blog dan artikel ke social bookmark/direktori, dan berkomentar di blog/website lain dengan meninggalkan link di form komentator, cara ini lazim dikenal sebagai blogwalking, meskipun kemudian agak disalahartikan dengan meninggalkan komentar berisi, "blogwalking!", atau, "mampir gan!", dan lain-lain. Berkomentarlah sesuai konten karena ini menunjukkan kualitas dan Google juga melirik itu loh. Jangan lupa, ada link dan anchor text di atas komentar tersebut, dan Google memperhatikannya ketika crawling.

Untuk melakukan link building yang efektif dengan tujuan mendapatkan backlink yang berkualitas dan meningkatkan pagerank, berkomentarlah di blog-blog dofollow ber-pagerank tinggi dan daftarkan blog serta artikel di situs direktori dan social bookmark dofollow. Perbanyak backlink yang mengarah ke blog/website anda, namun lakukan secara natural, yaitu tidak secara serampangan, terlalu banyak backlink yang dibuat dalam satu hari juga dapat dianggap 'tidak wajar' oleh Google. Saya biasa membatasi 5-10 kali link building setiap harinya.

Link building dapat meningkatkan visibility atau kenampakan blog/website di mata search engine, meningkatkan jumlah traffic yang berkualitas. Semakin banyak tarffic semakin tinggi nilai kepentingannya bagi search engine sehingga dia rutin melakukan crawling. Link building juga menambah kredibilitas dan popularitas suatu blog/website.

Sumber : buka-rahasia.blogspot.com

Bila Kurang Jelas, silakan bertanya dibawah ini .

Pengenalan CSS Lebih Dalam (versi lengkap)

2011-05-15T09:38:00.000+07:00

Cascading Style Sheet atau yang disingkat CSS memungkinkan anda untuk mendesain tampilan dokumen (Php dan HTML) dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS).
Didalam dunia desain web, layout atau mengatur letak web, format huruf, dan lain nya yang ada dalam sebuah web menjadi bagian yang amat penting bahkan bisa jadi yang paling lama dibanding dengan bagain desain web lainnya. Karena jika kita membua layout yang salah, maka web kita juga akan salah diterjemahkan oleh browser. Hal itu juga bisa disebabkan karena setiap browser memilliki dukungan bahasa(CSS) yang berbeda dan tentunya default dari browsernya sendiri yang berbeda-beda. Browser yang paling rewel soal layout css adalah IE karena kurang dukungannya terhadap CSS.

Jika kita memiliki banyak file HTML, kita hanya perlu satu file CSS, sehingga ketika kita mengganti jenis huruf pada file CSS maka semua file HTML yang berhubungan pada file CSS tersebut akan berubah. CSS distandarisasi oleh W3C (World Wide Web Consortium). CSS dapat dipasang pada dikumen HTML yang telah jadi.

Dalam melayout sebuah web ada dua metode yang sering dipakai untuk membuat sebuah layout halaman web yaitu:

1. Metode Table
2. Metode Div

Manfaat dari CSS:

Kode HTML menjadi lebih sederhana dan lebih mudah diatur,
Ukuran file menjadi lebih kecil, sehingga load file lebih cepat,
Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja,
Dapat berkolaborasi dengan JavaScript.
Digunakan dalam hampir semua web browser.

Pada umunya ada empat bagian yang sering ada dalam layout sebuah web yaitu:

Header –> berisi tema web/ judul
Menu –> menu link web
Content –> isi dari web
Footer –> identitas/ copyright

Atribut ID

Ada dua cara penempatan elemen dalam web dengan CSS yaitu:

1. Position (Posisi)

Mengunakan properti position terdapat 4 cara:

Static –> posisi normal (default).
Relative –> posisi elemen tergantung dari elemen yang lain.
Absolute –> posisi elemen berpatokan pada jendela browser.
Fixed –> posisi elemen tetap walaupun digeser.

2. Float (Nempel)

Menggunakan properti float atau clear:

Float:left –> elemen akan menempel pada sebelah kiri elemen induk.
Float:right –> elemen akan menempel pada sebelah kanan elemen induk.
Clear:left –> elemen akan menempel pada sebelah kiri dan berada di bawah.
Clear:right –> elemen akan menempel pada sebelah kanan dan berada dibawah
Clear:both –> elemen akan berada pada posisi bawah elemen diatasnya.

Gambar dibawah ini adalah dasar-dasar dari pengaturan / format posisi dengan css:

Margin –> jarak/batas elemen dengan elemen lain
Border –> border/gari tepi elemen
Padding–> jarak elemen dengan isi elemen (elemen anak)
Berikut gambar dibawah adalah format standar untuk membuat tampilan dengan CSS:

Sintaks-sintaks CSS untuk layout diantaranya:

1. background: Untuk mengeset background. Ada beberapa sintak untuk background, yaitu:

   a. background-color: yaitu warna background.
   b. background-image:url('URLGAMBAR.jpg'); yaitu URL gambar yang dijadikan background.
   c. background-repeat: bernilai "repeat", "repeat-x", "repeat-y", dan "no-repeat". Maksudnya adalah pengulangan gambar. "repeat" artinya gambar akan diulang, memenuhi layar. "repeat-x" artinya gambar akan diulang sepanjang horizontal, "repeat-y" gambar akan diulang secara vertikal, sedangkan "no-repeat" artinya gambar hanya ditampilkan 1x, tidak akan diulang.
   d. background-position: nilainya "nilaihorizontal nilaivertikal". Maksudnya adalah posisi latarbelakang dari layer (bagian div/span/element yang diberi latar). Misal: body{background-position:10px 30px} maka latar belakang dari bagian body akan diberi jarak 10 piksel antara batas pinggir kiri body dan 30piksel dari batas pinggir atas body. Anda juga bisa mengisinya dengan "top" "middle" "bottom" untuk nilaihorizontal, dan "left" "center" "right" untuk nilaivertikal (pilih salah satu).
   e. background-attachment: Nilainya "fixed" dan "scroll". "fixed" artinya tampilan gambar latar belakang akan tetap sepanjang anda meng-scroll mouse anda.Sedangkan "scroll" kebalikannya.

2. width: Nilainya berupa nilai dalam piksel atau "auto". Untuk menentukan lebar elemen.
3. height: Idem dengan width bedanya height untuk menentukan tinggi elemen.
4. margin: Batas antara suatu element dengan elemen diluarnya. Nilainya bisa berupa auto atau nilai dalam piksel. Sintaksnya begini: margin:marginatas marginkanan marginbawah marginkiri. Atau jika nilai semua margin sama langsung saja margin: nilaimargin.
5. padding: Batas antara suatu batas (border) element dengan unsur element didalam element tersebut. Sintaksnya begini: padding:paddingatas paddingkanan paddingbawah paddingkiri. Atau jika nilai semua margin sama langsung saja padding: nilaimargin.
6. border: ada 3 unsur untuk border yaitu:

   a. border-width: lebar dari border
   b. border-color: warna dari border
   c. border-style: gaya dari border, nilainya "solid" (biasa) "double" (dobel/dua garis) "groove" (groove) "inset" (menjorok kedalam) "outset" (menjorok keluar) "dotted" (bertitik-titik) "dashed" (bergaris-garis)

7. position: posisi, nilainya "fixed" (tetap, akan melayang terus selama anda menscroll halaman, belum didukung IE ), "static" (diam, posisi default), "relative" (tergantung objek disekitarnya), "absolute" (dihitung dari pojok kiri atas layar, hampir sama seperti fixed, tetapi tidak akan ikut melayang ketika kita men-scroll mouse) . Setelah menentukan jenis posisi, kita harus menentukan:

a. pilih (top: atau bottom: jika pilih top artinya dihitung dari atas, sedangkan bottom sebaliknya)
b. pilih (left: atau right:. jika pilih left nilai akan dihitung dari kiri, sedangkan right sebaliknya.

8. z-index: z-index adalah posisi suatu elemen dari dasar dokumen, jika tidak diset maka defaultnya 0. Misalnya ada 3 buah buku ditumpuk, maka buku terbawah mempunyai z-index 0, buku ke2 daribawah:1, dan buku teratas:2.
9. visibility: nilainya hanya 2, yaitu "visible" dan "hidden". Visible artinya kelihatan, kalo hidden ya artinya tersembunyi!
10. display: nilainya "none" "inline" "block". Jika none maka tidak akan ditampilkan, inline ditampilkan dalam sebaris (biasanya untuk navigasi menu horizontal) dan block akan ditampilkan secara perbaris. Untuk display "none" dan visibility "hidden" perbedaannya adalah, untuk display "none" elemen didalamnya tidak akan ditampilkan, sedangkan visibility "hidden" akan tetap ada ruang untuk elemen tersebut, namun elemennya disembunyikan.

Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu:

External Style Sheet (file CSS berbeda dari file HTML),
Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML)
Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan).

Saya sarankan anda menggunakan cara External Style Sheet karena lebih mudah dalam mengelolanya. Disini saya akan menerangkan dasar-dasar CSS. Langsung saja kita coba kode berikut ini:

Internal CSS

Metode penulisan kode CSS langsung dalam file HTML. contoh:

<html>
<head>
<style type = "text/css">
.header {
width:900px;
height:50px;
border: 1px solid #640404;
}
.headerLeft {
width:400px;
background-color:#CCCCCC;
height:50px;
float:left;
text-align:center;
}
.headerRight {
width:450px;
background-color:#999999;
height:50px;
float:right;
text-align:center;
}
</style>
</head>
<body>

</body>
</html>

Eksternal CSS

file CSS terpisah dengan HTML. Buat file dengan ekstention .css. contoh:

Inline CSS

Penulisan kode CSS dalam tag HTML. contoh:

<html>
<head>
</head>
<div style="background-color:#999999; text-align:center;">Inline CSS</div>
</body>
</html>

Jika kita menggunakan teknik external CSS, maka kita perlu membuat file css, misal buat file dan simpan dengan nama style.css

Didalam HTML kita perlu memanggil file CSS dengan menggunakan tag <link> yang diletakkan diantara tag <head>. Pada contoh CSS selanjutnya kita menggunakan teknik external CSS, jadi gunakan saja file style.css dan coba.html anda hanya perlu mengubah isinya. Untuk file HTML anda gunakan coba.html dan ubah isinya pada bagian <body> saja bagian yang didalam <head> tidak usah diapa-apakan.

Untuk memanggil CSS dalam tag HTML kita perlu menggunakan atribut class untuk memanggil CSS selector (dalam contoh diatas selectornya title dan thank). Dengan demikian apabila semua halaman anda memanggil class title, dan jika anda ingin mengganti font untuk semua halaman anda cukup mengubah selector CSSnya saja. Bagaimana anda sudah paham kegunaan CSS.

CSS memiliki ratusan properties dan values, tentu saja saya tidak akan menerangkan semuanya, saya hanya akan menerangkan yang penting-penting saja.

Tidak semua browser dapat menampilkan jenis huruf yang kita spesifikasikan didalam CSS. Untuk itu kita perlu mendeklarasikan lebih dari satu jenis huruf agar browser mengenal jenis huruf yang digunakan. Anda dapat menggunakan property font-family, yang mirip dengan tag <font>.

Sebagai contoh anda ingin menampilkan dari keluarga huruf Serif dan hurufnya Times yaitu Times New Roman. Anda dapat menuliskannya dari yang paling spesifik sampai yang umum, sehingga jika browser tidak mengenal fontnya, maka browser akan otomatis melihat font yang umum. Untuk lebih jelasnya lihat kode berikut:

<h1 style="font-family: 'Times New Roman', Times, serif">Serif font</h1>

Link

Salah satu hal yang menarik dalam CSS anda dapat mengubah warna pada setiap link, menghilangkan garis bawah pada link sehingga jika anda bosan dengan link yang berwarna biru tua terang dengan garis bawah anda dapat mengubahnya.

berikut kodenya

a.link1:link {
font-weight: bold;
font-size: 12px;
color: #C87C28;
font-family: Times New Roman;
text-decoration: none;
}
a.link1:visited {
font-weight: bold;
font-size: 12px;
color: #CC6600;
font-family: Times New Roman;
text-decoration: none;
}
a.link1:hover {
font-weight: bold;
font-size: 12px;
color: #C87C28;
font-family: Times New Roman;
text-decoration: underline
}
a.link1:active {
font-weight: bold;
font-size: 12px;
color: #C87C28;
font-family: Times New Roman;
text-decoration: none;
}
a.link2:link {
font-weight: bold;
font-size: 12px;
color: #663300;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}
a.link2:visited {
font-weight: bold;
font-size: 12px;
color: #800000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.link2:hover {
font-weight: bold;
font-size: 12px;
color: #ff6600;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline overline;
}
a.link2:active {
font-weight: bold;
font-size: 12px;
color: #ff6600;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}

Sumber : http://www.cmsplaza.com/

Bila Kurang Jelas, silakan bertanya dibawah ini .

Pembuatan Layout Web Sederhana Menggunakan CSS dan Fungsi Div

2011-05-11T21:02:00.000+07:00

Sudah lama tidak update dikarenakan sibuk tetapi kali ini menyempatkan diri untuk posting tentang CSS, disini mau kasih tau cara membuat layout web sederhana menggunakan CSS dan fungsi div. Sederhana sekali pembuatan layout menggunakan CSS, dalam sebuah tampilan web dasarnya mempunyai bagian-bagian seperti header, menu, sidebar, content, dan footer.

contoh yang dapat dihasilkan dari css

Pembuatan desain seperti diatas lebih mudah dibuat dengan menggunakan CSS, dibawah ini merupakan code CSS dan Code HTMLnya untuk membuat desain web seperti diatas ;

nama file cssnya.css

#wrapper {
margin: auto;
width: 756px;
border: 1px solid Blue;
}
#header {
height: 70px;
border: 1px solid green;
}
#inner {
float: left;
margin: 5px 0;
border: 1px solid black;
}
#sidebar {
float: left;
margin-right: 20px;
width: 180px;
height: 330px;
border: 1px solid red;
}
#inner2 {
float: left;
width: 550px;
height: 330px;
border: 1px solid green;
}
#menu{
height: 70px;
border: 1px solid red;
}
#content {
float: left;
margin-right: 20px;
width: 320px;
height: 250px;
border: 1px solid red;
}
#right {
float: right;
width: 205px;
height: 200px;
border: 1px solid green;
}
#footer {
clear: both;
height: 50px;
border: 1px solid green;
}

file htmlnya, simpan dengan nama index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Belajar CSS bersama WWDQ</title>
<link rel="stylesheet" href="cssnya.css" type="text/css" />
</head>

<body>
<div id="wrapper">
<div id="header">
Header</div>
<div id="inner">
<div id="sidebar">
Sidebar
</div>
<div id="inner2">
<div id="menu">
Menu
</div>
<div id="content">
Content
</div>
<div id="right">
Right
</div>
</div>
</div>
<div id="footer">
Footer
</div>
</div>

</body>
</html>

<link rel="stylesheet" href="cssnya.css" type="text/css" /> <--yang berwarna merah itu file cssnya, anda harus menaruh file .cssnya dengan file .html dalam 1 direktori/folder, atau boleh pisah tetapi pada kode html harus ditulis nama direktorinya. Contoh :
<link rel="stylesheet" href="../namafolder/cssnya.css" type="text/css" />

Ingat ini hanya pembagian lahan wrapper untuk header, menu, sidebar, content, dan footer, jadi masih polos. disini lah anda berkreasi memperbaiki tampilan menjadi semenarik mungkin menggunakan CSS

Semoga Bermanfaat

Bila Kurang Jelas, silakan bertanya dibawah ini .