just about sites

Musik dan Pekerjaan

2010-07-16T08:06:00.042+07:00

Kebanyakan orang menyukai musik. Kita dengar dimana saja, waktu kerja, waktu menyetir, waktu olahraga, atau mungkin sebagai pengantar tidur. Hampir tidak mungkin dunia ini tanpa musik. Beberapa menganggap bahwa musik lebih dari sekedar hiburan. Pernahkah terpikir untuk menganggap musik itu sebagai alat? Ternyata dengan musik kita dapat meningkatkan efektifitas kerja, meningkatkan produktifitas, meningkatkan kreatifitas, bahkan bisa saja mengubah mood bagi yang moody dalam bekerja^^.

Lalu bagaimana agar musik dapat memberikan pengaruh seperti itu?

Yup. Pertama adalah musik sangat dapat mempengaruhi mood seseorang. Bisa jadi ia dibuat semangat waktu mendengarnya kayak lagu-lagu perjuangan yang penuh dengan beat cepat. Atau musik-musik lembut yang bikin kita teringat dengan masa-masa indah waktu lampau :D. Jadi jenis musik yang beda memberikan perngaruh yang berbeda pula. Buat desinger atau Coba deh trik berikut ini untuk membangkitkan semangat kreatifitas yang berbeda:

Dengarkan musik yang lembut dan melodis untuk mendesain sesuatu yang barcahaya dan hangat, seperti wedding party.
Butuh mendesain dengan tema Dark atau industrial design? yang bernuansa gelap, keras, dan membutuhkan ketegasan, coba deh dengarkan musik yang lebih berat.
Futuristic dan exiciting? Coba dengan musik-musik yang penuh energi atau musik progressive electronic.

Hal lain tentang bukti bahwa musik dapat memberikan pengaruh, coba deh kita perhatikan waktu orang-orang melihat konser, bagaimana mereka terinfluen hingga jikrak-jikrak mengikuti alunan musik yang dimainkan. Kita dapat mengunakan itu untuk membuat diri kita lebih bersemangat.

Misalnya dengan irama yang lebih upbeat akan membuat terasa lebih bersemangat. Memang musik yang bisa membuat semangat tiap orang bisa berbeda tapi apapun yang membuat kita lebih merasa baik untuk melakukan sesuatu itulah musik yang membangkitkan semangat.

Tapi, semua hal yang berlbihan pasti nggak baik. Lalu kapan sebaiknya kita berhenti mendengarkan?

Mendengarkan musik terus-menerus membuat telinga lelah. Apalagi yang pakai headphone. Matikan sejenak dan biarkan telinga Anda istirahat.

Kadang juga kerja sambil dengerin musik bikin kita memberikan perhatian lebih pada musik yang kita putar bukan pada perkerjaan. Baiknya kalau seperti ini matikan saja sejenak. Biar kita tetap fokus pada perkerjaan. Ntar ga selese-selese malah ^^.

Nah gimana kalo kita kerja bareng dalam satu ruang? Bagusnya gimana tetep menjaga agar suasana tenang atau gimana?

Coba pakai musik yang tetap bisa menjaga ritme kerja masing-masing, yang bisa membuat orang-orang yang ada diruang itu tambah semangat dan tentu semuanya setuju. Kalau dilakukan dengan bener justru ini akan menjadi semacam daya ikat dalam grup kerja itu. Semakin menambah erat persaudaraan yang bikin suasana kerja semakin hangat.

Lalu apalagi yang bisa dilakukan dengan musik?

Seperti konser musik yang meng-influent penggemar, bisa juga diposisikan ketika persentasi. Dengan memilih musik tepat bisa jadi permirsa menjadi tertarik dengan presentasi yang Anda lakukan atau bahkan mungkin membeli produk yang Anda tawarkan.

Jadi ingat waktu kuliah ada seorang dosen yang hampir setiap perkuliahnnya memutar musik dengan volume lembut. Alunannya pun dipilihkan yang lembut. Jadi seperti kuliah di tempat yang sejuk dipenuhui pepohonan yang rindang. Hingga membuat suasana lebih santai dan nyaman.

Jadi kesimpulannya musik ga hanya hiburan. Dengan pemilihan jenis yang tepat dapat menjadi sebuah alat yang meningkatkan produktifitas kita.

