Pages

Sabtu, 25 Agustus 2012

Form Pendaftaran Seminar dengan Jquery



Dengan Jquery kita bisa membuat form yang interaktif. Berikut adalah Form Pendaftaran Seminar yang tampilannya dipercantik oleh Jquery.

Demo: http://css-tricks.com/examples/SeminarRegTutorial/

Source Code: http://css-tricks.com/examples/SeminarRegTutorial.zip


Untuk membahas Source Code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Halaman Sosial dengan Jquery



Penggabungan antara Flickr, Twitter dan Dribbble yang dilakukan oleh Jquery

Demo: http://css-tricks.com/examples/BuildYourSocialPage/

Source Code: http://css-tricks.com/examples/BuildYourSocialPage.zip


Untuk membahas Source Code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Hover dengan Suara dari Jquery



Tau Hover Menu kan? Iya betul yaitu efek ketika mouse berada di atas menu.

Nah efeknya ini biasanya kan dengan warna yah, kali ini kita bisa menambahkan suara di setipa menu sehingga ketika mouse berada di atas seuatu menu, bisa menghasilkan suara.

Demo: http://css-tricks.com/examples/SoundOnHover/

Source Code: http://css-tricks.com/examples/SoundOnHover.zip


Untuk membahas Source Code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Slider keren lainnya dari Jquery



Bicara soal Slider, gak ada habisnya. Jquery terus menghasilkan slider-slider keren.

Demo: http://css-tricks.com/examples/StartStopSlider/

Source Code: http://css-tricks.com/examples/StartStopSlider.zip


Untuk membahas Source Code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^


Sirkulasi dengan Jquery



Sesuai dengan namanya, fungsi ini akan menghasilkan Efek Perputaran. Sehingga pengunjung akan merasakan Tampilan 3D

Demo: http://css-tricks.com/examples/Circulate/

Source Code: http://css-tricks.com/examples/Circulate.zip


Untuk membahas Source Code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Tombol Lihat Source Code dengan Jquery



Tombol ini berfungsi menampilkan source code dengan cara yang lebih indah dilihat.

Demo: http://css-tricks.com/examples/ViewSourceButton/

Source Code: http://css-tricks.com/examples/ViewSourceButton.zip


Untuk membahas Source Code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Slider Konten dengan Jquery



Berikut Content Slider yang dibuat dengan Jquery

Demo: http://css-tricks.com/examples/FeaturedContentSlider/

Source Code: http://css-tricks.com/examples/FeaturedContentSlider.zip



Untuk membahas Source Code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Dropdown Jquery Simple



Dropdown yang ini simpel dan mudah diterapkan

Demo: http://css-tricks.com/examples/SimplejQueryDropdowns/

Source Code: http://css-tricks.com/examples/SimplejQueryDropdowns.zip



Untuk membahas Source Code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Menu Magnet dengan Jquery



Efek Menu Magnet menghasilkan Efek Hover yang tampil bagaikan magnet.

Demo : http://css-tricks.com/examples/MagicLine/

Source Code : http://css-tricks.com/examples/MagicLine.zip



Untuk membahas Source Code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Tab Mesion Slot dengan Jquery



Tau Mesin Slot kan? Mesin yang biasa dipakai untuk gambling.

Dengan Jquery kita bisa membuat Tab yang menampilkan isinya dengan Efek Mesin Slot

Demo : http://css-tricks.com/examples/SlotMachineTabs/

Source Code : http://css-tricks.com/examples/SlotMachineTabs.zip



Untuk membahas Source Code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Tabel Akordion dengan Jquery



Dinamakan Tabel Akordion karena tabelnya fleksibel. Lentur. Setiap datanya terhide. Untuk melihatnya harus diklik dan akan menghasilkan efek akordion yang menawan.

Demo : http://css-tricks.com/examples/InfoGrid/

Source Code : http://css-tricks.com/examples/InfoGrid.zip



Untuk membahas Source Code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Header Tabel Narsis dengan Jquery



Tau Header Tabel kan? Yaitu kotak berisi judul tabel. Letaknya paling atas di setiap tabel.

Dinamakan Tabel Narsis karena selalu muncul mengikuti Scroll Mouse hingga seluruh data tabel itu habis dibaca.

Demonya: http://css-tricks.com/examples/PersistantHeaders/

Source Code: http://css-tricks.com/examples/PersistantHeaders.zip




Untuk membahas Source Code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Twitter Updates Page dengan Jquery



Dengan Jquery kita bisa membuat Twitter Updates Page yang indah.

