Simplicity means headaches

Animasi jQuery Untuk Navbar Blogger

2009-11-06T13:50:00.011+07:00

“Blogger meluncurkan navbar baru!”

Sepertinya kita (pengguna blogger) telah mengetahui hal tersebut. Blogger telah menambahkan 2 navbar yang bergaya transparan. Kebanyakan yang telah mereview fitur terbaru ini beranggapan bahwa blogger melakukan hal tersebut agar navbar yang disediakan menjadi lebih diminati karena dapat tampil lebih matching dengan template yang digunakan. Tetapi selama saya menyambangi blog-blog sahabat (pengguna blogspot) kebanyakan dari mereka memilih menghilangkan navbar termasuk saya sendiri.

Saat ini, banyak sekali blog yang membahas bagaimana memodifikasi navbar blogger agar menjadi lebih menarik misalnya navbar auto-hide agar navbar tidak mengganggu penampilan blog.

Kita dapat membuat semacam auto-hide pada navbar menggunakan jQuery. Metode ini memanfaatkan JavaScript untuk membuat efek transparansi pada navbar. Kita dapat mengatur transparansi navbar mulai dari 0% (normal) hingga 100% (tidak kelihatan) atau dengan kata lain Navbar akan kelihatan jika kita meletakkan pointer di atasnya.

Caranya sangat mudah yaitu tinggal copy & paste kode di bawah ini dan letakkan sebelum tag </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function(){
$("#navbar").fadeTo("slow", 0.1);
$("#navbar").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.1);
});
});
</script>

Nah, pada kode JavaScript di atas, dapat kita lihat huruf yang berwarna merah (0.1) berarti transparansi navbar sebanyak 90%. Jika menginginkan navbar tidak tampak samasekali, gantilah nilai 0.1 menjadi 0.0.
Jika menginginkan navbar tetap transparan saat mouseover, ubahlah nilai pada angka yang berwarna biru (1.0) menjadi 0,75 (untuk transparansi 25%).

Sangat mudah sekali bukan, selamat mencoba...

§ Live Demo

Tipografi Untuk Blog

2009-10-30T14:20:00.016+07:00

Sekarang ini banyak sekali website terutama blog yang mengandalkan tipografi sebagai desain utama. Hal ini dapat dijumpai pada blog-blog dengan template yang relatif sederhana yang sekarang lagi trend di era web2.0. Terdapat beberapa teori tentang penggunaan tipografi dalam dunia web desain mulai dari penggunaan font, ukuran font, warna font, spasi, dan lain-lain yang tujuannya antara lain agar pengunjung merasa nyaman saat membaca konten atau dengan kata lain menjadi lebih enak dibaca.

