Blogku ki

Ini Bukan Kucing Biasa, Melainkan Dream Cat Venus Keluaran Sega Toys

2009-07-13T00:35:00.006+07:00

Anda penyuka kucing tapi masih was-was untuk memeliharanya? Tentu banyak alasan kenapa begitu banyak dari kita yang memilih untuk tidak memelihara hewan di rumah. Selain masalah waktu yang mungkin saja menjadi hal yang sulit kita bagi dengan hewan peliharaan, sedangkan waktu untuk diri sendiri saja masih susah Anda bagi dengan tepat. Ada juga karena hewan kadang malah membuat rumah berantakan dan tak jarang malah membuat kita alergi. Hmmm, tentu akan berpikir berulang-ulang jadinya untuk memelihara hewan tersebut bukan?

Tapi hal tersebut sepertinya bukan lagi kendala buat mereka yang suka dengan kucing dan tetap ingin memilikinya di rumah sebagai teman bermain di waktu senggang. Jangan takut dengan berbagai kendala di atas, karena kini pihak Sega Toys telah memberikan solusi lain yang ciamik, sekalipun yang nantinya Anda miliki bukanlah lagi kucing rumahan biasa.

Ini sudah ke sekian kalinya pihak Sega Toys mengeluarkan kucing tiruan selayaknya boneka namun juga bukan boneka biasa. Ini dia yang dinamakan Dream Cat Venus. Kucing tiruan ini akan bereaksi ketika Anda elus ataupun sentuh selayaknya kucing biasa. Tentu Anda tak perlu kerepotan untuk memberikan makanan, karena binatang tiruan ini tentunya tak membutuhkan makanan asli. Anda juga tentu tak akan merasa alergi dengan kucing ini, karena kucing ini memang benar-benar berbeda dengan kucing biasa, walaupun selintas akan terlihat sama. Dikabarkan nantinya kucing ini akan mulai dipasarkan di Jepang pada tanggal 30 Juli 2009 dengan kisaran harga 110 USD atau sekitar 1,1 juta rupiah. Nah, Anda tertarik untuk memeliharanya di rumah Anda?

NVidia Luncurkan Kartu Memori EVGA untuk Mac Pros

2009-07-13T00:20:00.000+07:00

Bagi Anda pemilik produk Mac, berikut ada informasi yang mengembirakan dari produsen NVIDIA, produsen chipset grafis dan motherboard terkemuka dengan produk terbarunya tersebut.

Baru-baru ini pihak NVidia secara resmi meluncurkan produk kartu memori EVGA terbarunya yaitu NVIDIA GeForce GTX 285. Seperti yang telah dikonfirmasi oleh pihak NVidia, katanya versi ini sangat ramah dengan produk-produk dari Mac. Produk ini sendiri dibandrol seharga 450 USD atau sekitar 4,5 juta rupiah dan telah tersedia di seluruh berbagai toko yang menjual produk Apple tentunya.

Komponen yang mendukung produk ini adalah memori DDR 1 GByte, tersedia 240 pemrosesan core, kecepatan clock memori 2,584 Mhz, memori bandwidth 159 GByte / detik, dan sepasang port DVI dual-link yang dapat beroperasi pada monitor berukuran 30 Inchi dan beresolusi 2.560 x 1.600 pixel yakni dengan asumsi bahwa dalam hal ini bisa digunakan pada sepasang monitor yang berukuran 30 inchi sekaligus.

Wow, menarik bukan? Hm, Kita tunggu saja nanti!

Ayo Lengkapi Koleksimu Dengan Flashdisk Star Wars !

2009-07-13T00:13:00.007+07:00

Jangan mengaku Anda penggemar berat film Star Wars, kalau belum mengkoleksi barang-barang bernuansa Star Wars. Film yang mengambil jalan cerita makhluk luar angkasa tersebut memang cukup laris manis dan memang dari segi cerita dan grafisnya sangat bagus sekali. Begitu juga dengan karakter-karakter unik yang ada di film tersebut tentu Anda akan merindukannya kalau memang Anda adalah penggemar beratnya.

Nah, apalagi kalau di hadapan Anda terpajang benda-benda di atas, wah akan sangat seru sekali mengkoleksinya, karena agak jarang sekali kita menemukan flashdisk dengan bentuk karakter tersebut dan tentunya barang tersebut cukup terbatas jumlahnya. Sangat lucu dan sekaligus keren sekali bukan?