Demo : http://css-tricks.com/examples/TwitterPage/

Source Code: http://css-tricks.com/examples/TwitterPage.zip


Untuk membahas Source Code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Kamis, 23 Agustus 2012

Filter Menu dengan Jquery



Dengan Jquery, kita bisa mengelompokkan menu ke beberapa kategori dan difilter secara langsung tetapi tidak melupakan aspek desain.

Demo: http://css-tricks.com/examples/FilteringBlocks/

Source Code: http://css-tricks.com/examples/FilteringBlocks.zip

Untuk membahas source code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Kover Link Jquery



Kover Link adalah sebuah elemen kotak berisi tulisan. Apabila tulisan itu diOver maka akan tertutup dan muncul sebuah tombol link ditengahnya.

Demo: http://css-tricks.com/examples/MiddleBoxLinks/

Source Code: http://css-tricks.com/examples/MiddleBoxLinks.zip


Untuk membahas source code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Meteran Nomor dengan Jquery



Meteran nomor. Kita cukup memasukkan nomor, nanti meterannya berubah sendiri.

Demo: http://css-tricks.com/examples/RangeBubble/

Source Code: http://css-tricks.com/examples/RangeBubble.zip


Untuk membahas source code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Kaca Pembesar dengan Jquery



Dengan Jquery kita bisa membuat Efek Kaca Pembesar.

Demonya: http://css-tricks.com/examples/AnythingZoomer/

Souce Code: http://css-tricks.com/examples/AnythingZoomer/AnythingZoomer.zip


Untuk membahas source code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Radio Button Ekslusif



Radio Button yang digabungkan dengan Jquery

Demo: http://css-tricks.com/examples/RadioGrid/

Source Code: http://css-tricks.com/examples/RadioGrid.zip


Untuk membahas source code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Akordion Keren Jquery



Jquery emang gak ada habisnya. Dengan Jquery kita bisa membuat Menu List yang super keren.

Demonya: http://css-tricks.com/examples/SpriteAccordion/

Source Code: http://css-tricks.com/examples/SpriteAccordion.zip


Untuk membahas source code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Google Map dan Jquery



Apa yang terjadi ketika Google Map dan Jquery kita gabungkan?

Demonya : http://css-tricks.com/examples/GoogleMapSlider/

Source Code : http://css-tricks.com/examples/GoogleMapSlider.zip


Untuk membahas source code ini bersama saya dan pengunjung lain silahkan isi komentar yang berada di bawah artikel ini ^_^

Kunci Geser Jquery



Seperti biasa, saya tidak tahu judul yang pas untuk artikel ini sehingga judulnya terdengar aneh.

Jadi begini...


Pernah kah Anda mencoba HP Touchscreen terbaru? Apabila HP tersebut terlock maka untuk membukanya cukup dengan menggeser gambar gembok atau mengikuti arah panah yang muncul.

Begitu juga di dalam Web Developing kita bisa menambahkan elemen seperti itu dengan bantuan Jquery.

Demonya disini: http://css-tricks.com/examples/SlideToUnlock/

Source Codenya disini: http://css-tricks.com/examples/SlideToUnlock.zip



Untuk membahas source ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Slider Jquery



Demo: http://css-tricks.com/examples/AnythingSlider/

Download: https://github.com/CSS-Tricks/AnythingSlider

Untuk membahas source code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Tab Link Cantik Jquery



Kita bisa membuat Tab Link yang cantik dengan Jquery.

Demonya kunjungi: http://css-tricks.com/examples/OrganicTabsReplaceState/?tab=featured

Sourcenya kunjungi: http://css-tricks.com/examples/OrganicTabsReplaceState.zip

Untuk membahas source code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Konversi Menu ke Dropdown



Dengan Jquery, kita bisa merubah elemen menu menjadi elemen dropdown (select).

Demonya bisa dilihat di : http://css-tricks.com/examples/ConvertMenuToDropdown/

Sourcenya bisa didownload di: http://css-tricks.com/examples/ConvertMenuToDropdown.zip

Untuk membahas source ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Video Player Jquery



Jquery juga menyediakan Video Player

Demo dan Source Code download di http://fitvidsjs.com/


Untuk membahas source code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Portofolio Jquery




Dengan Jquery, kita bisa membuat website profil dan website portofolio yang indah. Salah satunya dengan source code yang sudah disiapkan oleh artikel ini.


Demonya bisa dilihat disini http://d2o0t5hpnwv4c1.cloudfront.net/196_jquery/index.htm