Mungkin selama ini kita kurang memperhatikan hal tersebut, Pengalaman saya sendiri saat saya blogwalking di beberapa blog (yang umumnya menggunakan template buatan sendiri) masih kurang memperhatikan masalah tipografi ini. Coba kita bayangkan, membaca tulisan berwarna biru tua (#0000EE) dengan background berwarna hitam (#000) dengan font Tahoma berukuran 12 pixel, Kalau saya pribadi jelas malas membacanya karena membuat mata sakit.

Lorem Ipsum Dolar Sit Amet...

Coba bandingkan saat kita membaca tulisan dengan warna latar yang cukup kontras dengan warna font (biasanya latar berwarna cerah) dengan ukuran font antara 12-14 pixel, dengan letter space yang tidak terlalu renggang dan tidak terlalu rapat, pasti kita akan lebih betah membaca artikel dalam blog tersebut. Imbasnya, komentar ngawur bernada spam bisa berkurang. Hal ini pula yang (menurut saya) template-template blog yang minimalis semacam Simpla, BlogTXT, white as milk, dll. bisa menjadi template yang terkenal dan terkesan professional. Kita tahu bahwa template-template tersebut tidak mengandalkan gambar-gambar dan hanya mengandalkan desain berbasis web tipografi.

Lorem Ipsum Dolar Sit Amet...

Sekarang saatnya berbicara statistik, menurut smashingmagazine.com terdapat beberapa poin penting dalam web design typography antara lain adalah:

Font yang digunakan
Background yang digunakan dan warna font
Ukuran font
Spasi atar baris (line height)

Berikut ini adalah data statistik yang diperoleh yaitu:

1. Font yang digunakan

60% website menggunakan sans-serif (font tidak berkaki) untuk headline semacam Arial, Verdana, Lucida Grande, dan Helvetica.
Hanya 34% website menggunakan font tipe serif sebagai font konten
Font tipe serif yang paling populer untuk headline adalah georgia (28%) dan Baskerville (4%) (blog ini menggunakan Georgia)
Font tipe serif yang paling populer untuk konten adalah georgia (32%) dan Times New Roman (4%)
Font tipe sans-serif yang paling populer untuk headline adalah Arial (28%) Helvetica (20%) and Verdana (8%).
Font tipe sans-serif yang paling populer untuk konten adalah Arial (28%), Verdana (20%) and Lucida Grande (10%). (blog ini menggunakan Georgia)

2. Background yang digunakan

Kita dapat menggunakan backround berwarna terang atau gelap. Sebagian besar website dengan konten tulisan akan memilih warna terang dengan tulisan berwarna gelap. Beberapa website memilih backround gelap kemungkinan karena alasan konten yang ditampilkan. (misal: postsecret). Yang perlu diperhatikan adalah jangan sampai warna background menyebabkan tulisan susah untuk dibaca. Contohnya adalah menggunakan warna hitam(#000) untuk background dan warna abu-abau (#222) untuk font. Hal ini jelas membuat tulisan sukar dibaca. Selain itu hindarilah kontras yang berlebih. Misalnya font berwarna hitam aseli (#000) dipadu dengan background putih alami (#FFF) hal ini juga kurang baik. Banyak desainer yang memilih menurunkan kontras antara background dengan kontent. Misalnya menggunakan background putih (#FFF) dan font abu-abu (#222, #333, #444 dll).

3. Ukuran font rata-rata

Beberapa ukuran yang populer digunakan unutk headline berkisar antara 18 hingga 29 pixel, dengan 18-20px dan 24-26px adalah yang paling populer.
Ukuran yang sering digunakan untuk font konten berkisar antara 12-14 pixel. yang paling populer (38%) adalah ukuran 13px.

Terdapat beberapa studi yang menyebutkan bahwa perbandingan antara font hedline dan font body (konten) merupakan hal yang perlu diperhatikan. Perbandingan raa-rata yang baik untuk digunakan adalah antara ukuran headline dan konten adalah 1.96. Karena saya menggunakan pixel (bukan ems) dalam satuan ukuran, maka saya mengasumsikan perbandingannya adalah 2.

4. Spasi antar baris (line-height)

Perbandingan line height ÷ ukuran fon konten =1.48/1.5
line length (pixels) ÷ line height (pixels) = 27.8
Spasi anttar paragraf ÷ line height (pixels) = 0.754
space between paragraphs (pixels) ÷ line height (pixels) = 0.754

Begitulah kira-kira beberapa aturan yang biasa diterapkan dalam membuat desain web berbasis tipografi. Saya rasa informasi ini masih sangat terbatas dan saya sarankan anda untuk mencari lebih banyak informasi tentang tipografi dan desain web (blog) agar perkembangan dunia blog di Indonesia tidak tertinggal dengan negara lain. Sekedar masukan dari saya, perlu kita ingat bahwa blog adalah sesuatu yang unik yang (bisa dikatakan) merepresentasikan pemiliknya baik dari desain maupun konten yang terdapat di dalamnya. Kita mungkin dapat dengan mudah membedakan blog milik orang yang menyukai musik rock dan blog milik seorang penggila dangdut. Karena itu berkreasilah dengan bebas untuk mengekspresikan diri melalui blog. Saya menampilkan data di atas hanya sekedar ingin berbagi ilmu pengetahuna tentang dunia web desain dan tidak berarti saya menganggap blog yang bagus adalah yang mengikuti 'pakem' tersebut. Dan jika ada masukan yang membangun akan saya terima dengan senang hati.....

Gambar header diambil dari speckyboy.com

Border Radius

2009-10-28T13:17:00.008+07:00

Adakalanya kita menginginkan sebuah desain layout yang terkesan 'smooth' atau halus. Salah satu cara yang digunakan adalah menggunakan efek rounded corner atau border radius. Efek rounded corner dapat dimplementasikan menggunakan jQuery atau CSS3. Kali ini saya akan sedikit membahas tentang penggunaan CSS3 untuk membuat efek rounded corner pada elemen web.

Ini adalah contoh penerapan efek border-radius. Efek ini dapat dilihat jika anda menggunakan browser Mozilla Firefox, Google Chrome, atau Safari 3

Untuk membuat efek seperti contoh di atas caranya sangat mudah yaitu tinggal menambahkan css sebagai berikut:

-moz-border-radius: 10px;
-webkit-border-radius: 10px;

Nah berikut ini adalah cara jika kita hanya menginginkan efek rounded pada salah satu sisi saja yaitu:

-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;

-moz-border-radius-topleft: 10px;
-webkit-border-bottom-right-radius: 10px;

Sangat mudah sekali bukan? Yang perlu kita ingat adalah tidak semua browser bisa menerjemahkan kode tersebut, misalnya IE6. saya telah mengujinya dengan Mozilla Firefox 3, Google Crome 2.0, dan Safari 4.

sumber: http://css3.info

Hilangkan bintik-bintik pada Firefox

2009-10-07T15:11:00.006+07:00

Dalam membuat desain web, salah satu hal yang kita perhatikan adalah penggunaan style untuk hyperlink. Secara default pada kebanyakan browser, hyperlink ditampilkan dengan warna biru dengan dekorasi berupa garis bawah. Biasanya, CSS digunakan untuk membuat agar tampilan hyperlink terlihat lebih bagus dan 'matching' dengan template blog. Seperti dengan mengilangkan garis bawah, mengubah warna saat rollover dan sebagainya.

Tetapi, adakalanya setelah kita mengubah penampilan hyperlink sesuai dengan keinginan, kita sering dibuat kesal dengan munculnya garis tepi berwujud titik-titik pada saat kita mengklik hyperlink tersebut. Secara, efek ini terjadi pada browser Modzilla Firefox yang notabene sangat populer dikalangan netter di dunia.

Nah, jika kita menganggap bintik-bintik garis tepi yang mengelilingi hyperlink adalah sesuatu yang cukup mengganggu dan harus dilenyapkan, caranya sangat mudah yaitu, tambahkan sedikit kode CSS pada atribut hyperlink seperti berikut ini:

a {outline:none;}

a {outline:none;}

atau jika masih kurang mantab,sekalian saja ditulis seperti ini
hehe...

a:link {
outline:none;
}
a:visited {
outline:none;
}
a:hover {
outline:none;
}
a:active {
outline:none;
}

a:link {<br /> outline:none;<br />}<br />a:visited {<br /> outline:none;<br />}<br />a:hover {<br /> outline:none;<br />}<br />a:active {<br /> outline:none;<br />}

Dan bintik-bintik itu hilang untuk selamanya....

Tak Penting

2009-09-17T14:10:00.003+07:00

Ah.. begitu hobi dan rajinnya aku mengupdate template (lebih rajin daripada posting heheh..) mengakibatkan beberapa postingan terdahulu yang bercerita tentang template yang kugunakan menjadi tidak berlaku lagi...

(1) (2) ZzZ....

dan ini tetaplah sebuah blog!

Apakah ini seperti Blog?

2009-09-11T14:32:00.002+07:00

Yeh.. sekali lagi... ngubah templet dari yg hitam manis yg belum genap juga 4o hari.. diubah menjadi templet yang gakkarukaruan seperti ini...

Yeh inilah aku.. paling hobi ngobrak abrik templet blog, bloggspott tentunya hehe.. dan satu hal yang tak pernah kulakukan adalah melakukan back up terhadap templet-templet yang telah kubuat dulu.. sekarang hilang entah kemana. yah sayang padahal bagus-bagus (hehe pemer) dan sepertinya layak untuk di pamerkan...

dan satu hal yang pasti kulakukan adalah mengedit template secara langsung.. yeh di blog ini bukan di dummy-dummy blog ku yg lain yg entah jumlahnya ada berapa...

ah biarin.. blog-blog ku sendiri.. toh gak ada yg masang iklan disini jarena emang tidak kupikir mau memasang sebuah iklanpun disini... yeh.. just happy blogging...

dan jawabannya adalah.. memang benar ini sebuah blog!
:)

Syntax Highlighter

2009-09-08T13:09:00.004+07:00

Pada postingan sebelumnya telah saya jelaskan bahwa saya akan mulai (belajar) menulis tutorial tentang blogging dan script. Saya rasa sebelum saya mulai menuliskan artikel tentang kesemuanya itu, saya akan mereviev sedikit tentang penggunaan syntax highlighter dan sekaligus instalasinya.

Syntax highlighter berfungsi untuk melakukan highlight pada kode tertentu sehingga memudahkan dalam membacanya sekaligus memercantik tampilan blog. Sebagai contoh, di bawah ini adalah hasil dari pekerjaan syntax highlighter untuk kode CSS:

tanpa syntax highlighter (dengan blockquote biasa):

/* Use this with templates/template-twocol.html */
body {
margin-left: 0px;
margin-top: 20px;
margin-right: 0px;
background-color: #000000;
color: #eee;
font-family: Trebuchet MS;
font-size: 12px;
}
a:link {
color: #FF3366;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #990000;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF3366;
}

dengan syntax highlighter:

/* Use this with templates/template-twocol.html */
body {
margin-left: 0px;
margin-top: 20px;
margin-right: 0px;
background-color: #000000;
color: #eee;
font-family: Trebuchet MS;
font-size: 12px;
}
a:link {
color: #FF3366;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #990000;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF3366;
}

/* Use this with templates/template-twocol.html */<br />body {<br />margin-left: 0px;<br />margin-top: 20px;<br />margin-right: 0px;<br />background-color: #000000;<br />color: #eee;<br />font-family: Trebuchet MS;<br />font-size: 12px;<br />}<br />a:link {<br />color: #FF3366;<br />text-decoration: none;<br />}<br />a:visited {<br />text-decoration: none;<br />color: #990000;<br />}<br />a:hover {<br />text-decoration: none;<br />color: #FF0000;<br />}<br />a:active {<br />text-decoration: none;<br />color: #FF3366;<br />}<br />

Dapat kita lihat perbedaannya bukan?

nah langsung saja, bagi pengguna Blogspot cara instalasi syntax highlighter sangat mudah. Pertama, download dahulu syntax highlighter generator (untuk blog ini saya menggunakan static syntax highlighter dari relic19 yang cukup menggunakan CSS (bukan javascript) sehingga lebih cepat dan mudah. Download static syntax highlighter maka kita akan mendapatkan generator syntax highlighter yang berfungsi untuk mengubah kode yang kita masukkan menjadi kode HTML.

Selanjutnya, masukkan kode CSS di bawah ini kedalam template blogger (letakkan sebelum kode ]]>).

.dp-highlighter
{
font-family: "Consolas", "Courier New", Courier, mono, serif;
font-size: 12px;
background-color: #E7E5DC;
width: 99%;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little border on top when controls are hidden */
}
/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
}
.dp-highlighter a,
.dp-highlighter a:hover
{
background: none;
border: none;
padding: 0;
margin: 0;
}
.dp-highlighter .bar
{
padding-left: 45px;
}
.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
padding-left: 0px;
}
.dp-highlighter ol
{
list-style: decimal; /* for ie */
background-color: #fff;
margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0px;
color: #5C5C5C;
}
.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
list-style: none !important;
margin-left: 0px !important;
}
.dp-highlighter ol li,
.dp-highlighter .columns div
{
list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
list-style-position: outside !important;
border-left: 3px solid #6CE26C;
background-color: #F8F8F8;
color: #5C5C5C;
padding: 0 3px 0 10px !important;
margin: 0 !important;
line-height: 14px;
}
.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
border: 0;
}
.dp-highlighter .columns
{
background-color: #F8F8F8;
color: gray;
overflow: hidden;
width: 100%;
}
.dp-highlighter .columns div
{
padding-bottom: 5px;
}
.dp-highlighter ol li.alt
{
background-color: #FFF;
color: inherit;
}
.dp-highlighter ol li span
{
color: black;
background-color: inherit;
}
/* Adjust some properties when collapsed */
.dp-highlighter.collapsed ol
{
margin: 0px;
}
.dp-highlighter.collapsed ol li
{
display: none;
}
/* Additional modifications when in print-view */
.dp-highlighter.printing
{
border: none;
}
.dp-highlighter.printing .tools
{
display: none !important;
}
.dp-highlighter.printing li
{
display: list-item !important;
}
/* Styles for the tools */
.dp-highlighter .tools
{
padding: 3px 8px 3px 10px;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: silver;
background-color: #f8f8f8;
padding-bottom: 10px;
border-left: 3px solid #6CE26C;
}
.dp-highlighter.nogutter .tools
{
border-left: 0;
}
.dp-highlighter.collapsed .tools
{
border-bottom: 0;
}
.dp-highlighter .tools a
{
font-size: 9px;
color: #a0a0a0;
background-color: inherit;
text-decoration: none;
margin-right: 10px;
}
.dp-highlighter .tools a:hover
{
color: red;
background-color: inherit;
text-decoration: underline;
}
/* About dialog styles */
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }
/* Language specific styles */
.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }

