Skip to content


Mozilla Firefox 3.5

Mozilla telah merilis versi terbaru dari browsernya yaitu Mozilla Firefox 3.5.

Beberapa fitur terbaru dari Firefox 3.5:

Firefox terbaru ini akan me-replace instalasi Firefox versi sebelumnya.

Download Mozilla Firefox 3.5.

Posted in Browser.

Tagged with , .


WordPress Configuration Tricks

Digging Into WordPress memberikan beberapa trik untuk mengatur file konfigurasi (wp-config.php) WordPress.

Beberapa triknya:

  • mengaktifkan/menon-atifkan cache
  • mengaktifkan/menon-atifkan post revision
  • mengatur rentang waktu autosave

Artikel lengkap bisa dibaca di WordPress Configuration Tricks.

Posted in WordPress.


Multi-level Menus dengan JS dan CSS

ThemeForest memiliki daftar 15+ multi level menus dengan Javascript dan CSS yang mungkin berguna dalam pengembangan website.

Di dalam artikelnya juga disertakan sebuah tutorial untuk membuat “Mega Menu” dengan jQuery dan CSS, yang sangat cocok diterapkan untuk online store.

Posted in Javascript.

Tagged with , .


Panduan Lengkap Google Analytics

Untuk anda yang sudah menggunakan atau merencanakan menggunakan Google Analytics untuk keperluan statistik pengunjung website, ada baiknya untuk membaca The Complete Google Analytics Power User Guide terlebih dahulu.

Panduan yang diberikan sangat lengkap dilengkapi dengan gambar dan video. Panduan juga disediakan dalam bentuk file .PDF sehingga bisa dibaca secara offline.

Posted in Web Development.

Tagged with .


WordPress Plugin untuk Pengumuman: WP-Pengumuman

Contoh tampilan WP-Pengumuman

Contoh tampilan WP-Pengumuman

Anda memiliki produk atau akan menjalankan event yang ingin diberitahukan lewat web atau blog, tapi tidak ingin menggunakan window popup yang kemungkinan besar di block oleh sebagian browser?

Menggunakan WP-Pengumuman mungkin salah satu solusinya.

WP-Pengumuman adalah sebuah plugin WordPress yang akan membantu anda mengumumkan informasi berupa gambar, text ataupun flash dengan memanfaatkan Thickbox jQuery plugin yang sudah disertakan dalam setiap instalasi WordPress.

Informasi akan ditampilkan pada setiap pengunjung yang masuk dengan menggunakan modal window.

Pengguna bisa mengubah beberapa pengaturan melalui admin panel yang tersedia, diantaranya:

  • mengubah judul pengumuman
  • mengubah URL gambar atau text yang akan digunakan
  • opsi untuk menggunakan gambar atau text
  • mengganti ukuran width dan height window pengumuman
  • opsi untuk menggunakan cookie, mengubah nama cookie dan berapa hari cookie expire

Instalasi

  1. Upload ‘wp-pengumuman‘ folder ke direktori ‘/wp-content/plugins/‘ di server
  2. Aktifkan plugin melalui menu ‘Plugins’ di dashboard admin
  3. Ubah pengaturan WP-Pengumuman dari menu ‘Settings > WP Pengumuman
  4. Jangan lupa untuk mengubah ‘Status‘ menjadi ‘Active‘ kemudian klik ‘Update Setting
  5. Lihat website anda untuk melihat pengumuman

Terimakasih untuk:

Lisensi

WP-Pengumuman dirilis dengan lisensi GPL yang berarti boleh digunakan untuk kepentingan pribadi maupun komersial (feel free to use this plugin for your personal or commercial project).

The only limitation is, please do not use this plugin in a blog that write about racism, attacking another religion, porn site, gambling site. If you do so, please not to credit me in anyway.

Karena ini plugin pertama saya, jika sudah ada yang menggunakan, mohon masukannya supaya plugin ini bisa menjadi lebih baik. Kalau mau kirim donasi juga boleh kok :d

Klik link di bawah ini untuk mendownload pluginnya.

=== Download WP-Pengumuman ===

Posted in WordPress.

Tagged with , .


WordPress 2.8

WordPress telah merilis versi terbarunya, WordPress 2.8 dengan banyak perbaikan, meskipun dari sisi tampilan tidak berbeda dari WordPress 2.7.

Beberapa perbaikan yang bisa didapat dari WordPress 2.8:

  • browse seluruh theme directory dan menginstall theme yang diinginkan dengan meng-kliknya langsung dari WordPress dashboard.
  • CodePress editor yang menampilkan syntax highlighting pada saat mengedit theme atau plugin.
  • tampilan halaman widget yang baru serta beberapa fungsi yang memudahkan penggunaan widget
  • halaman Dahsboard yang bisa diatur hingga 4 kolom