Sourcenya bisa didownload disini http://d2o0t5hpnwv4c1.cloudfront.net/196_jquery/source.zip

Untuk membahas source code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Kotak Slide jquery



Kotak Geser Jquery adalah sebuah elemen kotak berisi gambar, ketika gambar itu diover mouse, akan muncul tulisan dengan efek geser atas, bawah atau samping sesuai kebutuhan.


Demonya bisa dilihat di: http://s3.amazonaws.com/buildinternet/live-tutorials/sliding-boxes/index.htm

Source Codenya bisa didownload di: https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/slidingboxes.zip


Untuk membahas artikel ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Kotak Geser Jquery



Saya bingung, judul apa yang tepat untuk artikel ini. Jadi saya tuliskan saja seperti di atas.

Kotak Geser jquery adalah sebuah elemen website berbentuk kotak yang di dalamnya terdapat beberapa kotak kecil. Kotak kecil itu mengandung link sehingga elemen ini mirip seperti elemen menu yang terdapat pada handphone. Ya betul. Di handphone kan ada menu yang digeser atas bawah dan ada juga yang digeser samping. Kotak Geser Jquery ini adalah elemen menu geser samping.

Demonya bisa Anda lihat di: http://css-tricks.com/examples/MovingBoxes/#&slider1=4

Sourcodenya bisa Anda download di: github.com/CSS-Tricks/MovingBoxes

Untuk membahas source code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^


Download Film Hunger Games



Jumbofiles BRRip 720p
| Part1 | Part2 | Part3 | Part4 | Part5 |

Rabu, 22 Agustus 2012

Realitybbux

WordLinx

WordLinx - Get Paid To Click

Clicksia



Browse4Bux

Join Browse4Bux

Incentria

CashnHits

BuxCraft

PHD-Clix

PTCBox

PTCBox

ClixSense

Jumat, 17 Agustus 2012

Pasang Iklan

Ada 3 Jenis Pemasangan Iklan yang ditawarkan di website ini yaitu


1) Pemasangan Iklan Standar:

Biaya Rp 10.000 setiap bulan.

Iklan Standar adalah iklan yang bergabung dengan iklan lain dan bergantian muncul setiap ada yang membuka website ini.

Misalnya dalam iklan standar terdapat 10 iklan. Berarti setiap iklan akan mendapatkan giliran muncul secara acak dalam sebuah tempat yang sudah ditentukan.


2) Pemasangan Iklan Premium:

Biaya Rp 50.000 setiap bulan.

Iklan Premium adalah sebuah tempat di web ini dimana hanya akan ada 2 iklan yang menduduki tempat tersebut secara acak setiap ada yang membuka website ini.


3) Pemasangan Iklan Gold:

Biaya Rp 100.000 setiap bulan.

Iklan Gold adalah sebuah tempat di web ini dimana hanya akan ada 1 iklan yang menguasai tempat tersebut sehingga pengunjung lain hanya akan melihat 1 iklan permanen di tempat tersebut.




Untuk memasang iklan di blog ini terlebih dahulu harus email ke anhar_tasman@yahoo.com atau YM anhar_tasman

Rabu, 15 Agustus 2012

Jalur Busway

Website berisi Aplikasi Pencari Jalur Busway bisa Anda kunjungi di

http://carijalurbusway.web44.net

Dengan Website berisi Mesin Pencari Jalur Busway tersebut, Anda dapat dengan mudah menemukan Jalur dari Halte Busway ke Halte Busway lain. Misalnya dari Halte Buaran ke Halte Blok M.

Jika Anda ingin membahas Website tersebut bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini atau silahkan YM saya ^_^.

Rabu, 08 Agustus 2012

Menghitung Jumlah Baris Tabel dengan Javascript

Jumlah Baris dalam Tabel bisa dihitung secara interaktif menggunakan Javascript.

Berikut skripnya.


<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Jumlah Baris Tabel</title>

</head>

<script type="text/javascript">

function cekJum()

{

var jumlah=document.getElementById("tabellatihan").rows.length;



document.getElementById("hasil").innerHTML=jumlah;

}




</script>

<body>


<p>

<input type="submit" name="Submit" value="Cek Jumlah" onclick="cekJum()" />

</p>

<p id="hasil">&nbsp;</p>

<table width="100%" border="5" id="tabellatihan">

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

</table>

<p>&nbsp; </p>

</body>

</html>





Untuk membahas skrip ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Tambah dan Hapus Baris Tabel dengan Javascript

Dengan menggunakan Javascript, kita bisa menambah dan menghapus baris tabel secara interaktif.