.dp-highlighter<br />{<br /> font-family: "Consolas", "Courier New", Courier, mono, serif;<br /> font-size: 12px;<br /> background-color: #E7E5DC;<br /> width: 99%;<br /> overflow: auto;<br /> margin: 18px 0 18px 0 !important;<br /> padding-top: 1px; /* adds a little border on top when controls are hidden */<br />}<br /><br />/* clear styles */<br />.dp-highlighter ol,<br />.dp-highlighter ol li,<br />.dp-highlighter ol li span <br />{<br /> margin: 0;<br /> padding: 0;<br /> border: none;<br />}<br /><br />.dp-highlighter a,<br />.dp-highlighter a:hover<br />{<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> margin: 0;<br />}<br /><br />.dp-highlighter .bar<br />{<br /> padding-left: 45px;<br />}<br /><br />.dp-highlighter.collapsed .bar,<br />.dp-highlighter.nogutter .bar<br />{<br /> padding-left: 0px;<br />}<br /><br />.dp-highlighter ol<br />{<br /> list-style: decimal; /* for ie */<br /> background-color: #fff;<br /> margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */<br /> padding: 0px;<br /> color: #5C5C5C;<br />}<br /><br />.dp-highlighter.nogutter ol,<br />.dp-highlighter.nogutter ol li<br />{<br /> list-style: none !important;<br /> margin-left: 0px !important;<br />}<br /><br />.dp-highlighter ol li,<br />.dp-highlighter .columns div<br />{<br /> list-style: decimal-leading-zero; /* better look for others, override cascade from OL */<br /> list-style-position: outside !important;<br /> border-left: 3px solid #6CE26C;<br /> background-color: #F8F8F8;<br /> color: #5C5C5C;<br /> padding: 0 3px 0 10px !important;<br /> margin: 0 !important;<br /> line-height: 14px;<br />}<br /><br />.dp-highlighter.nogutter ol li,<br />.dp-highlighter.nogutter .columns div<br />{<br /> border: 0;<br />}<br /><br />.dp-highlighter .columns<br />{<br /> background-color: #F8F8F8;<br /> color: gray;<br /> overflow: hidden;<br /> width: 100%;<br />}<br /><br />.dp-highlighter .columns div<br />{<br /> padding-bottom: 5px;<br />}<br /><br />.dp-highlighter ol li.alt<br />{<br /> background-color: #FFF;<br /> color: inherit;<br />}<br /><br />.dp-highlighter ol li span<br />{<br /> color: black;<br /> background-color: inherit;<br />}<br /><br />/* Adjust some properties when collapsed */<br /><br />.dp-highlighter.collapsed ol<br />{<br /> margin: 0px;<br />}<br /><br />.dp-highlighter.collapsed ol li<br />{<br /> display: none;<br />}<br /><br />/* Additional modifications when in print-view */<br /><br />.dp-highlighter.printing<br />{<br /> border: none;<br />}<br /><br />.dp-highlighter.printing .tools<br />{<br /> display: none !important;<br />}<br /><br />.dp-highlighter.printing li<br />{<br /> display: list-item !important;<br />}<br /><br />/* Styles for the tools */<br /><br />.dp-highlighter .tools<br />{<br /> padding: 3px 8px 3px 10px;<br /> font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;<br /> color: silver;<br /> background-color: #f8f8f8;<br /> padding-bottom: 10px;<br /> border-left: 3px solid #6CE26C;<br />}<br /><br />.dp-highlighter.nogutter .tools<br />{<br /> border-left: 0;<br />}<br /><br />.dp-highlighter.collapsed .tools<br />{<br /> border-bottom: 0;<br />}<br /><br />.dp-highlighter .tools a<br />{<br /> font-size: 9px;<br /> color: #a0a0a0;<br /> background-color: inherit;<br /> text-decoration: none;<br /> margin-right: 10px;<br />}<br /><br />.dp-highlighter .tools a:hover<br />{<br /> color: red;<br /> background-color: inherit;<br /> text-decoration: underline;<br />}<br /><br />/* About dialog styles */<br /><br />.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }<br />.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }<br />.dp-about td { padding: 10px; vertical-align: top; }<br />.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }<br />.dp-about .title { color: red; background-color: inherit; font-weight: bold; }<br />.dp-about .para { margin: 0 0 4px 0; }<br />.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }<br />.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }<br /><br />/* Language specific styles */<br /><br />.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }<br />.dp-highlighter .string { color: blue; background-color: inherit; }<br />.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }<br />.dp-highlighter .preprocessor { color: gray; background-color: inherit; }<br />

Nah, selesai sudah. Untuk menampilkan posting berupa kode semacam CSS atau JavaScript, tinggal melakukan copy & paste dari generator syntax highlighter. dan jika menginginkan tampilan yang berbeda tinggal diedit aja CSS nya. itu saja.

Terimakasih telah membaca..
:)

Metamorfosis...

2009-09-04T13:02:00.004+07:00

dear friend...

Setelah sekian lamanya mengelola sebuah blog pribadi yang berisikan tentang cerita-cerita dan foto tentang perjalanan akhirnya aku merasa mentok juga... hal ini ditandai dengan waktu hiatus yang sudah sangat cukup lama yaitu hampir 3 bulan lamanya.. bukannya aku bosan menjadi blogger dan malas untuk berblogging ria (karena menjadi blogger adalah kebanggaan bagiku... :) tetapi karena akhir-akhir ini aku sudah tidak pernah lagi atau tepatnya sudah jarang untuk melanglang-buana mencari pengalaman yang menarik untuk diceritakan kembali di blog kesayanganku ini....

Akhir-akhir ini aku cenderung lebih menyukai utak atik template blog daripada posting atau blogwalking. hehe kalau dipikir-pikir, blog ini lebih sering update template daripada update konten. Katanya sih jelek untuk SEO, tapi aku tidak perduli karena aku juga kurang mengerti apa itu SEO. Bagiku yang paling menarik sekarang adalah JavaScript dan itulah yang menyita waktuku saat ini.. aku rela berbetah diri berjam-jam memandangi layar LCD hanya untuk mengutak-atik JavaScript, CSS, AJAX dan sebagainya... Banyaknya resource yang ada membuatku tak henti-hentinya bermain-main dengan script-script ini hehehe...

Tetapi ada satu hal yang mengganjal, yeh mungkin saja aku telah merasa dapat membuat template yang cukup unik dan bagus (heheh sombreng :p) dengan menggunakan framework JavaScript. tetapi sepertinya aku perlu membagi pengetahuan yang kupunya terutama untuk sesama blogger. Yeh memang sih pengetahuanku tentang hal ini masih belum seberapa, kira-kira baru 2-3% saja hehehe, tetapi kurasa dengan membaginya di blog ini pastilah ada manfaatnya baik bagiku maupun orang lain yang merasakannya hehehe...

Karena itulah aku memutuskan untuk mengubah konseb blog ini... pertama, dengan mengganti judul dari '404th Avenue' menjadi 'ScriptSkirt' yang selanjutnya akan kumasukkan pengalaman-pengalamanku dalam mengutak-atik script selama ini.. Semacam blog yang berisi tutorial lah.. hehehe.. Ya aku akan menambahkan sedikit posting berbau tutorial di blog ini. Pernah kepikiran untuk membuat blog baru, tapi kurasa aku terlalu malas untuk mengelola 2 blog sekaligus. Biar sajalah blog ini memiliki konten yang amburadul wong ya bukan(belum) buat nyari duit heheh...