lokasi cache firefox

2010-05-30T07:21:00.007+07:00

Bagi yang suka browsing pasti ngerasa deh waktu pertama kalinya membuka suatu halaman pasti kerasa berat(terutama untuk yang pakai akses yang pas pasan :D). Tapi setelah berkunjung balik biasanya akan lebih ringan. Inilah fungsi cache. Jadi sebagian file nya ada komputer kita. Browser tingga panggil saja tidak perlu download ulang.

Nah, untuk mengetahui dimanakah sebenarnya cache itu disimpan, memang tiap sistem operasi berbeda-beda. Untuk pengguna firefox bisa bisa ketikkan about:cache di address bar. Nanti akan keliatan letak cache-nya ada dimana.

Ok semoga membantu..

Tab Mix Plus-Solusi Untuk Multi Tab

2010-02-01T20:30:00.014+07:00

Waktu browsing kita sering melakukannya dengan membuka banyak tab secara berbarengan. Semakin banyak tab yang kita buka, lebar tab juga semakin sempit. Hingga menyulitkan untuk membedakan masing-masing tab.

Untuk pengguna Firefox, kalau buka tab terlalu banyak nanti akan tampil di ujung kanan dan kiri untuk menggeser tampilan tab.

Nah disini peran Tab Mix Plus untuk mengkostumasi bagaimana tab di Firefox ditampilkan hingga nyaman dilihat. Contohnya bisa dilihat di bawah. Ini menggunakan efek multirow.

Klik untuk memperbesar gambar.

Cara setting untuk gambar diatas melalui Tools > Tab Mix Plus Option. Masuk ke Display. Pada bagian tab Tab Bar "When tabs don't fit width:" ganti dengan Multi-row. Lalu masuk ke tab Tab. Pada bagian Tab Width ini dengan 250px to 250 px. Biar tampilannya tabnya gak kekecilan.

Selain diatas masih banyak manfaat lain seperti undo closed tab and windows, mengontrol tab focus, dll

Yang penasaran bisa langsung aja ke TKP. Ok, semoga bermanfaat.

Tampilkan ShoutMix di Opera Mini

2010-01-21T22:28:00.004+07:00

Waktu browsing dengan Opera Mini terkadang shoutmix yang ada pada blog yang kita kunjungi tidak terlihat. Nah supaya yang ada di punya kita terlihat ternyata triknya sangat mudah.

Masuk ke tab Settings.

Lalu masuk lagi ke bagian Styles & Color.

Kalau sudah, ubah Style menjadi Inline.

Save settings.

Ok, selesai deh. Mudah-mudahan bermanfaat.Oya, saya pakai Opera Mini 4 untuk tips ini.

Utuh Menyimpan Halaman Web

2009-12-19T15:35:00.006+07:00

Kita terkadang perlu untuk menyimpan halaman web untuk berbagai keperluan, seperti referensi misalnya. Biasanya untuk menyimpannya secara utuh kita lakukan dengan cara file>save as lalu pada bagian file type dipilih web page,complete.

Namun, terkadang halaman tadi tidak tersimpan secara sempurna. Mungkin ada beberapa bagian yang hilang atau malah susunan halaman menjadi terlihat agak sedikit kacau.

Ada tips kecil untuk masalah itu. Bagi pengguna firefox bisa memanfaatkan add-on Mozilla Archive Format. Dengan add on ini halaman yang disimpan sempurna. Bila sudah selesai maka pada jendela add-on (Tools>Add-ons) akan ada tambahan daftar add-on.

Cara menggunakannya sangat mudah. Tinggal download add-on ini. Lalu instal dengan membukanya melalui File>Open File dan arahkan ke tempat file (berekstensi .xpi)yang barusan didownload tadi. Lalu muncul jendela instalasi add on. Klik instal.

Kemudian untuk menyimpan halaman secara penuh, pilih Save Page as. Lalu pada bagian Save as Type pilhlah Web Archive, MAFF zipped. Atau bisa juga dengan Web Arcvhieve MHTML.

Selamat mencoba.

Big CSS Resource

2009-11-26T23:15:00.004+07:00

Yup.. dari judulnya udah kelihatan gimana isi posting ini. Buat yang serius belajar soal CSS dan lagi cari-cari materi mungkin ini bisa jadi salah satunya. Ada 250 link lebih resource tentang CSS.