Fitur lengkap dari WordPress 2.8 bisa dilihat di halaman Codex WordPress 2.8.

WordPress 2.8 bisa didownload di halaman Download WordPress atau dari menu Tools > Upgrade dari halaman admin WordPress anda.

Sebelum melakukan upgrade, ada baiknya untuk terlebih dahulu melakukan cek terhadap kompatibilitas semua plugin yang anda gunakan.

Posted in WordPress.

Tagged with .


1 baris CSS framework

Percayakah kamu , bahwa sebuah framework CSS bisa dibangun hanya dengan satu baris kode CSS saja ?

Saya tidak! , tapi Vladimir Carrer bisa membuktikannya.

Kodenya : .dp50 {width:50%; float:left; display: inline; *margin-right:-1px; }

Serius, ternyata ini benar – benar bisa berjalan baik, walau hanya untuk penggunaan pada 1,2,4,8,16 kolom. Luar biasa.

Posted in CSS.

Tagged with .


Tools Menarik dari westciv.com

westciv.com menyediakan beberapa tools menarik untuk membuat linear gradients, radial gradients, text shadow, box shadow.

Tools yang disediakan memiliki beberapa options yang bisa diubah, yang akan langsung terlihat perubahannya dalam tampilan preview dengan code CSS yang siap di copy.

Linear gradients dan radial gradients hanya bisa berjalan di atas browser webkit-based (Safari dan Chrome), box shadow hanya di Safari 3 dan Firefox 3.5, sedangkan text-shadow yang merupakan bagian dari CSS3 bisa dicoba di Safari, Firefox 3.5 dan Opera 10.

Posted in Web Development.

Tagged with , .


10 fonts gratis terbaik untuk @font-face

Ralf Herrmann dari Open Type, membuat 10 daftar jenis huruf gratis terbaik yang bisa digunakan untuk @font-face .

10 free font

@font-face adalah at-rule dalam CSS yang dipergunakan untuk mendeskripsikan secara detil dari sebuah font yang bisa di embed melalui CSS eksternal.

Gratis, segera unduh!!!

Posted in Font, Web Development.

Tagged with , .


Custom field di Textpattern

Artikel ini terinspirasi dari artikel di majalah web Smashing Magazine yang berjudul : Custom field hacks for Wordpress.

Bedanya yang di bahas kali ini adalah pemakaian custom field untuk Textpattern.

Apa itu Textpattern ???

Textpattern adalah content management system yang fleksibel, elegan, dan mudah di operasikan. Mirip dengan Wordpress kecuali bahwa pada kenyataannya Wordpress dibangun hanya untuk mesin blog, sedangkan Textpattern adalah murni CMS.

Di Smashing Magazine, Anda akan menemui kata hacks pada judulnya, tapi di Textpattern mungkin kata – kata itu tidak berarti.

Di bawah ini saya akan menunjukkan cara penggunaan custom field untuk melakukan pekerjaan – pekerjaan seperti yang di maksudkan di Smashing Magazine.

Sebelumnya, ada perbedaan cara mempergunakan custom field di TxP dan Wordpress. Di TxP custom field harus sudah di atur dengan nama unik. Pengaturan bisa dilakukan di halaman preferences .

Sedangkan untuk mengisi custom field bisa dilakukan lewat halaman write article. Untuk mempelajari tampilan visual dari halaman write article silakan merujuk ke Textbook.