Oh iya, dulu pernah ada seorang sobat blogger menanyakan apakah sebenarnya arti filosofis dari title blog. Sekalian saja kujelaskan maksud kata 'ScriptSkirt' adalah 'Script itu seperti rok, sangat menarik untuk membukanya, mengetahui isinya, mengetahui cara kerjanya, dan mengaplikasikannya...'
hehehhe....

Matahari Terbenam di Semeru

2009-08-09T19:36:00.004+07:00

Dear friends....

Tak terasa udah lebih dari 2 bulan aku hiatus... bukan apa-apa sebenarnya lagi males aja kalau boleh menyalahkan, pasti gara-gara masalah akademis yang amburadul tak kunjung mememukan titik temu...

Tetapi aku tidak menghabiskan waktu 2 bulan ini untuk mempelajari teori tentang Quality Function Deployment seperti yang dianjurkan dosen untuk mengisi tema penelitianku. aku juga tidak bengong begitu saja setelah melihat index prestasiku yang tak kunjung menyentuh angka 3 hahaha... banyak sekali hal yang kulakukan kawan, hingga tak ada waktu bersisa untuk memikirkan kalimat-kalimat dan majas yang layak dan pantas untuk kutuliskan dalam blog ini...

Sedikit berbagi cerita, seperti kita ketahui bahwa beberapa waktu lalu ada seorang mahasiswa Fakultas Fifipol UGM yang hilang di pegunungan semeru dan ditemukan telah meninggal dunia. Mahasiswa tersebut bernama Andika Listyono Putra, salah seorang anggota KPALH Setrajana (Mapala Fisipol UGM) yang dinyatakan hilang pada hari Rabu 29 Juli lalu.. Seperti yang telah dicantumkan di mapala.net. Sedangkan berita penemuannya dapat dibaca di kompas.com.

Jenazah Andhika ditemukan di daerah Blank 75 yang menurut kompas.com adalah jurang dengan kedalaman 75-100 meter 2 kilometer dari puncak semeru dan berhasil di evakuasi karena tim SAR membawa rescue set lengkap...

Kali ini akan kuceritakan bagaimana kronologis kejadian proses pencarian dan evakuasi yang kualami di sana,

Blank 75 adalah sebuah lembah sungai lahar yang terletak di sebelahtimur laut puncak Mahameru. Untuk mencapainya tim SAR harus melewati pos pendakian Kalimati. Asal tahu saja, untuk mencapai kalimati tim kami memerlukan waktu satu hari satu malam dari basecamp Ranupani. Kami berangkat dari Ranu Pani pukul 15.30 dan bermalam di pos Ranu Kumbolo karena perlu istirahat. Suhu udara malam itu drop hingga -3*C sehingga embun berubah menjadi butiran es semua. Esoknya kami melanjutkan perjalananhingga pos Kalimati. Pukul 12.00 hari sabtu kami sampai di pos Kalimati.

Pos Kalimati terletak di ketinggian 2700an meter dari permukaan laut. Tampat ini digunakan sebagai pos tim SAR gabungan yang terdiri dari Sekber Jogja, Mapala Malang & Lumajang, dan Wanadri. Sebelum tim jogja datang, operasi pencarian telah dilakukan oleh tim dari lumajang dan malang dengan hasil ditemukannya sandal dan pecahan lampu senter survivor.

Keesokan harinya kami mulai ikut melakukan operasi pencarian. Pencarian dimulai pada pukul 08.00 di daerah Blank 75. Pencarian survivor pada hari minggu membuahkan hasil yaitu ditemukannya survivor di dasar jurang Blank 75 pada pukul 10.00. Segera tim mengirim 2 orang untuk kembali ke pos kalimati mengambil peralatan "rescue" yang dibutuhkan.

Untuk mencapai lokasi jurang dari pos Kalimati diperlukan waktu kurang lebih satu jam karena medan yang sangat sulit dilalui. Selain jauh, medal yang berupa sungai lahar sangat terjal dan licin. Sampai di lokasi kami langsung memasang sistem evakuasi medan sukar dengan peralatan seperti tali kernmantel, hauling set dan SRT set yang harus kami maksimalkan karena dapat dikatakan peralata yang ada sangat minim. Kami terpaksa menggunakan AutoStop bahkan Carabiner untuk mengganti Pulley (katrol) karena Pulley yang ada tidak cukup untuk membuat z-drag system. Untung Tim memiliki sumber daya manusia yang cukup untuk menarik jenazah dari dasar jurang. Setelah sampai di tempat yang aman, jenazah diangkut menggunakan dragbar yang telah disiapkan menuju pos Kalimati. Perjalanan menuju pos Kalimati memerlukan waktu hampir 5 jam karena medan yang sulit dan tim yang sudah mulai terkuras tenaganya..

Jenazah diturunkan dari pos Kalimati menuju basecamp Ranupani pada pukul 04.00 dini hari, dan katanya jenazah langsung diotopsi dan dipulangkan ke Mojokerto. Yah, kami merasa lega karena operasi sudah selesai meskipun hasilnya sangat menyedihkan. Diduga survivor meninggal karen terjatuh dari atas tebing. Hal ini dapat dilihat dari luka-luka di kepala dan tubuhnya.

Kami turun dari pos Kalimati pukul 10.30 dan sampai di basecamp Ranupani pukul 19.00 malam. Kami langsung berkemas untuk pulang ke jogja. Kami tidak melihat satupun wartawan di sana yang memang tidak ingin kami lihat dan temui...

Itulah kira-kira cerita dariku kawan... Aku merasa senang dapat membantu dalam operasi tersebut. Tetapi juga ikut sedih dengan kejadian yang menimpa Andhika dan KPALH Setrajana. Semoga mereka diberikan ketabahan.. Semoga Andhika memperoleh kedamaian di sisi-Nya amin...

Jatimulyo

2009-06-13T20:36:00.005+07:00

Pagi ini cukup dingin ketika aku terbangun. Cuaca agak mendung berkabut, tetapi tidak hujan. Saat keluar dari kamar, kulihat gorengan dan teh panas telah tersedia di meja sangat cocok untuk menemani pagi..

Sebuah suasana pagi yang khas di desa Jatimulyo, sebuah desa yang terletak di daerah pegunungan menoreh di kabupaten Kulonprogo Yogyakarta. Dengan hidangan pagi yang juga khas yaitu teh gula jawa yang dihidangkan dengan segala keramahtamahan yang seharusnya menjadi kebanggaan negeri ini.

Desa Jatimulyo terletak di bagian utara kabupaten Kulonprogo, lokasinya cukup jauh dari daerah perkotaan. Daerah ini menyimpan semua potensi yang dimiliki Indonesia seperti yang digambarkan pada buku-buku Pendidikan Pancasila, Kewarganegaraan, Bahasa Indonesia, Sejarah, Sosiologi, Geografi, Buku Musik Lagu Wajib dan Nasional, serta buku Biologi. Dimana buku-buku tersebut menceriterakan sebuah negeri yang kaya dan makmur. Desa-desanya sangatlah permai, tanahnya subur dengan segala sumberdaya yang ada, penduduknya ramahtamah dan giat bekerja. Alangkah indahnya Indonesia pikirku ketika membaca semua literatur tentang negeri ini.

Semaikin derasnya arus kemajuan jaman dan perkembangan kota mengakibatkan desa-desa yang permai semakin menjadi langka saja. Dusun Sukomoyo yang terletak di desa Jatimulyo misalnya, untuk mencapainya kita harus melakukan perjalanan kurang lebih sejauh 50km dari kota yagyakarta. Melewati jalan kecil dengan aspal yang tidak dapat dikatakan bagus yang berkelok-kelok melintasi pagunungan menoreh dengan lembah-lembahnya yang curam. Lokasi desa terletak di dekat kompleks wisata gua kiskendo yang berdekatan dengan perbatasan antara kabupaten kulonprogo dan purworejo jawa tengah.

Meskipun untuk sampai kesana memerlukan energi yang tidak sedikit, tetapi kita akan mendapati suasana pedesaan yang permai, pemandangan alam pegunungan yang indah disertai udara segarnya yang menyehatkan, dan penduduknya yang ramah tamah.

Sebuah konsep tentang pariwisata pedesaan telah diterapkan di desa Jatimulyo ini. Banyak sekali hal yang dapat ditawarkan. Mulai dari Agrowisata, Outbond, Birdwwatching, Interaksi sosial budaya, Bahkan wisata minat khusus seperti penyusuran goa dan sebagainya.