Pagebreeze HTML Editor

2009-11-26T21:34:00.005+07:00

Satu lagi ini ada WYSIWYG HTML editor. Namanya Pagebreeze. Ada kemampuan visual mode.

Punya kemampuan lain seperti drag-and-drop form builder, Preview mode untuk melihat tampilan seperti tertampil pada Microsoft Internet explorer dan lain sebagainya.

Untuk download silakan klik link berikut.

Fungsi Web Counter

2009-11-10T22:31:00.006+07:00

Biasanya yang sering ngeblog pengen tau bagaimana kondisi atau tingkat keterbacaan blog yang sudah ditulis ini. Nah, disinilah web counter berperan.

Web counter akan memberikan statistik dari pengunjung atau visitor. Mulai berapa kali web kita dilihat, dari mana saja pengunjung berasal, berapa yang sedang membaca blog kita dan lain sebagainya.

Namun ada fungsi lain yang tidak langsung seperti yang terbut diatas. Yaitu, untuk mengetahui seberapa berhasilkah usaha kita untuk mempromosikan blog. Dengan mengetahui statistik kunjungan, maka kita bisa menyusun strategi-strategi apa saja yang musti dilakukan nantinya. Dengan begitu usaha yang dilakukan pun menjadi lebih terarah.

Mendesain Web Page - Part 2 : header and footer

2009-11-08T06:03:00.011+07:00

Setelah kita membuat kolom-kolom untuk membagi halaman web kita. Sekarang tinggal buat isinya. Kita mulai dari atas dulu saja, ya dari header.

Header
Biasanya header diposisikan untuk menampilkan banner situs atau gambar sebagai ilustrasi yang sesuai dengan content yang disajikan atau hanya sebagai pemanis agar tampilan secara keseluruhan tampak menarik.

Biar praktis Anda bisa memakai banner yang sudah saya siapkan disini. Dan letakkan satu folder dengan file html yang kita buat ini.

Kita akan buat header dengan ukuran 800 x 150px. Tambahkan kode berikut pada tag <td> dibawah <table>.


height="150px"

Kode diatas untuk menyesuaikan ukuran kolom dengan banner.

Lalu untuk banner ganti text The header dengan


<img src="banner.jpg" width="800" height="150" alt="triksitus">.

img src="banner.jpg" --> menunjukkan alamat dan nama gambar.
alt="triksitus" --> text yang tampil bila browser tidak menampilkan gambar.

Footer
Habis header kita turun ke footer. Biasanya menjadi tempat untuk meletakkan informasi singkat seperti navigasi tambahan, copyright, disclaimer dan lain sebaginya.

Kita mulai dulu dari background. Kalau mau yang cepet Anda bisa pakai background yang sudah saya buatkan disini.

Beri kode berikut setelah <td colspan="3" yang paling bawah.


background="footer-bg.jpg" height="64px"

Berikut tampilan setelah Anda menambahkan kode itu.

background="footer-bg.jpg" --> menujukkan alamat dan nama dari gambar background.

Text Pada Footer
Ganti Footer dengan copyright© 2009 triksitus, misalnya atau Anda bisa menggantinya dengan text yang lain. Dan, tambahkan setelah background="footer-bg.jpg" height="64px", kode berikut:

valign="top"

Untuk membuat text yang berada pada footer diatas.

Dan, kode yang sudah kita buat tadi seperti ini.

<html>
<title>
</title>

<body>
<table border="1" width="800px" align="center">
<tr><td colspan="3" height="150px"><img src="banner.jpg" width="800" height="150" alt="triksitus"></td></tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr><td colspan="3" background="footer-bg.jpg" height="64px" valign="top">copyright© 2009 triksitus</td></tr>
</table>
</body>
<html>

Tampilannya menjadi seperti berikut

bersambung ke part 3

Mendesain Web Page: introducing-part 1

2009-11-07T09:28:00.020+07:00

Tutorial kali ini akan menghadirkan bagaimana membuat halaman website langsung dari kode HTML. Hanya berbekal text editor seperti notepad Anda bisa mengaplikasikannya langsung.