Ini memang bukan pertama kalinya dihadirkan flashdisk berbentuk karakter Star Wars namun dikabarkan kali ini kapasitas dari flashdisk tersebut menjadi 2GB. Untuk jenis karakter yang tersedia dalam produk ini yaitu Darth Vader, Yoda, Stromtrooper dan Boba Fett. Dan keempatnya dibandrol dengan kisaran harga 25 USD atau sekitar 250 ribu rupiah. Nah, Anda tertarik mengkoleksinya? Berdoalah semoga Anda dapat menemukannya di Indonesia koleksi unik ini.

Pasang Animasi Status Page Loading

2009-07-06T18:16:00.003+07:00

Ok langsung aja ya, sesuai janji saya kemaren untuk menuliskan tutorial cara pasang gambar status page loading ini di blogger, yang belum sempat baca silahkan simak dulu info sebelumnya tentang Page preloader disini.

Pertama, pilih saja dulu salah satu animasi preloader dari dua layanan ini Preloader atau Ajaxload, kemudian simpan hasil gambar dalam format gif tersebut. Kalo sudah, silahkan upload file gambar tadi ke hosting anda (yang gratis bisa pake geocities.com)

Langkah kedua silahkan buka notepad anda, kemudian simpan kode dibawah ini dengan nama preloader.js (pastikan ekstensi berakhiran JS, bukan TXT)

var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

Kalo sudah, silahkan upload file preloader.js ke hosting anda (yang gratis bisa pake geocities.com)

Cara Pasang di blogger:

Langsung tuju saja ke alamat EditHTML, cari tag Kemudian ganti tag dengan kode dibawah ini, janga lupa ganti kode warna merah dibawah dan sesuaikan sendiri dengan lokasi alamat penyimpanan gambar dan file JS anda.

Memasang Slider ala Zinmag Primus Template

2009-07-06T17:44:00.006+07:00

Ternyata banyak juga rekan yang ingin mencoba memasang Image Slider/Text Slider ala template Zinmag Primus, Slider yang sudah saya terapkan sendiri di o-om.com ini ternyata selain membuat tampilan blog lebih atraktif dan bergaya, sumbangan kunjungan langsung melalui slider ternyata tidak sedikit jumlahnya. Ok, langsung kecara pasangnya saja ya lagi rada malas nih banyak cuap2 hehehe.

Letakan kode CSS dibawah ini diatas kode ]]>

#slider {
background:url(http://img99.imageshack.us/img99/9594/slide.png);
height: 254px;
overflow: hidden;
position: relative;
margin: 5px 0;
}

#mover {
width: auto;
position:absolute;
overflow:hidden;
}

.slide {
padding: 20px 0px;
width: 1000px;
float: left;
position: relative;
height:200px;
}

.slide h2 {
font-family:georgia, Helvetica, Sans-Serif;
font-size: 24px;
color: #ac0000;
padding:0px 0px 0px 30px;
margin:0px 0px;
width:500px;
overflow:hidden;
}

.slide h2 a:link, .slide h2 a:visited {
color:#fff;
background-color: transparent;
}

.slide h2 a:hover {
color: #ddd;
background-color: transparent;
}

span.slmet {
color: #ee0909;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p {
color: #999;
font-size: 12px;
font-family:georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
}

.slide img {
position: absolute;
top: 20px;
left: 577px;
background:#fff;
padding:10px 10px;
}

#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 113px;
right: 65px;
color: #AC0000;
padding: 3px 8px;
font-size: 14px;
text-transform: uppercase;
z-index: 1000;
}

Kemudian letakan kode javascript dibawah ini dibawah kode ]]>

Kemudian cari kode dibawah ini:

Letakan kode dibawah ini dibawah kode diatas.

Apa saja yang perlu diedit?

1. Karena file javascript diatas meminjam langsung dari alamat lain, jadi saya sarankan rekan menyimpannya pada hosting masing2. Silahkan download semua file javascript disini.

2. Secara default, Background image pada slider diatas kemungkinan tidak sesuai dengan ukuran template rekan saat ini, jadi mau tidak mau harus memperkecil ukurannya atau sebaiknya buat saja gambar baru sesuai dengan ukuran dan lebar template rekan yang sekarang.

#slider { background:url(http://img99.imageshack.us/img99/9594/slide.png); height: 254px; overflow: hidden; position: relative; margin: 5px 0; }

3. Setelah rekan selesai dan berhasil memasang semua kode di atas, contoh slider yang tampil hanya sebagai sample saja, jadi silahkan dihapus link, text dan gambar milik saya dan ubahlah gambar, link dan kalimatnya sesuai kebutuhan.