Untuk agrowisata, daerah ini memiliki andalan yaitu kakao, kopi dan salak. Masih ditambah dengan peternakan kambing ettawa yang menjadi tulang punggung perekonomian masyarakat. selain itu, alam pegunungan dan hutan yang masih asri sangat cocok untuk kegiatan outbond dan birdwatching mengingat daerah ini sangat kaya dengan satwa liar terutama burung.

Warga desa tidak menyediakan penginapan khusus atau hotel untuk menunjang pariwisata di desa ini. Tetapi mereka menyediakan rumah-rumah mereka untuk menginap wisatawan. Sebuah konsep yang cukup unik, karena wisatawan akan lebih merasa sebagai warga desa biasa daripada sebagai turis. Sehingga kita akan dapat benar-benar menghayati kehidupan yang sederhana dan menyenangkan di sebuah desa yang permai...

Bukit Bintang

2009-05-31T17:39:00.010+07:00

Nun tidak begitu jauh dari keramaian kota yogya yang bisingnya semakin tidak karu-karuan, tepatnya adalah 30 menit perjalanan naik sepeda motor dengan kecepatan rata-rata 60km/jam menuju ke arah timur, menaiki pegunungan baturagung yang memanjang membatasi kabupaten gunungkidul akan kita jumpai bukit bintang..

Sebenarnya apa itu bukit bintang? Selama 22 tahun sudah aku hidup di kota kecil ini baru sekarang tahu kalau ada bukit semacam itu. Bukan tempatnya tetapi namanya. Aku sudah sering bahkan sangat sering melewati tempat ini yaitu jika hendak meluangkan diri pergi ke kota kecil terisolir bernama wonosari atau pergi ke pantai-pantai eksotis gunungkidul karena satu-satunya jalan yang paling efektif adalah lewat bukit bintang ini..

Bukit bintang terletak di perbatasan antara bantul dan gunungkidul, dalam arti sebenarya yaitu tepat di gapura yang menjadi tapal batas kedua kabupaten tersebut. Bukit ini terkenal dengan pemandangan malamnya yaitu gemerlap lampu-lampu kota yogyakarta yang dapat kita saksikan sejauh mata memandang...

Tetapi bagiku, yang paling menarik adalah nama bukit nintang itu sendiri. Ya, selama 22 tahun aku hidup di yogyakarta ini baru tahu kalau tepat itu bernama bukit bintang. Entah sejak kapan tempat itu mulai menjadi sangat ramai tidak peduli malam minggu atau malam senen, tempat itu selalu ramai dan semaikn ramai dengan anak nongkrong entah darimana mereka.. ya, tempat nongkrong, itulah yang menarik bagiku. Beberapa tahun lalu, boulevard kampus kesayanganku, yaitu Gadjah Mada Universiti adalah tempat nongkrong favorit, tidak hanya untuk mahasiswa dan civitas akdemika, tetapi juga oleh komunitas gaul yang doyan pamer dengan mobil atau motor mereka hingga komunitas nyentrik macam jogja onthel club sebelum akhirnya mereka diusir karena boulevard UGM ditutup saat malam hari...

Hingga akhirnya, jembatan selokan mataram selesai dibangun.. jembatan ini menghubungkan boulevard selokan mataram yang terdapat di sebelah barat fakultas teknik arsitektur UGM. Jembatan baru ini berdiri kokoh di atas sungai code yang sangat terkenal di yogyakarta. Dengan trotoar-trotoar yang lebar dan lokasi yang strategis, jembatan baru ini sangat ideal.. untuk apalagi selain nongkrong...

Dan akhirnya tiap-tiap sore aneka macam motor yang kebanyakan matic berjejer dengan tidak rapi. Dengan pengendaranya yang berdandan ala gaul dan trendi menjejali trotoar-trotoar yang mulai penuh dengan corat-coret cat akrilik yang kebanyakan bertuliskan inisial dari beberapa geng kampung yang terkenal di yogyakarta...

hahahah.. mungkin pembaca yang budiman bingung dan bertanya tanya, apa hubungan bukit bintang dengan geng kampung yang mencorat-coret jembatan sungai code? Entah hubungannya apa saya si penulis juga kurang mengerti benar karena cuma waton nulis, tapi itulah kehidupan masyarakat urban di yogyakarta...

Yeah, ini hanyalah sekedar uneg-uneg tidak berarti dari seorang yang lebih bahagia nongkrong di angkringan yang sederhana daripada nongkrong di jalanan yang berbahaya....

hehehe

Hiatus

2009-05-26T11:22:00.003+07:00

Setalah sekian lama malang melintang di dunia blogging tanpa perkembangan yang dapat memajukan bangsa akhirnya ketemu dengan kata ini..

Hiatus...

Saya memang bukan orang latin atau orang yang paham dengan istilah latin karena setahu saya tulisan latin itu adalah tulisan tegak bersambung, tetapi yang saya tahu, hiatus ini berasal dari bahasa lain yang artinya..

