athear http://athear.net berbagi hal sederhana Wed, 08 Sep 2010 08:02:51 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Cara menggunakan datepicker dengan jquery http://athear.net/cara-menggunakan-datepicker-dengan-jquery/ http://athear.net/cara-menggunakan-datepicker-dengan-jquery/#comments Wed, 08 Sep 2010 08:00:36 +0000 athear http://athear.net/?p=43 Baik lah, hari ini saya akan membahas mengenai penggunaan datepicker pada Jquery UI. Sebelumnya Jquery UI sedikit berbeda dengan Jquery biasa. Yang dimana Jquery UI memiliki library tersendiri alias script tambahan agar fasilitas Jquery UI dapat berjalan.

Mari kita mulai, pertama-tama ada beberapa hal yang perlu disiapkan.

  • Jquery UI Pack
  • Editor favorit (Notepad, Notepad++, Dreamweaver, whatever..)
  • Browser favorit (Hindari pake IE..!! It Suck..!!)


Dalam tutorial ini saya menggunakan Jquery UI Full Pack (mengunduh semua component) dengan themes redmond dengan total data sekitar 1MB. Jika mau lebih ringan bisa di memilih componet datepicker aja. Oke, sekarang coba extract to “namafile”, biar datanya ga kabur-kabur, Alias dalam satu folder.

Didalam folder jquery ui yang telah kita download, kita akan melihat folder “css”,”development-bundle”,”js” dan satu file index. Disini saya akan membantu untuk mempelajari algoritma penggunaan Jquery UI ini. Yang dimana dalam Jquery UI Pack ini hanya memperlihatkan contoh dan tidak menjelaskan step by step penggunaannya.

Baik, sekarang kita mulai dengan memisahkan mana yang kita perlukan dengan yang belum kita perlukan dalam pembuatan datepicker. Pertama-tama saya akan menjelaskan file-file penting terlebih dahulu agar kita tahu kegunaan file tersebut.

Pertama, Dalam folder “js” adalah file paling penting dalam pembuatan datepicker. Yang dimana merupakan file library utama.

Kedua, Dalam folder “css” adalah file themes yang kita pilih ketika akan mengunduh Jquery UI. Jika pada saat mengunduh tidak memilih themes alias “no themes”. kita tidak dapat melihat folder css, tapi kita dapat mengambil folder themes di folder “development-bundle > themes”.

Ketiga, Dalam folder “development-bundle>ui” merupakan semua component Jquery UI. Karena kita akan membuat datepicker jadi yang kita perlukan hanya “jquery.ui.datepicker”,”jquery.ui.core”, dan  “jquery.ui.widget”. Didalam folder ini juga terdapat folder “minified” yang dimana component Jquery UI telat di compress menjadi file yang lebih ringan. Dan satu lagi ada folder “i18n” yaitu folder component juga, tapi dengan berbagai bahasa. Sebagai percobaan kita ambil “jquery.ui.datepicker-id” untuk datepicker bahasa indonesia. Satu lagi agar tidak perlu masukin banyak script component kita bisa pake “jquery-ui-1.8.4.custom.min” di folder “js” tadi.

Saatnya praktek (meskipun sudah ada contoh-contoh di folder demos, tapi lebih baik praktek sendiri biar ngerti :D ), copy semua file penting yang sudah saya sebutkan di atas ke dalam folder terpisah. Agar dilain waktu bisa belajar lagi dan agar cepat ingat. Baik agar tidak kebingungan dengan file-file tersebut saya akan merinci file yang ada di folder yang baru ini.

Setelah bahan-bahan untuk membuat Jquery datepicker lengkap. Sekarang saatnya membuat file default.html, alias script untuk membuat datepicker.

default.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<pre><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery Default Datepicker</title>
<link type="text/css" rel="stylesheet" href="css/redmond/jquery-ui-1.8.4.custom.css"/><!--themes css-->
<link type="text/css" rel="stylesheet" href="css/demos.css"/><!--widget css-->
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script><!--main jquery library-->
<script type="text/javascript" src="js/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
<script type="text/javascript">
	$(function() {
		$("#datepicker").datepicker();
	});
</script>
</head>
<body>
<form>
<input type="text" id="datepicker"/>
</form>
</body>
</html>

Sekarang monggo di coba di browser, mudah-mudahan sudah bisa berfungsi dengan baik. hhhmm… apa lagi ya yang perlu di jelasin ? mungkin cukup sekian dari saya, jika ada pertanyaan atau ucapan terima kasih monggo comment aja di bawah. Thanks udah mau baca.

-athear-

]]> http://athear.net/cara-menggunakan-datepicker-dengan-jquery/feed/ 0 Pentingnya Akismet untuk wp bloggers http://athear.net/pentingnya-akismet-untuk-wp-bloggers/ http://athear.net/pentingnya-akismet-untuk-wp-bloggers/#comments Tue, 31 Aug 2010 14:49:27 +0000 athear http://athear.net/?p=31 Akismet merupakan plugin bawaan wordpress (self-hosted). Yang berguna untuk mencegah masuknya komentar spam pada blog anda. Akismet dapat di atur sedemikian rupa jika suatu komentar di anggap spam,  seperti delete langsung komentar yang di anggap spam.

Akismet awalnya merupakan plugin gratis yang diberikan wordpress. Tapi sekarang plugin ini harus membayar sekitar $5 – $50 perbulan. Mungkin keterangan lebih lanjut dapat anda lihat di web resmi akismet. Tapi tenang ada versi gratis kok jadi tidak usah khawatir tentang bayar membayar. :D