4. Untuk mengatur letak text, gambar dan link bisa rekan coba otak-atik sendiri pada kode CSS, terus terang setiap template tentu berbeda ukurannya, jadi saya sendiripun gak tau harus gimana menjelaskan cara mengaturnya.

5. Untuk mengatur delay pada slider, silahkan buka file slider.js kemudian tinggal ganti saja jumlah var delayLength = 4000; dengan angka berapa saja, mis 5000 atau 9000 (catatan: 1 detik = 1000)

Selamat mencoba dan berpusing ria :D

Pasang Avatar

2009-07-06T17:32:00.002+07:00

Sebenarnya memasang avatar Mybloglog di kolom komentar bukanlah hal yang baru, namun dari beberapa blog yang pernah saya kunjungi ternyata sedikit sekali mengaplikasikannya. Entah kenapa tutorial yang pernah dipopulerkan oleh si blogger cantik Amanda ini ternyata tidak begitu banyak peminatnya, padahal menurut saya widget ini ternyata lebih bagus dibandingkan tutorial yang dulu pernah saya ulas disini, memang ada bedanya sih, tutorial lama yang pernah saya tulis memang tidak menggunakan pemanggilan avatar melalui widget Mybloglog, tapi langsung menggambilnya melalui Profile Blogger.

Nah, ditengah kesibukan saya saat ini dan kemaren nyempetin waktu sebentar nyobain avatar yang sudah terbilang basi ini, eh hasilnya sungguh diluar dugaan.. ternyata sampai saat ini sudah ada sekitar ratusan ribu blogger yang ngantri dan tertarik ingin juga memasangnya (waks* ketahuan bener ngibulinnya wkwkwwk). Huh..berhubung terus menerus di desak dan malah ada yang berani bayar tutorial ini dengan harga tinggi yah mau gak mau saya tulis saja langsung tutorialnya. Halah ngalur ngidul gak jelas...(biasa lagi error mode on hihihi)

Ya sudah, lupakan tulisan dodol diatas, langsung aja ya..

1. Pastikan rekan sudah terdaftar di Mybloglog

2. Kalo sudah, sekarang kembali ke Blogger, lalu tuju langsung kehalaman Edit HTML. Cari tag kemudian copy-paste saja semua script dibawah ini dan letakan diatasnya. (jangan lupa di save dulu)

3. Masih pada halaman Edit HTML, beri tanda centang pada Expand Widget Templates. Kemudian cari kode dibawah:

Sudah ketemu? kalo sudah, silahkan copas semua kode dibawah ini dan letakan kembali dibawah kode diatas.

4. Simpan dan lihat hasilnya..met nyoba aja dah :)

Menampilkan Gambar Transparan, Mouseover Effect

2009-06-24T04:53:00.003+07:00

Ini maksudnya apa ya? ok, dari pada saya jelasin panjang lebar coba rekan lihat dulu samplenya di zoomtemplate.com, kalo sudah coba sekarang arahkan mouse ke gambar yang ada dihalaman postingan..nah disitu rekan akan melihat efek dimana gambar yang semula terang akan menjadi redup atau bisa juga sebaliknya dari redup menjadi terang ketika dilewati mouse. Mungkin sudah cukup jelas maksudnya ya, langsung aja ke bahasan selanjutnya :)

Cara kerja efek gambar transparan diatas tidak begitu sulit, yang kita perlukan hanya memanfaatkan properti CSS Image Opacity. Namun sebelumnya perlu juga diketahui property CSS opacity sebenarnya tidak termasuk dalam standar CSS, dimana property ini hanya bekerja dengan baik pada beberapa web browser modern saja.

Contoh mouseover effect dari redup ke lebih terang (diset langsung dalam gambar)

Url lokasi simpan gambar" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

Url lokasi simpan gambar" border="1" style="opacity:1;filter:alpha(opacity=100)"
onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>

Mungkin agak ribet juga ya jika setiap image harus diset satu-persatu nilainya propertinya, nah agar setiap postingan rekan langsung memilik efek ini secara otomatis, bisa langsung menambahkan kode CSS ini:

.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}

.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}

Setahu saya Firefox biasanya menggunakan property opacity:x untuk melakukan tranparancy, berbeda dengan IE yang menggunakan filter:alpha(opacity=x). Pada Firefox opacity:x nilai pada x dapat diisi dengan value antar 0.0 -1.0 sedangkan pada IE filter:alpha(opacity=x) nilai x antara 0-100.