Untuk saat ini mungkin sedang mentok-mentok nya berfikir buat posting, entah kenapa males banget bikin artikel yang gak bermutu. Tetapi yang jelas saya masih punya niat buat ngeblog (lha wong templatenya aja ganti terus tiap minggunya hehehe...

dan akhirnya..

H i a t u s . . .

Becak

2009-04-29T20:14:00.011+07:00

Saya mau tamasya berkeliling-keliling kota

Hendak melihat-lihat keramaian yang ada

Saya panggilkan becak kereta tak berkuda

Becak becak coba bawa saya

Saya duduk sendiri dengan mengangkat kaki

Melihat dengan aksi ke kanan dan ke kiri

Lihat becakku lari bagai takkan berhenti

Becak becak jalan hati-hati

Pencipta / Ciptaan : Ibu Sud Tahun 1942

Mungkin diantara kita ada yang ingat dengan lagu berjudul becak karya Ibu Sud diatas. Dan mungin diantara kita ada yang lupa atau bahkan tidak tahu. Tetapi kita pasti takkan lupa dengan sosoknya yang khas dengan roda tiganya atau penariknya yang selalu ngos-ngosan bermandikan peluh dengan penghasilan minim...

Beruntung di Yogyakarta keberadaan becak tradisional masih dapat bertahan. masih banyak becak berlalu lalang di jalan raya kota yogya baik siang maupun malam, baik panas maupun hujan, baik jalanan ramai maupun sepi becak membuat macet jalan raya dengan roda tiga dan kecepatannya yang tidak sampai 1 daya kuda..

Dengan tudung plastik transparan dikala hujan dan hiasan-hiasan serta lukisan cat minyak yang mulai memudar sehingga malah membuat penampilan semakin buruk, abang becak dengan santainya mengayuh becaknya entah berisi 1 orang, 2 orang, 3 orang, barang-barang, atau kosong beradu di jalanan ramai melawan bus trans jogja, kendaraan pribadi, motor, ojek, mobil mewah yang seakan tidak peduli dengan peluh yang terus menetes berminyak karena emisi dan polusi dan suhu udara yang panas karena aspal.

Dan dengan santainya abang becak akan tertidur pulas di dalam becaknya yang berkerudung plastik transparan untuk melindungi dari hujan dan dinginnya malam....

foto:

terminal jombor 18.54 WIB

Canon PowerShot A530

22 April 2009

2009-04-22T15:06:00.006+07:00

Hari ini jam 09.00 22 April 2009 ketika aku bergegas ke kampus.. Tidak ada yang istimewa dengan hari ini, Hari cukup terang, tidak mendung, dengan suhu udara kira-kira 27*C dipagi hari dan kuperkirakan menjadi 35*C ditengah hari nanti.. wuihh

Hari ini mau menyempatkan diri main ke malioboro sekedar curhat, maliobora adalah salah satu tempat yang jarang sekali kukunjungi. Males banget, dah jogja panasnya minta ampun ditambah dengan penuh sesaknya orang-orang yang sudah kehilangan budaya sopan santunnya menjadikan maliobora tempat yang cukup semrawut dan berbahaya (menurutku)..

Tetapi tidak untuk hari ini, dengan bersemangat kukayuh sepeda onthel pinjaman dengan kencang. Ah, ternyata teman-teman sudah menunggu di perempatan tugu. Teman-teman sesama pecinta alam yang akan merayakan hari ulang tahun bumi yang ke 4,6xxmilyar dengan turun ke jalan menyerukan segala uneg-uneg yang bikin dada seseg dan jalanan makin panas..

Ya, hari ini saya berniat untuk ikut berunjuk rasa dalam menyemarakkan hari bumi yang tepat jatuh pada 22 April. Berteriak-teriak di jalan yang ramai dan panas dan menyebarkan ajakan-ajakan untuk lebih mencintai lingkungan hidup. Aksi berlangsung mulai dari perempatan tugu berjalan ke selatan hingga setasiun tugu. Orasi demi orasi kudengarkan, ajakan demi ajakan terlontar dari orator. tertuju pada kami semua, pengguna jalan, pak polisi, orang bermobil, bersepeda, gelandangan pengemis entah siapa lagi yang melihat dan mendengarkan entah mereka benar-benar menimak, mengerti, memahami, atau hanya sekedar tertarik pada kerumunan massa dan tidak tahu apa yang terjadi, atau bahkan tidak peduli sama sekali...

Perempatan Tugu

Stasiun Tugu

Aksi berlanjut menuju gedung DPRD untuk menyampaikan aspirasi langsung tentang isu lingkunagn kepada elite politik. Menarik memang, dengan dukungan penuh dari elite politik dan pemerintah, pasti akan sedikit banyak memberikan perbaikan-perbaikan yang nyata pada lingkungan yogyakarta khususnya yang sudah mulai amburadul. Entah apakah janji-janji mereka benar-benar akan dilaksanakan atau hanya janji-janji normatif dari wakil rakyat yang akan berakhir masa jabatannya...

Belum puas sampai gedung DPRD, demonstran terus berjalan hingga titik 0 kilometer.. ya disinilah titik final unjuk rasa.. masih disertai dengan orasi-orasi dan orasi kami meneriakkan tentang kelestarian lingkungan..

Yogyakarta 0 Km

Entah apa yang telah kulakukan hari ini 22 April 2009. Hari bumi, dimana bumi semakin hancur, semakin rusak karena tidak mampu menopang perkembangan yang dicapai manusia. Kita semua tahu tentang global warming, polusi, pemborosan, krisis pangan, Lubang ozon, limbah nuklir, perang dunia III, tumbukan meteor, hingga invasi makhluk luar angkasa dengan pesawat-pesawatnya yang menyerupai piring dengan senjata laser yang mematikan...

dan hal yang terlintas di kepala
Apa yang telah kulakukan selama ini...
dan
Apa yang akan kulakukan nanti.?...

yeah.. sepintas memang semua itu tak lebih dari sebuah hingar-bingar acara seremonial untuk menyemarakkan hari bumi. Entah apa yang akan kulakukan seteleh demo, yang pasti adalah menggunakan lagi sepeda motor tuaku yang boros bensin, main internet di lab komputer kampus yang ber AC dan lampu-lampu menyala memakan listrik yang tidak sedikit, Membuang puntung rokok sembarangan, menyampah, makan daging merah, menggunakan deterjen buat nyuci baju yang sebenarnya belum kotor, atau mungin makan di Mc Donal kalau ada yang traktir...

Dan tidak lupa berkoar bahwa aku "Tadi pagi ikut aksi buat hari bumi loh..."

Tentang Pemilu dan Masa Depanku...

2009-04-13T15:41:00.006+07:00

Ketika MUI (majelis ulama indonesia dan bukan merupakan aliran dalam agama islam -:p) dengan lantang menyuarakan fatwa bahwa golput (golongan putih, bukan penganut ilmu putih) adalah haram, apa yang terlintas di benak kita semua?

Faktanya putusan MUI menjadi kontroversi baik di internal MUI sendiri maupun di masyarakat luas. Banyak kalangan yang menyayangkan bahwa kenapa harus dengan hukum 'haram' yang dalam islam, sesuatu dengan label haram memiliki sanksi yang tegas yaitu dihukum bakar di neraka.. Menjalankan sesuatu yang haram sama halnya dengan berzina, membunuh manusia tanpa hak, maem babi, mimik khomer, merokok di bawah umur, nonton filem porno (biarpun buat riset :p) dan ganjarannya adalah neraka...

Tapi apa yang terjadi? Demam golput merebak dimana-mana.. kita semua tahu bahwa banyak sekali-duakali-berkali-kali yang tidak dapat menggunakan hak pilihya karena masalah administratif alias dipaksa menjadi seorang golput tarmasuk saya sendiri..

Lalu siapa yang bertanggungjawab? dalam hati pribadi saya tidak terlalu perduli dengan apa yang akan terjadi dengan hasil pemilu nanti. Tapi yang saya takutkan adalah bagaimana masa depanku di akhirat nanti.. Gara-gara MUI dan fatwa nya yang egois ditambah tidak profesionalnya KPU dalam bekerja aku dan beribu orang lainnya harus rela masuk neraka...

A: Yaudah, sekarang gimana baiknya...
B: Pokoknya Gak terima! Saya minta hak saya!
A: Trus gimana? wong pemilunya udah lewat tuh
B: Gak Mau tahu... anda mau ngegantiin saya masuk nraka?
A: Wah gak mau mas, takut kan panas bgt...
B: Yaudah, gunakan otakmu dong! lu kan punya kepala buat mikir, bukan buat keseimbangan sajah.. Saya minta Suara saya (golput) dihitung!
A: Wah nggak bisa mas.. kalau gitu berarti Golput yg menang.. bukan dem*krat...

~ maaf.. tulisan gak penting.. gak mutu... :)

Tentang Award

2009-03-31T12:48:00.005+07:00

Baru saja dapet award dari Lina (Beranda Hati). hmmm sebenarnya selama setahun lebih saya ngeblog dengan setia sekata di blogger belum pernah tahu menahu dengan yang namanya award. Setahu menahu saya, award adalah bahasa amerika yang berarti semacam penghargaan gitu. Kayaknya dulu pernah tuh dikasih award atau semacamnya dari Balisugar teman blogger yang dari namanya sepertinya dari Bali hehehe..
Yeah.. cuma mau bilang Terimakasih buat semua blogger atas apresiasinya pada blog ini.. "404th Avenue" semoga jalannya nggak bikin kesasar...

makasih juga buat semua yang mau komentar di blog ini...
salute..

GrubuG

2009-03-14T18:38:00.009+07:00

Hmm menanggapi beberapa komentar pada postingan GrubuG terutama dari mas Senoaji, "satir... ada cerita miris dibalik indahnya" dan memuaskan rasa penasaran Lina tak sambung aja postingan tentang luweng grubug ini..

Sebagai gambaran, Luweng grubug terletak di kecamatan semanu gunung kidul. kira-kira 50 kilometer dari kota yogyakarta. Luweng grubug memiliki sistem gua yang berhubungan dengan luweng jomblang.

foto luweng jomblang
luweng grubug tidak terlihat karena diameternya kecil dan ditutupi pepohonan
terletak di atas (utara) luweng jomblang

Banyak kisah seram yang beredar mengenai luweng-luweng ini. Seperti kata bung senoaji ada kisah miris dibalik keindahan gua ini. Menurut referensi dari teguhtimur:

MALAM DI LUWENG GRUBUG [Jawa Tengah]

Malam itu para tapol dibariskan dengan diikat kedua kakinya dengan kaki temannya yang di depan dan belakangnya. Mata mereka ditutup rapat dengan kain hitam. Mereka berbaris bagai pasukan tentara, kiri – kanan – kiri – kanan. Mereka harus saling bekerjasama serasi, tidak terlalu cepat atau lambat agar tidak ada yang terjatuh. Pada malam dingin itu tubuh mereka gemetar dengan degub jantung riuh bertalu, tidak tahu nasib apa yang menanti di jalan berbatu itu.

Kepala barisan berhenti, maka tubuh dan ekor mengikuti. Barisan tanpa alas kaki tanpa baju itu kian kedinginan menggigil. Yang terdengar oleh manusia pilihan itu hanyalah suara jengkerik, jeritan burung hantu, tiupan angin, kemudian semuanya ditelan oleh gemuruh sungai dengan arus deras meluncur ke kejauhan.

“Semua maju dua langkah!” terdengar aba-aba komandan berseragam. Sepi sejenak kecuali gemuruh sungai yang mendominasi sunyi. Kabut tipis terbang dari kedalaman luweng. Kaki telanjang barisan kian gemetar seperti tak kuat mendukung badan masing-masing. Dengan dorongan perlahan dari algojo yang dilakukan dengan tongkat kayu terhadap orang terdepan di pinggir luweng, maka barisan tapol terpilih itu meluncur menyeret belasan teman-teman di belakangnya dengan kaki terikat satu sama lain. Mereka terjun bersama ke dalam luweng dengan sungai bawah tanah yang bergemuruh ditelan bumi untuk selamanya sebelum mereka menyadari tempat mereka berada dan apa yang sesungguhnya akan terjadi.