Ga usah bertele-tele deh kita langsung aja, yah. Silakan ketikkan kode berikut ini pada notepad dan simpan dengan extensi html. Jangan lupa juga untuk membuat save as type menjadi all files.


   <html>
      <title>
      </title>

      <bodyv
      </body>
   <html>

Lalu coba buka file yang sudah Anda buat tadi. Hasilnya akan putih bersih. Tidak ada apa-apa seharusnya.

Ok mari kita lanjutkan. Tambahkan baris berikut pada diantara tag

<body> </body>


<table border="1" width="800px" align="center">
<tr>
 <td> </td>
 <td> </td>
 <td> </td>
</tr>
</table>

Dan lihat apa yang terjadi. Ada kotak-kotak yang berjajar tiga.

Biasanya ini dijadikan bagian untuk menaruh content. Mari kita cermati satu per satu.

border="1" --> lebar garis yang mengelilingi table bersekala 1.
width="800px" --> lebarnya 800px
align="center" --> dan posisinya pada tengah window browser.
  --> akan memberikan space kosong

Biar lebih enak mengaturnya maka kita bisa pakai satu table utama dalam satu halaman dan sementara yang lain kita masukkan kedalamnnya. Sekarang kita akan membuat header dan footer yang biasanya diletakkan memanjang diatas dan dibawah bagian content yang sudah kita buat tadi.

Tabahkan saja kode ini diatas tag <tr>.

<tr><td>The Header</td></tr>

lalu untuk footer setelah tag </tr>.

<tr><td>Footer</td></tr>

Dan seharusnya kode yang Anda tuliskan menjadi seperti ini.


<html>
  <title>
  </title>

  <body>
    <table border="1" width="800px" align="center">
    <tr><td colspan="3" width=800px height="150px"><img   src="banner.jpg" width="800" height="150" alt="triksitus"></td></tr>
    <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    </tr>
    <tr><td colspan="3">Footer</td></tr>
    </table>
  </body>
<html>

Nanti akan keluar seperti ini.

bersambung ke bagian ke-2

Opera Turbo Feature

2009-11-02T21:48:00.010+07:00

Versi 10.01 selain design gui yang baru sekarang dilengkapi juga dengan Opera Turbo. Dengannya website yang diload akan semakin cepat.

Terbukti ketika saya coba untuk membuka halaman yang agak berat seperti facebook terasa lebih cepat.

Penggunaan fitur ini akan lebih terasa bila kita browsing pada jaringan yang lambat.

Untuk mengaturnya ada di pojok kiri bawah. Ada tanda seperti speedometer disana. Tinggal pilih yang on terus atau automatic. Bisa juga melalui tool>preferences pada tab web pages setting pada bagian Opera Turbo.

Namun ketika fitur ini diaktifkan beberapa hal seperti images akan terlihat menurun kualitasnya karena memang tujuannya untuk optimalisasi loading website. Kalo buat saya sih ini tidak terlalu menggangu.

Ini fitur yang sangat menarik dan bermanfaat.

Brown Shadow Free Template

2009-10-19T22:10:00.007+07:00

Free template Blogger lagi. Namanya Brown-Shadow.

Oya, sebelum menggunakan template ini, mohon diubah dahulu settingan menjadi template classic melalui Tata Letak>Edit Html dan pada bagian bawah klik kembali ke templat klasik.
Download link Brown-Shadow

New Shadow Free template

2009-10-18T21:55:00.008+07:00

Ahh... akhirnya template buatan sendiri selesai juga. Setelah perjalanan panjang dan membenahi error disana-sini akhirnya template Blogger ini bisa juga selesai....

Oya, sebelum menggunakan template ini, mohon diubah dahulu settingan menjadi template classic melalui Tata Letak>Edit Html dan pada bagian bawah klik kembali ke templat klasik.

And buat temen-temen yang berminat, jangan malu-malu silakan silakan saja download di link ini.

Pengenalan CSS

2009-05-31T08:18:00.004+07:00

CSS pertama muncul pada HTML 4.0. Fungsi CSS dalam web development lebih bekutat pada tampilan web page. Mulai dari memformat tampilan text hingga penataan layout.