Berikut skripnya.



<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Tambah dan Hapus Tabel</title>

</head>

<script type="text/javascript">

function hapus()

{

document.getElementById("tabellatihan").deleteRow(0);

}


function tambah()

{

var tambah=document.getElementById("tabellatihan").insertRow(0);

var sel=tambah.insertCell(0);

sel.innerHTML='_';

}

</script>

<body>


<p>

<input type="submit" name="Submit" value="Tambah Baris" onclick="tambah()" />

<input type="submit" name="Submit2" value="Hapus Baris" onclick="hapus()" />

</p>

<table width="100%" border="5" id="tabellatihan">

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

</table>

<p>&nbsp; </p>

</body>

</html>





Untuk membahas skrip ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Source Code Teknologi Informasi Pakar

Teknologi Informasi Pakar adalah sebuah Teknologi dimana kita bisa melakukan konsultasi terhadap pakar suatu bidang melalui pertanyaan-pertanyaan pendek yang terdapat dalam sebuah program yang akhirnya dari pertanyaan-pertanyaan yang kita jawab akan menghasilkan sebuah solusi yang bisa memecahkan masalah kita.

Contoh Teknologi Informasi Pakar adalah Aplikasi Dokter Online. Dimana kita akan mendapatkan beberapa pertanyaan seputar kondisi kita dan akhirnya kita bisa mengetahui penyakit apa yang sedang berada di dalam tubuh kita. Aplikasi ini tampilannya hampir mirip dengan tampilan aplikasi poling.


Pada artikel ini saya membagikan Source Code Konsultasi Komputer. Yaitu sebuah website dimana Anda bisa melakukan konsultasi seputar keadaan komputer dan pada akhirnya Anda akan menemukan solusi untuk memecahkan suatu masalah komputer.


Source Code ini masih sangat basic dan data yang ada di dalamnya masih sedikit. Hal itu bertujuan agar Anda tertantang untuk mengembangkan lebih jauh lagi source code ini.


Download here : http://www.mediafire.com/?8vf415boytq8fcw


Untuk membahas source code ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^

Minggu, 05 Agustus 2012

Membuat Game Scroll Side dengan Gamefroot

Pembuatan Game bisa dilakukan dengan banyak cara. Salah satunya adalah dengan cara menggunakan Game Creator. Pada artikel ini kita akan membuat Game bertema Scroll Side dengan menggunakan Game Creator bernama gamefroot.

Gamefroot adalah Game Creator berbasis Website. Artinya Anda bisa menggunakan apliksasi ini tanpa melakukan Download atau Install karena apkikasi ini bisa langsung digunakan ketika Anda membuka websitenya.

Pada permainan ini becerita tentang seorang Prajurit Pemberontak yang berada dalam sebuah desa. Tugas dari prajurit ini adalah membunuh semua penjajah yang ada di desa tersebut lalu mengambil bendera merah sebagai tanda bahwa desa tersebut sudah terbebas dari penjajah.

Berikut langkah-langkah pembuatannya.

1) Kunjungi dan daftar di http://gamefroot.com



2) Klik menu MAKE



3) Tampilan Area Kerja





Ada 4 menu yang berguna dalam pembuatan game di website ini

a) Menu Terrain



Berguna dalam pembuatan jalanan dan objek-objek penghalang seperti barel atau tengkorak.

b) Menu Items



Berguna dalam pembuatan item-item yang berguna dalam pertempuran seperti obat-obatan, roket, senjata, uang, koin, bendera dan item lainnya

c) Menu Characters



Berguna dalam pemberian posisi terhadap jagoan dan para musuh

d) Menu Music



Berguna dalam pemberian Musik dalam permainan



4) Gunakan keempat menu tersebut untuk membuat area permainan yang menarik




5) Klik menu file, pilih Publish to Gamefroot untuk melakukan publikasi game



6) Muncul sebuah window berisi pilihan dan isian. Isi dan pilih sesuai kebutuhan Anda



Jika sudah klik menu Save

7) Tunggu hingga proses penyimpanan selesai



Tampilan ketika penyimpanan selesai.


Klik OK

8) Kunjungi http://gamefroot.com/blog/author/Anhar/ untuk melihat game yang sudah Anda publish. nama Anhar diganti dengan nama akun Anda.



Klik judul game untuk memainkannya.


Tampilan game yang sudah dipublish





Game sudah bisa dishare untuk dimainkan orang lain :)


Untuk membahas artikel ini bersama saya dan pengunjung lain silahkan isi kotak komentar yang berada di bawah artikel ini ^_^