Memasang Widget Recent Post + (Thumbnails dan Comment Count)

2009-06-24T04:26:00.002+07:00

Beberapa rekan mungkin sudah ada yang pernah memasang Widget Recent Post + Thumbnails + Comment Count ini ya, bagi yang belum pernah tidak ada salahnya mencoba memasang widget cantik ini yang saya ketahui pembuatnya bernama Kranti, yaitu owner dari Bloggertriks.com. Kalo tidak salah dulu saya pernah juga menulis tentang Recent Posts menggunakan Javascript, tapi yang terbaru ini rada beda, dimana widget ini tidak hanya menampilkan recent post doank, tetapi juga dilengkapi dengan penambahan fasilitas gambar dan juga jumlah komentar. Silahkan lihat samplenya di zoomtemplate.com

Ok tanpa banyak omonk langsung ke tutorial saja yoooo.

Untuk memasang widget ini caranya sangat mudah, kita tinggal copy-paste aja semua kode dibawah ini, kemudian langsung paste aja dalam gadget HTML/javascript (Tuju tab Layout - Page Elements - Add a Gadget - pilih HTML/javascript)

Apa saja yang perlu diedit?

boxwidth - Ukuran Lebar Widget
cellspacing - Spasi diantara cells
borderColor - Warna Border
thumbwidth & thumbheight - Ukuran lebar dan tinggi gambar Thumbnails
fntsize - Ukuran Font pada title
acolor - Warna title
aBold - Tebal huruf pada title? (true or false)
numposts - Jumlah recent post yang ditampilkan?
home_page : http://NAMABLOGKAMU.com/ (Ubah sesuai URL blog masing2)

Animasi gambar Opacity menggunakan jQuery

2009-06-24T03:52:00.003+07:00

Postingan kali ini sebenarnya cuman memperbaiki tutorial sebelumnya mengenai tranparansi gambar menggunakan CSS Opacity. Kok memperbaiki, emang ada yang salah ya? sejujurnya gak ada kok, masalahnya hanya pada tampilan di browser..dimana CSS opacity ternyata kurang begitu berjalan dengan baik pada beberapa browser versi jadul, salah satunya di IE6. Selain itu efek animasi yang ditampilkan juga kurang begitu mantap dan terlihat kasar. Nah sayang banget tuh punya efek animasi gambar yang ok tapi gak support di browser lawas, untuk itu kali ini saya coba mengenalkan efek animasi yang lain menggunakan Opacity via jQuery.

Efek blur tranparansi yang ditampilkan menggunakan Opacity jQuery ternyata lebih halus jika dibanding dengan Opacity CSS, dan sepertinya juga support di semua browser, asalkan pada browsernya tetap mengaktifkan Enable Javascript lho ya hehehe. Untuk melihat contoh efek gambar yang dihasilkan jQuery silahkan langsung aja ke Blog baru saya Free Blogger Templates Gallery.

OK, langsung ke tutorial saja ya...

Buka halaman Edit HTML kemudian letakan script dibawah ini di bawah kode ]]>

Contoh manual memasang efeknya pada gambar :

class="efekanimasi" src="url alamat gambar"/>

Sebenarnya ada cara lain yang lebih mudah dimana kita bisa langsung mengaktifkan efek gambar ini disemua image pada halaman posting. Caranya, copy paste aja script dibawah ini, dan letakan saja dibawah kode ]]> atau dibawah script yang sudah kita masukan sebelumnya.

Good Luck :)

ATI Radeon HD 4770, VGA Pertama dengan Chip 40nm

2009-05-12T23:48:00.001+07:00

Radeon HD 4770, VGA Pertama dengan Chip 40nm

Situs PC Pop asal Jepang menampilkan beberapa slide menarik mengenai kartu grafis terbaru ATI Radeon HD 4770 yang akan datang dengan chip berfabrikasi 40nm, menjadikan ATI sebagai pemimpin sementara dalam persaingannya melawan NVIDIA.

Berdasarkan spesifikasi yang dijelaskan di situs, Radeon HD 4770 (RV470) kemungkinan besar akan bekerja lebih cepat dibandingkan NVIDIA 9800GT, dan kemenangan juga didapat dari kisaran harganya yang dipatok pada $99, yang berarti lebih rendah jika dibandingkan dengan harga 9800GT yang sekarang antara $119 sampai $139.