Pada dasarnya, sebenarnya CSS hanyalah digunakan untuk mendefinisikan bagaimana menampilkan element HTML. Jadi, misalkan membuat semua text yang berada dalam tag <p> dan </p> akan berwarna kuning dengan menggunakan css maka tidak perlu memformat satu persatu tinggal tuliskan saja dalam kode css maka semua text yang berada dalam tag <p> dan </p> akan berubah warna.

Umumnya file CSS diletakkan secara terpisah dengan dokumen HTML. Dengan file berekstensi .css disanalah kode CSS diletakkan. Jadi tinggal ngelink aja dari HTML-nya. Ini juga memungkinkan kita untuk melakukan perubahan sekaligus terhadap semua web page yang ingin diubah tampilan atau layoutnya hanya dengan perubahan kecil terhadap file tadi. Jadi kita kerja menjadi lebih efisien.

Untuk melakukan link ke file .css tinggal sisipkan saja kode berikut ini diantara tag <head> dan </head>

<link href="style/main.css" rel="stylesheet" type="text/css">

Pada bagian href="style/main.css" untuk menyatakan letak dari file css kita. Disitu dinyatakan style/main.css yang artinya file cssnya bernama main.css dan berada pada foler style. Dan juga letak dari folder style masih satu folder dengan file HTML yang ngelink kesana.

Ok. Demikian pengenalan CSS-nya. Semoga bermanfaat...

Komentar dalam HTML

2009-04-20T09:20:00.003+07:00

Ada kalanya kita tidak menginginkan bagian dari baris kode yang kita tulis tidak dieksekusi atau dijalankan. Biasanya sebagai tanda untuk mempermudah dalam mengedit dikemudian hari.

Bisa Anda bayangkan misalnya ada ratusan atau bahkan mungkin ribuan baris kode yang harus dibuat. Dan kita akan melakukan perubahan kecil disalah satu atau beberapa baris itu. Rasanya kurang efisien bila kita melakukan pengecekan satu per satu.

Untuk itulah komentar diperlukan. Komentar akan tampak ketika kita melihat kode sumber. Tapi tidak akan memberi pengaruh apa-apa ketika kode-kode itu dieksekusi.

Dalam html cara untuk memberi komentar adalah dengan diawali tanda .

Sebagai contoh :


<!-- komentar mulai -->

atau


<!-- komentar yang
  agak panjang -->

Selamat berkomentar...

komponen dasar html

2009-04-18T18:24:00.004+07:00

Tutorial kali ini kita akan membuat halaman web yang paling mendasar.

Tag <br>
Kita akan menggunakan tag <br> salah satu tag dalam html yang tidak perlu tag penutup. Fungsinya untuk memberi jarak satu baris. Coba deh sintak berikut. Ketikkan saja pada Notepad atau editor kesukaan Anda dan simpan dengan nama file terserah Anda yang penting berekstensi .html, contohnya coba1.html.


Ini kata-kata yang<br>berada dibawah.
Ini kata-kata yang<br>
berada dibawah.

Maka akan terlihat seperti berikut :


Ini kata-kata yang
berada dibawah.

Membuat paragraf
Untuk menampilkan text dengan paragraf maka diperlukan tag <p> seperti berikut


<p>ini paragraf</p>
<p>dan ini paragraf yang lain</p>

maka akan tertampil seperti berikut ini


ini paragraf
dan ini paragraf yang lain

Jika kita perhatikan secara otomatis tag <p> akan memberikan jarak antar paragraf. Yang berarti kata-kata yang berada dalam tag <p> merupakan satu paragraf. Jadi kita tidak perlu menggunakan tag <br> untuk menampilkan paragraf.

Judul
Cara paling mudah untuk menampilkan text sebagai judul adalah dengan menggunakan tag judul.

Seperti dibawah ini


<h1>Judul 1</h1>
<h2>Judul 2</h2>
<h3>Judul 3</h3>

Ada 6 buah tag untuk judul dengan ukuran yang berbeda-beda. Semakin besar angka yangmengiringi h <h..> maka semakin kecil ukuran hurufnya.

Membuat link.
Link merupakan jantung dari internet. Semua halaman web terhubung satu dengan yang lain melalui link ini. Untuk membuatnya maka kita menggunkan tag <a href=""> </a>.

Misalnya kita ingin membuat link dengan kata tutorial html yang mengarah ke http://triksitus.blogspot.com maka sintaknya menjadi seperti ini.