Sebelumnya pada pengelolaan blog, wordpress khususnya. Anda dapat mengkonfigurasi settingan komentar pada setiap post anda. Seperti tampilkan komentar setelah anda approve. Atau otomatis approve setiap komentar agar dapat langsung di lihat di blog anda.

Permasalahannya adalah jika anda menggunakan mode otomatis meng-approve komentar. Hal ini dapat menyebabkan blog anda penuh dengan komentar spam atau komentar yang tidak penting. Atau bahkan menggunakan sistem approval pun dapat membuat anda jengkel. Nah, solusinya adalah dengan menggunakan Akismet agar “si plugin” ini yang bekerja membasmi komentar spam.

Spam bisa bermacam-macam. Mulai dari campuran huruf yang tidak jelas, komentar yang di isi oleh robot, atau komentar yang bertujuan mencari link balik atau promosi pun bisa termasuk spam.

Karena tahu kah anda ? bahwa komentar yang di saring oleh akismet rata-rata 80% merupakan spam. Anda dapat melihat sendiri statistiknya di website resmi akismet. Angka yang saya lihat hari ini cukup menghawatirkan. Karena ada 12 juta komentar spam yang terjaring hari ini. jika blogger tidak menggunakan akismet bisa kewalahan mengatur komentar yang tidak jelas seperti ini.

So, pentingnya Akismet wajib di gunakan untuk para wp bloggers. Jangan sampai tidak, kecuali ingin ngurus sendiri semua komentar tersebut :D . Untuk cara aktivasi plugin akismet akan saya bahas di postingan berikutnya.

Thanks,
-athear-

]]> http://athear.net/pentingnya-akismet-untuk-wp-bloggers/feed/ 0 Software Mind Mapping Terbaik http://athear.net/software-mind-mapping-terbaik/ http://athear.net/software-mind-mapping-terbaik/#comments Mon, 30 Aug 2010 06:52:33 +0000 athear http://athear.net/?p=23

Sebelumnya saya akan menjelaskan fungsi dari software ini, yang di mana berguna untuk memetakan fikiran anda. Hal ini memiliki kegunaan yang beragam. Mulai dari mempercepat hafalan, menata rencana, membuat list tugas dan sebagainya.

Sebagai contoh anda memiliki banyak hal yang harus di kerjakan. Mungkin anda dapat membuat cabang fikiran anda di software ini seperti “Pekerjaan Rumah”. Yang dimana anda dapat membuat subtopic dari pekerjaan di atas. Seperti “Menyapu”, ya software ini juga dapat berguna sebagai To Do List anda.

Oke, software yang satu ini adalah software favorit saya untuk membuat mind map. Yaitu XMind yang versi gratis, yang di mana sudah cukup untuk keperluan pribadi. Software ini dapat anda dapatkan di website resmi Xmind.

Jika masih bingung kegunaan dan cara penggunaannya berikut adalah beberapa video yang dapat membantu anda menggunakan dan memahaminya.

Semoga dapat berguna bagi para netter sekalian.

Thanks,
-athear-

]]> http://athear.net/software-mind-mapping-terbaik/feed/ 0 WordPress Basic Setting http://athear.net/wordpress-basic-setting/ http://athear.net/wordpress-basic-setting/#comments Sun, 29 Aug 2010 09:15:47 +0000 athear http://athear.net/?p=5

Bagi anda yang memiliki atau yang akan memiliki website dengan CMS Wordpres. Terutama bagi yang Self-Hosted WordPress, karena saya pun sudah lama tidak menggunakan wordpress.com. Tapi mungkin ada beberapa setting-an yang tidak jauh berbeda.

Berikut adalah beberapa tips awal setelah menginstall wordpress di tempat hosting anda.

  1. Setting Waktu dan Jam
    Bagian ini tidak cukup fatal. Tapi demi kerapihan blog anda kenapa tidak ?
    Pada bagian admin masuk ke general setting yang berada di tab Settings > General.
    Disana anda rubah settingan waktu ke UTC+7 bagi anda yang tinggal di indonesia.
    Berikutnya setting-an jam sesuai keinginan,kalo saya menggunakan sistem 24 jam.
  2. Penampilan Posting Blog
    Yang ini berguna demi kerapihan blog anda. Usahakan menampilkan posting sedikit mungkin di home (tergantung selera), Jika content tidak di cut (Insert More Tag).
    Hal ini dapat di setting di Settings > Reading.
    Setting “Blog pages show at most” pada angka 5 (bisa tergantung selera).
  3. Tempat Upload File
    Lagi – lagi yang satu ini berguna demi kerapihan blog anda. Pada sisi penyimpanan file.
    Hal ini dapat di setting di Settings > Media.
    Setting “Store uploads in this folder” dengan merubah “wp-content/uploads” dengan “folderanda”.
    Note : Buat dulu folder yang akan di gunakan.
    More Tips : Uncheck “Organize my uploads into month- and year-based folders”.
    Lebih mantap lagi jika di setting juga “Full URL path to files” sesuai dengan link sebenarnya.
  4. Amankan Link !
    Yang satu ini baru fatal. Jika blog masih menggunakan link “http://blogente.unet/?p=5″. Bersiaplah cepat atau lambat blog anda akan di hack.
    Cara mencegahnya adalah dengan mengkonfigurasi Parmalinks pada bagian Settings. Dan ubah jangan menggunakan setting-an default.

Kok cuma segini ?

Hehe.., Ya segitu aja dulu, awali dengan bahasan yang mudah. Lain kali saya akan bahas penggunaan wordpress tingkat lanjut sampai tingkat mahir, bahkan sampai freak :p.
Semoga berguna bagi para blogger pemula.

(^-^)v
-athear-

]]> http://athear.net/wordpress-basic-setting/feed/ 0