Gemuruh sungai, nyanyian jengkerik, suara burung hantu, beberapa orang berseragam di pinggiran luweng yang usai melakukan tugasnya hari itu sebagai kelanjutan tugas hari kemarin, kemarin dulu, sebelum kemarin dulu, besok, lusa dan sesudah lusa. Ya, bagian dari tugas rutin mereka, dan bintang kemintang tetap memancarkan cahayanya. (Ringkasan bebas disunting kembali dari Antonius Sumarwan SJ, ‘Adagio: Malam di Luweng Grubug’ dalam “Menyeberangi Sungai Air Mata, Kisah Tragis Tapol ’65 dan Upaya Rekonsiliasi”, Kanisius, Yogyakarta, 2007:311-313).

Menurut cerita dari orang-orang sekitar, luweng ini dulu pernah dipakai untuk membuang jasad-jasad dari musuh-musuh politik orde baru terutama yang terlibat dengan PKI. Melihat dari lokasinya memang sangat ideal. Dengan asumsi bahwa orang pasti akan langsung mati kalau tercebur ke dalamnya dan tidak akan ada yang tahu.

Yah begitulah kira-kira cerita seram Luweng Grubug...

GrubuG

2009-03-10T14:44:00.004+07:00

Jam menunjukkan pukul 12 siang dengan posisi matahari tepat di atas mulut gua. Cahaya matahari yang masuk ke dalam gua menciptakan pemandangan yang sangat fantastis. Seperti sebuah tiang cahaya yang kokoh menyangga langit-langit gua setinggi hampir 100 meter. Menyinari gugusan flowstone yang berada tepat di bawahnya yang memantulkan cahaya putih yang menakjubkan. Diiringi oleh gemuruh sungai bawah tanah berarus deras yang menggaung menciptakan suara yang menggetarkan bulu roma. Air terus menetes dengan deras dari langit-langit goa seperti berada di bawah guyuran hujan. Dan aku hanya bisa memandanginya dengan segala rasa takjub, terpesona oleh keindahan alam bawah tanah. Seperti halnya sebelumnya dan sebelumnya. Tidak ada yang berubah dengan rasa takjubku tiap kali aku menatap sunbeam di luweng grubug...

Sunbeam

Aula goa

Kiamat 21122012 ???@!#$$%^

2009-02-22T17:56:00.006+07:00

Tadi siang (22 feb 2009) liat di tv entah acara apa yang membahas tentang hari kiamat pada 20 dec 2012. Menurut tuh media, banyak sekali yang kiranya bakal terjadi di tahun 2012. Dengan mengandalkan berbagai referensi yang entah darimana asalnya mulai dari kalender suku maya yang legendaris, ramalan dari NASA ditambah dengan prediksi habisnya es di kutub utara pada 2012 serta diperkuat dengan terawang mama laurent dan ki gendeng pamungkas yang ilmu santetnya pernah menggegerkan dunia perdukunan di seantero jagat karena mengancam mau menyantet presiden bush dan tak lupa ditambah dengan berbagai pendapat dari selebriti terkemuka yang entah apa peranannya menyongsong hari kiamat 2012 besok..

Yeah.. mau tidak mau isu tentang hari kiamat ini cukup menarik tetapi juga meresahkan. Dengan berbagai referensi yang (mungkin) dapat dipercaya seperti NASA, LAPAN, dan Ki gendheng pemungkas (yang ilmu santetnya pernah bla blabla...) Atau buat lebih jelasnya tentang dari mana asalnya angka-angka magic yang superfantastis tersebut dapat dilihat lebih detail di disini, disini juga, teng mriki, coba juga disini, kayaknya disini cukup relevan, atau kalau masih gak percaya dapat ditinjau disini, tapi yang jelas tidak ada informasi apa-apa tentang kiamat itu di blog ini hehe karena kalau ada artikelnya pasti bajakan...

Sebagai seorang muslim (penganut agama islam, moslem) yang kurang tau seberapa takwa kepada Tuhan (God) saya sempat terheran-heran mendengar berita seperti itu. Dengan bekal iman yang setipis kertas 60 gram saya tetap meyakini bahwa memang hari akhir (kiamat) suatu saat akan terjadi dan pasti terjadi. Tetapi kapan tepatnya hanya Allah yang tahu. Bahkan ketika Muhammad (Rasulullah) ditanya tentang kapan terjadinya hari kiamat, beliau menjawab tidak tahu dan kejujuran Muhammad sudah tidak perlu diragukan lagi. Berarti beliau emang tidak tahu.

Jadi teringat saat mengikuti pelajaran Agama di sekolah. Pak guru menjelaskan tentang tanda-tanda kiamat yang semakin hari semakin dekat saja. Meskipun Rasul tidak tahu kapan terjadinya, tetapi beliau memberikan gambaran dan tanda-tanda kedekatan hari akhir tersebut. Seperti banyak bencana alam, orang jahat, anak durhaka dan lain-lain. Dan itulah yang kupercaya sampai saat ini entah hingga kapan.. mungkin sampai 20 desember 2012 nanti heheh...

Mungkin saja kiamat akan terjadi di tahun 2012 mungkin juga tidak. Entahlah rasanya jadi serba salah.. di satu sisi, kita tidak mau mempercayai hal tersebut dengan keyakinan bahwa hanya Tuhan yang tahu kapan hari kiamat berlangsung. Tetapi tidak dapat dipungkuri, kiamat dapat terjadi pada tahun 2012 jika Tuhan menghendaki. hal ini mungkin menjadi berita bagus untuk orang-orang yang kehidupannya tidak menyenangkan. Untuk orang-orang yang kehidupannya tidak mapan dan sengsara. Tetapi dapat menjadi berita yang menakutkan buat orang-orang yang hidupnya enak apalagi banyak dosa heheh...

hmmm... kalau ingat pelajaran dari pak guru dulu kayaknya nggak sampai tahun 2012....

mungkin...

semuanya hanyalah pikiran dan racauan hari ini.. jangan ditanggapi serius apalagi jadi konflik yang tidak masuk akal.. terimakasih...

Candi Abang

2009-02-08T20:20:00.004+07:00

Candi Abang adalah candi Hindu yang berada tidak jauh dari Candi Banyunibo dan Candi Barong, yaitu di dusun CandiAbang, kelurahan Jogotirto, kecamatan Berbah, Sleman, Yogyakarta, tidak jauh dari bandara Adisucipto. Candi ini dibangun pada sekitar abad ke-9 dan ke-10 pada saat zaman Kerajaan Mataram Kuno. Candi yang berbentuk seperti piramid ini dinamakan Candi Abang karena terbuat dari batubata yang berwarna merah (abang dalam bahasa Jawa), dan diperkirakan mempunyai umur yang lebih muda dari candi-candi Hindu lainnya (wikipedia).

Candi abang terletak di puncak sebuah bukit kecil. Pemandangannya sangat indah dan menyenangkan dengan view 360 derajat. Pertama kali melihat nih candi sudah tidak abang lagi. Karena terbuat dari batu bata yang tidak seawet candi batu. Bangunan candi sudah menjadi gundukan yang bercampur dengan tanah dan ditumbuhi rumput. Jadi jangan harap bisa melihat bangunan candi yang megah, paling-paling yang terlintas di kepala adalah wallpaper windows xp hehe..

Pemandangan dari puncak bukit

Candi Abang yang sekarang jadi Ijo

Yah paling enggak tempat ini asik buat refreshing...

"Melacak Alam"

2009-01-30T13:44:00.005+07:00

Saat masih duduk di bangku Sekolah Menengah Pertama atau tepatnya duduk di bangku perpustakaan, Saya manemukan sebuah buku yang sangat menarik yang ternyata sudah pernah kubaca sejak waktu SD. Judulnya adalah "Melacak Alam" terbitan Hans Jürgen Press yang diterbitkan dalam Bahasa Indonesia oleh penerbit Angkasa Bandung (1985).