<a href="http://triksitus.blogspot.com">tutorial html</a>

Menampilkan gambar.
Untuk memanpilkan gambar sebenarnya kita hanya tinggal menyebutkan tempat dimana gambar itu disimpan. Nah, sintaknya jadi kayak begini.


<img scr="gambar.jpg" width="150" height="200">

Gimana mudah bukan..

Pengertian HTML

2009-04-02T13:00:00.002+07:00

HTML merupakan bahasa markup. Bahasa dimana untuk menuliskan suatu maksud harus menyertakan tag pengiring. Jadi misalnya kita ingin menuliskan text bercetak tebal maka harus diringi dengan <b> text yang dicetak tebal </b>.

Walaupun terkadang waktu kita lihat dari sebuah website, misalnya (kalo di firefox lewat view>page source) terlihat sangat rumit. Tapi sebenarnya kalo diperhatikan intinya cuman seperti ini


 <html>
      <head>
      </head>

      <body>
      </body>
 </html>

Semua yang ada diantara tag <html> dan </html> merupakan kode HTML. Yang berada diantara tag <body> dan </body> adalah yang kita lihat sebagai sebuah halaman web. Yup, jadi yang banyak dikerjain nanti ya diantara tag body itu.

Hampir semua tag dalam HTML memiliki tag pembuka seperti <html> dam tag penutup </html>.

Oya, karena tag HTML tidak case sensitive maka antara <html> dan <HTML> memberikan efek yang sama.

Tag-tag dalam HTML juga memiliki atribut. Atribut berfungsi untuk memberikan efek tertentu terhadap yang diapit oleh tag tersebut.

<body bgcolor="red">

Tag body diatas diberi atribut bgcolor yang menyebabkan warna background menjadi merah.

ok, have fun with HTML ^^

Alleycode HTML Editor

2009-03-16T16:07:00.001+07:00

Software ini bisa digunakan untuk belajar mendesain web. Tidak hanya bisa memakai HTML saja, tapi CSS dan juga PHP. Ia meski memiliki kemampuan untuk menampilkan preview halaman yang kita buat, saya kira kita musti mengerti kode-kode html. Paling tidak dasar-dasarnya.

Namun, untungnya kita terbantu dengan wizard yang memudahkan kita dalam memasukkan kode-kode. Tapi, meski ada wizard kita dituntut untuk meletakkan dimana kode hasil wizard ini harus diletakkan.

Sangat menyenangkan belajar dengan software ini. Saya juga belajar dari sini ketika memulai belajar HTML..^^

Tampilan secara tab juga memudahkan ketika harus berurusan dengan file yang banyak.

Asiknya lagi sofware ini FREE!

Untuk download bisa disini.

Download Website

2009-03-15T09:04:00.002+07:00

Kemarin pas jalan-jalan nemu sofware bagus. Namanya Pagenest. Dia bisa buat download halamn web. Nggakcuman halamannya doang, tapi juga link termasuk didalamnya. Asikkan.. Itung-itung busa buat ingrit waktu browsing. Bagi yang berminat bisa download di sini. Ada versi yang free lho....

Cara makenya pun mudah. Pertama tinggal Add a New Site iconnya tanda plus. Nanti akan muncul window New Site. Masukkan alamat halaman website yang akan didownload pada Address of the site.

Kemudian nama website pada Name of the site. Pada bagian category dibiarkan default juga tidak apa-apa.

Berikutnya, ini yang penting, tentukan folder dimana hasil download akan di simpan pada bagian folder download the site into.

Terus, masuk ke bagian range. Pada bagian Range klik advance. disini kita bisa mengatur untuk keedalaman website yang akan didownload. Maksudnya begini, untuk kedalaman 2 pages misalnya Pagenest akan mendownload halaman yang kita tentukan diawal pada bagian Address serta halaman yang dilink di halaman itu.

Kalau sudah tinggal klik download, aja. Pilih yang Yes, download it now jika Anda ingin mendownloadnya sekarang. Trus tinggal klik download yang ada di pojok kanan bawah.

Nanti, Pagenest akan memunculkan window mengenai keterangan yang sedang berlangsung

Mudah bukan ... ^^

Selamat Mencoba.

Download Pagenest Di sini