Untuk sementara , TxP hanya menyediakan custom field sebanyak 10 buah saja, dan akan di kembang biak-kan menjadi unlimited di rilis berikutnya 4.0.9.

  1. Mengatur waktu kadaluwarsa artikel
  2. Problem : Kadang kala ( seperti saat mengadakan kontes ) Anda ingin menampilkan artikel dan kemudian otomatis berhenti tampil setelah beberapa waktu. Ini mungkin akan sulit untuk melakukannya, padahal sebenarnya tidak begitu. Ya tentu saja dengan kehebatan dari custom field.

    Solusi : Sayangnya…. di Textbook Textpattern tidak termuat halaman yang menceritakan bagaimana cara untuk melakukannya.

    Tapi tidak perlu khawatir, karena sejak versi rilis 4.0.7, Textpattern sudah menyediakan fungsi ” best before … ” untuk menentukan waktu kadaluwarsa dari artikel.

    Untuk mempergunakannya, Anda harus terlebih dahulu menentukan kapan artikel akan kadaluwarsa di halaman Write article . Kemudian di halaman template Anda , gunakan kode ini :

    
    <txp:if_expired>
    Artikel sudah kadaluwarsa.
    <txp:else />
    Isi artikel
    </txp:if_expired>
    

    Penjelasan kode : fungsi <txp:if_expired> akan memeriksa apakah kolom kadaluwarsa sudah di atur, jika sudah dan waktu sudah terpenuhi maka akan mengeksekusi atau menampilkan teks : Artikel sudah kadaluwarsa , jika tidak maka akan menampilkan isi dari artikel.

    Anda juga bisa mengganti isi text dengan kode – kode template Anda.

  3. Tampilkan artikel penuh atau hanya ringkasannya saja ?
  4. Problem : Penulis artikel di Smashing Magazine heran kenapa hampir 95% ( keakuratan belum terbukti ) blogger menampilkan artikelnya dengan cara yang sama dihalaman depannya. Padahal akan lebih baik jika ada kombinasi untuk menampilkan artikel dengan full post dan atau hanya dengan ringkasannya saja.

    Solusi : Ada 2 cara di Textpattern untuk memberikan opsi kepada penulis untuk menentukan bagaimana cara artikel ditampilkan, apakah dengan full post dan atau hanya dengan ringkasannya saja.

    • Cara pertama dengan mempergunakan custom field.
    • Atur terlebih ( beri nama ) dahulu 1 buah custom field lewat halaman preferences, dalam kasus ini mari kita beri nama : model.

      Kemudian di template di sisipkan kode berikut :

      
      <txp:if_custom_field name="model" val="full">
      <txp:article form="full_post" />
      <txp:else />
      <txp:excerpt />
      </txp:if_custom_field>
      

      Penjelasan kode : kode ini sederhana, pertama Textpattern akan memeriksa custom field dengan nama model , jika isi ( val ) dari custom field adalah full, maka kode <txp:article form="full_post" /> akan di eksekusi. Jika tidak berisi full atau kosong, maka yang akan di eksekusi adalah kode <txp:excerpt /> .

    • Dengan Override form
    • Fitur Override form juga bisa dipergunakan untuk melakukan pekerjaan ini. Caranya adalah membuat beberapa buah forms berbeda, dengan model full post dan ringkasan. Bahkan untuk ringkasan pun juga bisa ditentukan menurut beberapa kondisi, seperti 1 paragraph , 2 paragraph, 100 kata dan lain – lain.

      Untuk mempergunakannya, pada pilihan drop down override img , pilih form yang hendak dipergunakan oleh artikel.

  5. Menampilkan mood ?? atau musik yang sedang di dengarkan.
  6. Problem : Anda ingin menampilkan mood sekarang atau musik yang sedang diperdengarkan.

    Solusi : Mudah. tentu saja dengan kekuatan custom field. Buat terlebih dahulu 1 custom field, beri nama mood. Di tempat yang ingin ditampilkan gunakan kode :


    <txp:if_custom_field name="mood" />
    <p>Mood : <txp:custom_field name="mood" /></p>
    </txp:if_custom_field>

  7. Menambahkan deskripsi META ke post
  8. Problem : Anda ingin menambahkan deskripsi META di post, tentu saja isi deskripsi berbeda – beda tiap artikel, dan yahhh Wordpress tidak bisa melakukkannya. Bagaimana dengan Textpattern ?

    Solusi : Di Textpattern Anda tidak perlu melakukan hacks untuk menambahkan META. Sungguh , Textpattern sudah datang dengan fungsi itu di rilisnya.

    Kali ini tanpa custom field, caranya :

    Di halaman write article, di bagian kolom keywords img isi dengan tag yang ingin dipergunakan.

    Kemudian di dalam tag HTML HEAD, gunakan kode berikut :


    <txp:meta_keywords />

  9. Tautan ke sumber eksternal
  10. Problem : Jadi Anda ingin membuat tautan ke sumber eksternal pada judul artikel ?

    Solusi : Untuk ini harus mempergunakan / menggabungkan 2 fungsi yaitu override form dan custom field.

    Buat 1 buah custom field beri nama ext URI, kemudian buat sebuah form dengan nama tautan, bertipe article, dan isi dengan kode berikut :


    <txp:if_custom_field name="ext URI" />
    <h1><a href='<txp:custom_field name="ext URI" />'><txp:title /></a></h1>
    <txp:if_custom_field />
    <txp:body />

    Kemudian di kolom custom field ext URI , kita tinggal menaruh alamat URI lengkap dari tautan yang di inginkan. Dan meng-override form-kan dengan mempergunakan form tautan.

Demikian 5 buah trik dan tips mempergunakan fungsi custom field seperti di Wordpress. Smashing Magazine menuliskan 10 hacks di blog nya, disini saya baru membuat 5 , dan 5 lagi akan saya tampilkan di artikel yang lain.

– – Textpatternian – –

Posted in Textpattern.

Tagged with .