Dilema Video Codec (Tips Bagi yang Bingung Memilih Video Codec)
Dilema.... Oh dilema...!! Itu yang terjadi beberapa hari yang lalu tepat saat muncul pesan balon "Low Disk Space" dari system tray PC saya -_- . Ternyata hal tersebut disebabkan karena saya terlalu banyak memelihara beberapa (atau mungkin banyak ^^) video klip musik dengan ukuran file yang lumayan besar. Sehingga dengan sangat terpaksa saya memutuskan untuk meng-convert alias mem-format alias mengompres video-video tersebut agar ukurannya lebih kecil. Ternyata, hal tersebut tidak semudah yang saya bayangkan. Mengubah video HD (High Definition) atau kualitas tinggi menjadi rendah memiliki kendala tersendiri. Entah itu ukurannya kurang kecil, kualitas gambar menjadi jelek, proses convert gagal, dsb.
Solusi Codec Untuk Video-video yang Dipelihara dalam Hard Disk
Akhirnya, setelah beberapa jam mengutak-atik, dan gonta-ganti software pengonvert video, saya berhasil menemukan solusi terbaik, yaitu mengonvert video menjadi format RMVB. Codec yang dikeluarkan Real Network ini berhasil mengubah ukuran video menjadi lebih kecil dari 50% ukuran aslinya dengan kualitas audio visual yang tidak kalah dari video HD.
Tunggu sebentar..!! Apa itu codec?? Ehem... Sebuah video codec adalah sebuah software atau perangkat lunak yang dapat mengompres video dan dekompresi (menjalankan hasil kompresan) untuk video digital. Biasanya codec di-install dalam komputer agar video yang sudah diformat dengan codec tersebut dapat dimainkan. Begitu banyak codec yang dapat di-install seperti DivX, XVid, H.264, dll. Kalau tidak mau repot, kita juga dapat langsung meng-install satu software yang isinya kumpulan codec yang dapat ter-install sekaligus (Seperti K-Lite Codec Pack, yang sudah terkenal di mana-mana ^^)
Cara Convert dan Memainkan video Dengan Codec RMVB
Format RMVB sangat berbeda dengan format lainnya. Codec ini memerlukan software RealPlayer untuk memainkannya. Alternatif lainnya adalah menggunakan Real Alternatif (silahkan klik link-nya untuk men-download ^^), jangan lupa juga untuk meng-install Real Media Splitter (untuk membaca codec [TIDAK PERLU SPLITTER JIKA SUDAH MENG-INSTALL K-LITE CODEC PACK..!!!]). Dengan menginstall kedua software tersebut, file dengan berekstensi .rmvb akan bisa dimainkan di semua player (Kecuali kalau player tersebut memakai codec bawaan sendiri dan tidak terintegrasi dengan codec Microsoft Windows). Catatan: rmvb tidak dapat dimainkan di sistem operasi MAC (entah kenapa...!!?? -_-).
Bagaimana cara mengubah format videonya?? Gunakan software Imtoo MPEG Encoder. Silahkan download software ini agar dapat mengonvert puluhan format jenis video audio (Pastinya terdapat pilihan RMVB ^^). Proses mengonvertnya sendiri terhitung sangat cepat, prosesnya hanya memakan waktu selama 50%-80% dari durasi asli videonya. Catatan: Saya mohon maaf pada pihak Imtoo, karena software yang ini merupakan hasil bajakan -_- ini hanya sekadar berbagi kebahagiaan, tidak ada maksud mencari keuntungan atau merugikan pihak lain.
Pada setting-an aplikasi Imtoo di sebelah kanan, gunakan pilihan kualitas video pada normal atau higher (hasilnya sudah cukup memuaskan). Jangan lupa untuk mengecilkan ukuran video. Untuk versi layar lebar gunakan resolusi 480x272, dan ukuran kotak, gunakan ukuran 640x480 (hasilnya juga cukup memuaskan ^^). Apabila hasil yang didapat masih kurang memuaskan, setting-an tersebut juga dapat diubah sesuai kehendak. Polanya seperti ini, semakin hitam/gelap warna dan cahaya video klip/film, maka ukuran video akan semakin kecil, tentunya tetap dengan kualitas gambar bagus. Begitu juga sebaliknya, jika warna/cahaya video semakin cerah, maka semakin besar ukurannya. Jadi jangan heran dengan ukuran yang berbeda pada tiap video yang sama durasinya.
Mantaff kan...!!!?? ^^
Untuk download Imtoo MPEG Encoder Ultimate 5, silahkan klik di sini.
Untuk download Real Alternatif 1.90, silahkan klik di sini.
Untuk download Real Media Splitter (tidak perlu jika sudah meng-install K-Lite Codec Pack), silahkan klik di sini.
klik yg bawah bos...!!!
Jumlah komentar : (14)
Membuat Alternatif Widget Polling Sederhana dalam Waktu Singkat pada Blog
Akhirnya kembali lagi setelah sekian lama menelantarkan blog ini...!! -_-' .. Sebelumnya saya menyampaikan permohonan maaf terlebih dahulu karena tidak sempat memberi kabar beberapa minggu ini..
Dari pada berlama-lama, sebaiknya blogging langsung kita lanjutkan sekarang.. ^^ .. Polling (angket) memang sudah tersedia pada fasilitas tambahan di setiap blog. Tapi bagi kalian yang membutuhkan kenikmatan dalam hal kecepatan akses, mungkin ini bisa menjadi salah satu solusi.
Polling memang sangat bermanfaat, apalagi bila kita letakkan pada blog kita sendiri. Pertanyaan dapat kita susun agar kita dapat menemukan jawaban konkret berdasarkan hasil survei. Membuat pertanyaan terutama seputar pendapat pengunjung mengenai blog kita, dapat menjadi tolak ukur dalam melakukan tindak lanjut berikutnya.
Polling memang sudah tersedia dari blogger sehingga dengan mudah dapat dibuat dalam blog. Tapi pada posting-an ini, saya menyarankan untuk menggunakan fasilitas polling gratis yang disediakan oleh Free Website Poll. Kenapa...? pembuatan widget polling ini sangat sederhana dan dapat diletakkan di mana saja. Untuk mengakses polling ini juga menggunakan proses loading yang sangat cepat.
Untuk membuat widget polling ini, cukup masuki situs utamanya, tanpa perlu daftar apapun, langsung saja membuat pertanyaan dan jawaban pada formulir yang disediakan dan kita akan langsung diberikan kode html form yang dapat kita copy & paste ke dalam widget atau ke dalam postingan seperti yang di bawah ini.
Karena bentuknya berupa kode script HTML, kalian dapat memodifikasi sendiri widget ini sesuka hati, baik itu jenis huruf, warna, panjang lebar, gambar, dll. Widget ini dapat diletakkan tidak hanya pada sidebar, tapi juga dalam posting-an blog.
Untuk langsung mencoba silahkan langsung menuju TKP... ^^ ..v..
klik yg bawah bos...!!!
Jumlah komentar : (15)
Download Template Neosapien Empat Kolom untuk Blogger
Belakangan ini Admin sibuk banget. Sibuk dengan UAS dan berbagai pembuatan laporan yang menumpuk. Oleh karena itu, postingan bulan ini masih sedikit. Tapi bukan berarti bloging dihentikan sementara lho..! ^^
Kali ini saya berbagi template untuk platform Blogger yang unik. Uniknya karena template ini dibuat dengan empat kolom. Kenyataannya template blogger memang didominasi oleh template berbentuk dua atau tiga kolom, jarang kita dapat temui yang memiliki empat kolom.
Alasan kenapa sobat blogger memilih template ini adalah karena template dengan empat kolom tentunya membuat kita mampu untuk memasukkan widget lebih banyak dari biasanya.
Template ini adalah Template Neosapien, dari Templates Block. Terdiri dari satu kolom menu di sebelah kiri posting-an, dan dua kolom menu di sebelah kanan. Untuk kolom paling kanan, cocok untuk kalian gunakan sebagai iklan. Untuk pengeditan gambar juga cukup mudah, cukup mengganti dari kode CSS-nya.
Menarik kan..! kalau mau lihat live demo-nya silahkan klik di sini. Untuk langsung men-download, silahkan sedot di sini... ^^
klik yg bawah bos...!!!
Jumlah komentar : (4)
Mempercepat Loading Blog dengan CSS Drive Script Compressor
Kadang para sobat blogger tidak sadar kalau tidak semua pengunjung blog itu memiliki koneksi 'Dewa'.. Banyak juga pengguna internet hanya mengandalkan koneksi terbatas pada kecepatan 2G atau sekelas dengan internet-an GPRS via ponsel dengan kecepatan rata-rata sekitar 64-128kbps..
Di situ tantangan kita sebagai para blogger untuk mencari celah bagaimana agar para pengguna internet yang koneksi-nya masih belum 'Dewa' bisa tetap enjoy saat mengunjungi blog kita. Kalau sobat blogger lain perhatikan, blog saya juga mengalami perubahan drastis dalam hal loading halaman utamanya. Jika dibandingkan yang sekarang, dulu Catatan Daring ini membutuhkan waktu 2 kali lebih lama untuk masuk dan memunculkan semua elemen halaman.
Blog menjadi lebih 'berat' untuk dibuka, tentu saja karena terlalu banyak elemen di dalamnya. Oleh karena itu, jangan lupa untuk membuang elemen/widget blog yang kurang perlu, dan periksa lagi, apakah ada script-script yang tercantum, tapi sama sekali tidak terpakai dalam blog.
Kompresi Kode CSS
Salah satu alternatif lain yang dapat membuat proses memunculkan halaman blog menjadi lebih cepat, adalah dengan mengompres CSS script yang ada pada blog. CSS Script adalah script yang mengatur bagaimana tampilan yang ada pada tiap-tiap elemen/widget pada blog, sehingga widget dapat diatur bagaimana warna, ukuran, border, gambar background, dsb.Kenapa bisa berpengaruh??? Ternyata bagian kosong dalam halaman blog dapat membuat ukuran blog menjadi lebih besar, dengan kata lain proses loading menjadi lebih lambat. Contohnya pada script berikut:
.widget-content-kotak {
border-top:0px solid #323c47;
border-bottom:1px solid #323c47;
border-left:1px solid #323c47;
border-right:1px solid #323c47;}
Yang dapat dikurangi ukurannya dengan meminimalisasikan script di atas seperti berikut:
.widget-content-kotak{border-top:0px solid #323c47; border-bottom:1px solid #323c47; border-left:1px solid #323c47; border-right:1px solid #323c47;}
Hal ini disebut juga dengan mengompres script. Kalau tidak percaya, coba saja copy dan paste kedua script di atas pada 2 file .txt yang berbeda menggunakan notepad, kemudian save. Hasil yang di dapat sudah pasti bahwa script ke-2 memiliki ukuran file yang lebih kecil.
Biasanya jumlah CSS script pada blog banyak jumlahnya, sehingga apabila semua script itu di kompres dapat mempercepat loading blog hampir 100% lebih cepat.
Nah...! Cara agar kita dapat mengompres kode CSS dengan instan adalah salah satunya dengan menggunakan layanan gratis yang disediakan oleh CSS Drive.
Cukup masuk pada situsnya, dan copy semua kode CSS dalam blog kita, kemudian di-paste pada kotak yang sudah disediakan, dan klik Compress it. Pada opsi pengaturannya juga menyediakan pilihan antara kompres dengan tingkat Light, Normal, dan Super Compact.
Saya sarankan untuk menggunakan light atau normal, karena kalau menggunakan pilihan ke-3, kode akan dibuat terlalu rapat, bisa-bisa sobat blogger kebingungan kalau mau meng-edit kode CSS-nya.. ^^
KODE APA YANG HARUS DI KOMPRES??? Hehe.. jangan khawatir, kalau sobat bingung yang mana kode CSS, copy saja semua kode tepat sesudah kode <b:skin><![CDATA[ sampai dengan kode sebelum ]]></b:skin>. Masuk pada 'Edit HTML' pada 'Tata Letak' Blogger dan gunakan 'Ctrl+F' untuk mencari kode tersebut, kemudian tinggal di-cut, kemudian ganti dengan kode yang sudah di kompres.
Jangan lupa untuk 'Pratinjau' terlebih dahulu, sebab kadang mengompres dapat membuat script rusak, meskipun itu biasanya terjadi pada Javascript, tidak pada CSS..
Kalau semua sudah dilakukan, dijamin proses loading blog akan terasa meningkat secara drastis..
Untuk langsung mencoba silahkan ke TKP ----> Klik Di Sini <---- Selamat mencoba... ^^
klik yg bawah bos...!!!
Jumlah komentar : (14)
Alternatif 'Smooth Navigational Menu v1.31' (Bentuk Vertikal)
Postingan ini sama dengan postingan sebelumnya, bedanya kali ini merupakan tips untuk mengubah bentuk-nya menjadi bentuk vertikal. Caranya dengan mengganti beberapa kode javascript dan kode CSS-nya dengan script berikut.
Ganti Javascript yang di atas <body> dengan kode berikut:
script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src='http://mimuha.byethost2.com/javascript/menu/ddsmoothmenu.js' type='text/javascript'>
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Jangan hapus kode notifikasi ini..!!
* Script didistribusikan oleh Muhammad Mizan a.k.a MiMuha (em-mizan.blogspot.com)
***********************************************/
</script>
<script type='text/javascript'>
ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
<script src='http://mimuha.byethost2.com/javascript/menu/ddsmoothmenu.js' type='text/javascript'>
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Jangan hapus kode notifikasi ini..!!
* Script didistribusikan oleh Muhammad Mizan a.k.a MiMuha (em-mizan.blogspot.com)
***********************************************/
</script>
<script type='text/javascript'>
ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
Ganti kode CSS dengan kode CSS berikut:
.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 170px; /* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;
border-bottom: 1px solid #ccc;
}
.ddsmoothmenu-v ul li{
position: relative;
}
/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #414141; /*background of menu items (default state)*/
color: white;
}
.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black;
color: white;
}
.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */di bawa
margin: 0;
padding: 0;
width: 170px; /* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;
border-bottom: 1px solid #ccc;
}
.ddsmoothmenu-v ul li{
position: relative;
}
/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #414141; /*background of menu items (default state)*/
color: white;
}
.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black;
color: white;
}
.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */di bawa
klik yg bawah bos...!!!
Jumlah komentar : (6)
Menambahkan MP3 Player Pada Blog Dalam Waktu 60 Detik
Kalian merasa tidak? Judul posting-an kali ini seperti judul buku programming! hehe..! Kenyataannya memang widget kali ini cukup mudah untuk dipasang. Widget ini saya pakai untuk melengkapi tugas blog BoxBerita dari dosen saya yang mengharuskan untuk mencantumkan rekaman suara dalam postingan blog.
Awalnya saya tidak tahu bagaimana cara membuatnya, tapi alhamdulillah ada sobat BloggerTuts yang berbaik hati untuk memberikan tips ini.
Widget ini cukup mudah dipasang dalam blog, bisa diletakkan dimana saja, dalam postingan, atau menjadi widget di sidebar atau bawah postingan. Widget ini merupakan mp3 player ringan, yang hanya mampu menampilkan satu file mp3 saja (cocok untuk menampilkan hasil rekaman suara).
Berikut instruksi pembuatannya:
Masuk pada 'Edit HTML' pada 'Tata Letak Blogger', jangan lupa centang Expand Template Widget. Setelah itu copy dan paste kode berikut tepat di atas kode </head> (gunakan Ctrl+F untuk mencari kode).
<script type="text/javascript" src="http://flash.for.islam.googlepages.com/inlineflashplayercomp.js"></script>
<script style="text/javascript">
var paramplayerflash=2;
</script>
Perhatikan kode yang berwarna merah! Ada 1-8 jenis bentuk player yang dapat kamu gunakan, semua bentuknya berbeda dan dapat kamu lihat pada contoh di bawah.
Setelah itu simpan/save, dan selesai. Bagaimana cara memasang mp3 player-nya..?
Cara memasang widgetnya cukup sederhana, cukup membuat kode berikut ke dalam postingan atau widget 'Kode Javascript/HTML' dan bisa diletakkan dimana saja.
<a href="http://dl.getdropbox.com/u/1693834/Files/samplefile.mp3">Sample File</a>
Setiap kamu membuat tautan (link) yang tujuannya ke arah file berekstensi '.mp3' maka javascript akan otomatis mengubahnya menjadi sebuah mp3 player. Cukup ubah alamat URL yang berwarna merah pada kode di atas. Nama link (Sample File) juga bisa diubah sesuka hati.
Script widget ini cukup cepat dalam proses loading, dan bentuk player-nya dapat diubah sampai delapan jenis, berikut contoh-contoh yang dapat kamu pakai:
Sampel dari BloggerTuts : Player 1
Sampel dari BloggerTuts : Player 2
Sampel dari BloggerTuts : Player 3
Sampel dari BloggerTuts : Player 4
Sampel dari BloggerTuts : Player 5
Sampel dari BloggerTuts : Player 6
Sampel dari BloggerTuts : Player 7
Sampel dari BloggerTuts: Player 8
Keren kan...!?? Kalau begitu silahkan mencoba... ^^
klik yg bawah bos...!!!
Jumlah komentar : (8)