VGA ini makin berkilau dengan chip processingnya yang sudah menggunakan fabrikasi 40nm sehingga bisa menampung lebih banyak transistor ke dalamnya yang total ada 826 juta, berbanding 9800GT yang masih menggunakan fabrikasi 65nm dan 55nm. Sebagai tambahan Radeon HD 4770 menyediakan memori GDDR5 yang lebih cepat, tapi sayangnya jumlah memori video (frame buffer size) yang disediakan baru ada 512 MB, tenaga proses mencapai 960 GLOPs, clock speed pada 750 MHz dan clock memory sebesar 800 MHz menggunakan memory bus 128-bit, dan konsumsi tenaganya sekitar 80 watt.

DirectX 10 vs. DirectX 10.1

VGA ini sudah lebih jauh mengungguli 9800GT dengan dukungannya terhadap DirectX 10.1. Tapi peningkatan seperti apakah yang diusung DirectX versi terbaru ini? Dari diagram yang ada pada slide oleh AMD, di sana diperlihatkan game PC STALKER: Clear Sky sebagai benchmark. Pengaturan resolusi layar pada 1920x1200 dengan patch DirectX 10.1 menghasilkan FPS (Frame per Second) hampir mencapai 40. Sedikit lebih baik dibandingkan DirectX 10 yang hanya sanggup mencapai 36 FPS. Selain itu efek bayangan dan cahaya menjadi lebih realistis dengan teknik rendering min/max shadow map terbaru untuk menghasilkan kualitas tingkat tinggi terpaan cahaya pada permukaan suatu benda.

Perbedaan kualitas video game di DirectX 10 dengan DirectX 10.1 bisa Anda saksikan di sini:

Beberapa slide mengenai kartu grafis ATI Radeon HD 4770 yang diambil dari situs PC Pop:

Speaker Masa Depan, Tipis dan Fleksibel

2009-05-10T00:05:00.000+07:00

Universitas Warwick di Inggris Raya memperkenalkan teknologi loudspeaker terbaru yang sangat tipis dengan ketebalan kurang dari seperempat milimeter sehingga jika ditempel di dinding, maka bisa menyatu seperti halnya sebuah wallpaper. Selain tipis speaker ini juga fleksibel, insinyur dari Warwick mengatakan kalau speaker ini dapat disembunyikan dengan rapi di langit-langit atau interior mobil yang permukaannya tidak rata sekalipun. Karena itu perangkat ini dinamakan FFL (Flat Flexible Loudspeaker)

Lewat perusahaan Warwick Audio Technologies yang sudah berdiri sejak 2001 dikembangkanlah speaker tertipis di dunia ini. Salah satu insinyurnya mengatakan bahwa loudspeaker tipis ini sangat ideal untuk dipakai pada ruang publik, karena perangkat ini menyediakan gelombang suara dua dimensi, dimana proyeksi suara yang dihasilkan lebih panjang dibandingkan dengan suara dari speaker konvensional. Sehingga suara yang dihasilkan dari speaker ini menjadi lebih jelas terdengar walaupun ditempatkan di lokasi yang ramai sekalipun.

Cara speaker bekerja ini adalah dengan mengubah sinyal elektrik ke dalam bentuk suara. Biasanya sinyal itu digunakan untuk menghasilkan berbagai medan magnet yang mana akan menggetarkan sebuah kerucut mekanik sehingga bisa menghasilkan suara. Teknologi yang menyusun FFL adalah material-material konduktor dan isolator yang tipis, kemudian dalaam pengembangannya menghasilkan sebuah lapisan yang flsksibel. Ketika lapisan ini aktif akibat dipicu oleh sinyal elektrik, lapisan tersebut akan bergetar dan menghasilkan suara. Level tekanan suara berkisar antara 80-105dB. Daya yang digunakan sangat kecil jika dibandingkan dengan speaker lainnya yang rakus daya. Speaker masa depan ini dipastikan akan memiliki harga yang terjangkau, karena berupa lapisan tipis sehingga proses pembuatannya lebih mudah dan cepat.

Sampai saat ini perusahaan Warwick Audio Technologies sedang melakukan negosiasi dengan beberapa perusahaan rekanan (OEM) dan direncanakan produk akan dijual pertama kali ke publik pada tahun ini. Sasaran penggunaan dari speaker FFL ini adalah untuk diaplikasikan pada daerah sekitar transportasi publik (terminal, stasiun, dll), otomotif, pendidikan, TI, multimedia, arsitektur dan dunia kesehatan.

Teknologi yang sangat menarik bukan? Jadi, jangan kaget jika suatu saat Anda mendengar suara-suara dari sebuah poster/ papan iklan yang ditempel di dinding.