Buku ini dikemas dengan penyajian komik yang sangat menarik dan berisi tentang fenomena-fenomena alam yang terjadi dalam kehidupan sehari-hari. Yang seluruhnya dapat dikatakan mengispirasiku untuk menjelajahi alam dan belajar dari alam. Bahkan gara-gara buku ini, Pernah suatu kali dimarahin sama orang tua gara-gara mengisi aquarium rumah dengan puluhan ekor katak, kumbang air, kalajengking air dan bahkan tanaman enceng gondok. Pernah pula iseng-iseng memelihara labah-labah berukuran gedhe, Bunglon dan sebagainya yang sangat-sangat tidak lazim buat peliharaan..

Buku ini mengulas juga tentang perilaku-perilaku binatang dan tumbuhan di sekitar kita seperti kunang-kunang yang cahayanya padam digenggaman tangan, Buah kersen yang meledak, Laron yang mengitari cahaya lampu dan sebagainya. Selain itu juga terdapat permainan-permainan yang dapat dilakukan di alam seperti membuat rumah burung, menggoda burung hantu, membuat herbarium, membuat kolam sendiri dan banyak lagi..

Buku ini sangat bagus buat bacaan terutama bagi anak-anak yang lagi 'nakal-nakal'nya dan lagi senang-senangnya bermain karena dapat menambah wawasan sekaligus membangun imajinasi. Mungkin juga karena dipengaruhi oleh buku ini menjadikanku orang yang lebih senang "bermain dan belajar" yaitu utamakan bermainnya dan pelajari apa yang kita peroleh dari bermain tersebut.. hehehe..

Sayang, dulu cuma bisa numpang baca di perpus.. kalau mau beli entah dimana... mungkin adanya cuma di toko buku bekas.. hehe..

Hmmzzz Liburan Capek

2009-01-28T15:12:00.005+07:00

Yeah yeah yeah... seminggu penuh (ato tepatnya 9 hari 9 malam) ngurusin diklatsar di Lereng Djobolarangan.. Tepatnya di daerah Desa Gondosuli Kecamatan Tawangmangu Kabupaten Karanganyar.. Diklatsar ini bertujuan untuk perekrekrutan anggota muda Gitapala (mapala tempatku bernaung..). Tetapi jangan berfikiran acara ini mirip dengan perakrutan geng motor yang sangat tidakbermutu dan bermoral yang malah ditayangkan segala di televisi sebagai berita yang monghebohkan dan menghasilkan banyak uang... hehehe...

Cerita diklat kurang lebih seperti ini..
Peserta diklat akan diajari semua ilmu-ilmu dasar kegiatan alam bebas antara lain:
1. Rock Climbing
2. Caving
3. Canoeing
4. Mountaineering
5. Lingkungan Hidup

Nah, untuk acara yang berlangsung di Gunung Djobolarangan ini adalah pendidikan Mountaineering yang meliputi IMPK (Ilmu Medan Peta dan Kompas), SAR (Search & Rescue), dan Jungle Survival.

Puncak 2054

Untuk IMPK dilakukan dari Gunung Mitis (pada gambar telihat runcing yang paling kanan) dengan finish di puncak 2054 (yang paling kiri tingginya 2054 mdpl). IMPK bertujuan agar kita dapat menentukan posisi sebuah titik dalam koordinat peta. IMPK termasuk sukar dipelajari, njlimet dan ribet. Ditambah ada itung-itungan pake busur derajat (protrctor) segala bikin pusing.. UJung-ujungnya jadi Ilmu Mencari PerKampungan aja kalau udah benar-benar nyaSAR...

Nah kalau tim SARnya nyaSAR trus siapa yang ngeSAR??

Untuk Jungle Survival, dilakukan di Lembah Mrutu (tepat di bawah 2054). Sebuah lembah yang berupa hutan rimba belantara penuh pacet, hujan terus, dan katanya masih ada macan. angker lagi hii...
Intinya peserta diajari cara bertahan hidup di medan rimba. Mulai dari membuat Bivoac (shelter) sampai mencari sumber makanan baik nabati maupun hewani.. Ujung-ujungnya peserta lemes semua karena nggak makan 3 hari 3 malam dan diguyur hujan siang malam brrr....

Dusun Tlogodlingo

Nah ini dia desa terdekat dari lokasi Diklat. Dimana basecamp berada.. hehe 9 hari tinggal di desa kayak gini rasanya campur aduk. Disatu sisi asik banget, udaranya bersih dan segar, pemandangannya selalu indah, Tapi dinginnya minta ampun. Ujung-ujungnya males mandi...
hehehe...

hmm postingan amburadul... masih kebawa-bawa nih suasana hutan... baru adaptasi lagi...
capek banget...

Liburan Dulu ya...

2009-01-15T13:48:00.005+07:00

Hmmm... akhirnya selesai juga ujian akhir semester... dateng juga masa-masa libur panjang semesteran... huh semoga IP semester ini nggak jeblok lagi... :( heheh soalnya semester lalu benar-benar ampun DJ... IP nasakom alias Nasib Satu Koma sempat bikin syok berat... yah jadi deh kecepatam maksimal 14 km/jam eh 14 sks per semester wekekeke...

Terus liburan panjang ini mau ngapain? hehe yang jelas nggak mungkin menghabiskan seluruh waktu cuma blogwalking aja di depan komputer.. mau jadi apa :p rencananya mau ngurusin regenerasi organisasi.. Yeah gini-gini saya ini menjabat sebagai ketua mapala fakultas loh, Sebagai ketua Gitapala (mapala fakultasku, gini-gini pecinta alam heheh...) ya jelas harus tanggungjawab penuh pada kesuksesan acara Diklat (pendidikan dan latihan) dalam perekrutan anggota baru.. tull nggak...

Lagi sok-sokan menikmati keindahan gunung lawu dari puncak 2054 Djobolarangan

Diklatnya tuh dilaksanakan di gunung Djobolarangan, hmm buat yang pengen tau tentang tuh gunung bisa liat disini saya dulu kayaknya pernah nulis tentang tuh gunung deh.. Tapi sebagai ketua umum saya cuma mangkal di basecam alias bajamar atau lebih tepatnya lagi Baj***an jaga markas dan tidak terlibat secara langsung di lapangan. yah apamau dikata.. pengennya sih bisa aktif di lapangan (eh di hutan :p) terpaksa cuma nunggu markas dan radio...

Foto di atas diambil tahun lalu, pada waktu itu sedang survey buat diklat juga. Tak taunya malah terjadi bencana longsor (ingat bencana longsor di Tawangmangu dulu). Bencananya terjadi tepat satu hari setalah tim survey kami meninggalkan lokasi.. wahh jadi runyam deh...

Yeah untuk sementara gak bisa blogwalking dulu, apalagi ngunjungin blog temen, apalagi kasih komentar, apalagi ngedit templet tetapi yang jelas pasti pulang dengan membawa ceritera buat teman-teman dan anak cucu kelak, tapi maaf oleh-olehnya cuma foto... soalnya gak boleh sembarangan mengambil sesuatu dari alam nanti habis...

dadah teman-temanku...

HyperLinks

2009-01-14T13:41:00.005+07:00

Terimakasih buat semua teman-teman Blogger yang udah mau masang alamat blog ini di blogroll, yang udah rajin-rajin kesini.. (emang ngapain kesini...) trus ngasih komentar yang membangun... Hehehe karena bingung & males bikin blogroll, tetapi untuk menghormati yang udah berkunjung ke nih blog, halaman ini aja tak jadiin space buat naruh link teman-teman yah.. lumayanlah buat pengingat agar saya senantiasa bisa berkunjung balik dan tidak lupa.. heheh..

Nah buat para sahabat yang pengen naruh link di 'dummy' blog ini, bisa langsung aja kasih komentar di bawah.. gampang sekali khan.. dijamin 'nofollow free' deh... ok.. buat pengguna Blogger jangan lupa untuk mengganti alias menggunakan URL buakan google acount...

:)

Simplicity means headaches

Animasi jQuery Untuk Navbar Blogger

Tipografi Untuk Blog

Border Radius

Hilangkan bintik-bintik pada Firefox

Tak Penting

Apakah ini seperti Blog?

Syntax Highlighter

Recent Post Widget

Metamorfosis...

Matahari Terbenam di Semeru

Jatimulyo

Bukit Bintang

Hiatus

Becak

22 April 2009

Tentang Pemilu dan Masa Depanku...

Tentang Award

GrubuG

GrubuG

Kiamat 21122012 ???@!#$$%^

Candi Abang

"Melacak Alam"

Hmmzzz Liburan Capek

Liburan Dulu ya...

HyperLinks