Tips & Trik Wawazawa Playground - gambar, animasi, download, skripsi, lagu-lagu, indonesia, terbaru, gratis, tutorial, flash, gif, lirik, chord, belajar, actionscript, background

Kadang agar tampilan blog kita terkesan lebih professional dan nyaman dilihat, alangkah baiknya kita meminimalkan emen-elemen blog yang berbau gratisan muncul di halaman blog kita. Nah bagaimana triknya agar elemen-elemen blog yang berbau gratisan tersebut terkesan “nggak gratisan”?

Saya sendiri biasanya memanfaatkan CSS overflow:hidden untuk menutupi/masking tampilan elemen blog gratisan yang kadang membuat tampilan blog kurang sedap dipandang mata.

Sebagai contoh, berikut saya akan masking tampilan Live Visitor dari Feedjit.com yang saya pasang di blog saya.

Tampilan asli :

Hasilnya setelah di-masking :

Pada contoh diatas, saya memanfaatkan CSS sbb:
<div style=”width:170px;height:155px;overflow:hidden;”>
<div style=”margin-top:-60px;margin-left:-1px;”>
<img src=”http://feedjit.com/b/3384657654e504e7.png” />
</div>
</div>

Penjelasan :
Pada kode warna biru terdapat properties CSS width:170px; height:155px; untuk membatasi tampilan dari object yang akan di-masking. Kemudian selanjutnya ditambahkan properties overflow:hidden; yang berfungsi untuk menyembunyikan tampilan object jika object tersebut melebihi batas width dan height yang telah ditentukan sebelumnya.

Pada kode warna merah terdapat properties CSS margin-top:-60px; margin-left:-1px;. Fungsi dari properties tersebut adalah untuk menggerakkan object yang akan di-masking. Margin-top untuk menggerakkan object ke atas, dan margin-left untuk menggerakkan object ke kiri. Semakin banyak nilai negatif dari masing-masing margin akan berakibat object bergerak ke atas dan ke kiri.

Yup, semoga bermanfaat. Selamat berkreasi :)

Salahsatu kendala cepat tidaknya website ditampilkan di browser selain koneksi internet adalah besar-kecilnya file dari halaman website itu sendiri. Termasuk beberapa elemen pendukung meliputi gambar, javascript, swf, css dll.

Nah kali ini kita akan bahas bagaimana cara file css agar lebih kecil ukurannya sehingga halaman website semakin cepat di-load oleh browser.

Contoh kecil sbb :

.kotak {font-size:11px;color:#333333;}
.bulat {font-size:11px;color:#333333;}
Karena kedua class tersebut memiliki properties yang sama sebaiknya tinggal digabung saja menjadi kayak gini :
.kotak,.bulat {font-size:11px;color:#333333;}

Hemat beberapa huruf kan :)

.hitam {color:#000000;}
.putih {color:#ffffff;}
Untuk warna dengan nilai hexadecimal sama, bisa ditulis sebagian aja. Hasilnya kayak gini :
.hitam {color:#000;}
.putih {color:#fff;}

Lumayan bisa mengurangi ukuran file css meskipun cuman beberapa byte aja :P

Apalagi yah… hmmm… hahahaha… lupa :D
Sementara sekian dulu sedikit tutorial css kali ini kapan-kapan nyambung lagi :)

Ada info bagus nih dari ID-webhost.com :
ID-webhost menghadirkan paket blog baru. Kini Anda bisa mempunyai blog dengan nama domain sendiri hanya dengan 110 ribu per tahun.

Apa keunggulan dari Paket Blogger/Blogspot With Your Domain?

Anda bisa memiliki blog dengan nama domain sendiri (namaanda.com dll) dengan harga murah serta fitur Blogger/Blogspot untuk mengatur dan meng-update blog Anda.

Bagaimana cara memiliki Paket Blogger/Blogspot ini?

1. Registrasi di ID-webhost.com

- Buka ID-webhost.com kemudian klik pada menu : “Order Now”, lalu pilih “Pendaftaran Nama Domain Baru” untuk “Daftar Domain Saja”.
- Pada langkah selanjutnya silakan isi data diri Anda, dan pada kolom catatan isi dengan alamat URL blog Blogger/Blogspot milik Anda. Misal : “Daftar Blogger/Blogspot With Your Domain : http://namabloganda.blogspot.com”.
- Lanjutkan registrasi sampai selesai, klik “Check Out”.

2. Setting di Account Blogger/Blogspot

Jika Anda belum mempunyai account Blogger/Blogspot, silakan buat account terlebih dahulu di https://www.blogger.com/start dimana alamat URL Blogger/Blogspot ini yang diisikan saat registrasi di ID-webhost.com. Setelah account Blogger/Blogspot Anda aktif, silakan login di account Blogger/Blogspot tersebut, lalu pada tab “Setting” pilih menu “Publishing” dan pada Blogspot Address isikan dengan nama domain Anda. Petunjuk selengkapnya bisa Anda baca di http://help.blogger.com/bin/answer.py?hl=en&answer=55373.

3. Setelah mengupdate Blogspot Address, silakan tunggu resolve DNS sekitar 12-48 jam sebelum blog Anda bisa diakses.

Secara default blog aktif Anda di alamat misal “http://namablog.blogspot.com” akan tetap bisa diakses meskipun Anda telah mengubah alamat tersebut dengan nama domain baru.
Salahsatu kelebihan menggunakan paket ini adalah Anda tidak perlu pusing kehabisan bandwidth hosting karena hosting ada di Blogger/Blogspot dan kita tidak mengeluarkan uang sepeserpun. Kita hanya beli nama domainnya saja. Selain itu blog kita akan terlihat professional dengan nama domain pribadi.

Anda tertarik? Segera pilih nama domain Anda untuk dijadikan alamat blog pribadimu :)

Setelah sebelumnya kita memanfaatkan free website thumbnailer dari beberapa situs macam websnapr.com dll, kini hadir lagi layanan situs pembuat thumbnail website yang menurut saya bagus banget. Yup, Bitpixels yang beralamat di http://www.bitpixels.com memberikan layanan ini dengan gratis, tanpa iklan, serta sangat mudah diintegrasikan dengan website milik Anda. Caranya cukup simple, daftar dengan account google kamu di situs tersebut. Dan selanjutnya tinggal di copypaste kode beserta url webiste/blog yang akan diambil thumbnailnya.

Berikut contoh hasilnya :

Source : http://zawa.blogsome.com

Source : http://wawazawa.blogspot.com

Source : http://unazzanu.blogspot.com

Yup, semoga bermanfaat :)

Kemarin salahsatu teman ada yang nanyain gimana caranya mengakses email yahoo ataupun gmail melalui handphone/ponsel. Hmmm… sebenarnya mudah banget. Kita tinggal buka browser web yang ada di handphone. Terus jika pengin mengakses email di yahoo mail masukkan alamat http://wap.yahoo.com Setelah muncul halaman depan yahoo mobile, klik menu “Mail”. Selanjutnya tinggal login menggunakan ID yahoo seperti biasa.

Untuk gmail mobile kita bisa akses melalui alamat http://m.gmail.com Cukup mudah bukan… :) Saran saya agar kegiatan browsing via handphone/ponsel bisa lebih menyenangkan coba deh handphone kamu di install OperaMini. Cari dan download aja aplikasi java OperaMini ini via http://wap.getjar.com Dengan tampilan browser yang mirip aslinya di browser komputer serta dilengkapi dengan tampilan cursor mouse dan pengaturan layar yang bisa di-costumize menjadi layar lebar ataupun standard menjadikan kegiatan browsing di handphone layaknya berada di depan komputer hehehehe… :)

Selamat mencoba, semoga bermanfaat.

Search terms : download aplikasi java untuk browsing, cara mengakses email yahoo dari handphone, mengakses gmail dari ponsel, daftar harga handphone nokia terbaru, download operamini untuk handphone, menjebol password yahoo mail, cara buka email yahoo dari handphone.

Kadang ketika lagi bengong terlintas pikiran untuk melihat siapa saja kah yang meninggalkan komentar di blog kesayangan kita saat ini :D. Hmmm… tapi sayang sekali kita tidak berada di depan pc yang terkoneksi internet saat ini. Yang ada cuman handphone/ponsel yang dah diaktifkan GPRS-nya serta tentunya browser WAP internet yang dah tertanam di hp tersebut. (Kebanyakan semua hp dah banyak yang dilengkapi browser deh).

Agar komentar blog kita bisa diakses via handphone, langkah pertama yang kita lakukan adalah register di http://wirenode.com dahulu. Yup, situs ini menyediakan fasilitas untuk mengubah Feed RSS blog kita menjadi halaman blog mobile yang nantinya bisa diakses via handphone. Setelah selesai register, buat blog mobile kamu dengan cara memasukkan alamat Feed RSS Komentar blog kamu. Biasanya kalo blog berbasis Wordpress maka alamat Feed RSS-nya seperti ini http://alamatblogmilikmu.com/comments/feed/. Kemudian pilih alamat domain yang kamu suka. Misal kalo blognya Wawa ini alamat blog mobile untuk komentar adalah http://hellozawa.wirenode.mobi

Terus pilih desain template blog mobile sesuai selera. Yup, cukup mudah bukan… Kini kamu bisa mengecek siapa saja yang menulis komentar di blog milikmu langsung via handphone dengan cara masuk ke browser internet handphone, kemudian masukkan alamat blog mobile yang barusan kamu buat. :)

Search terms : wordpress mobile, mengakses blog via handphone, harga handphone nokia terbaru, free blog mobile, harga handphone bekas nokia.

Lagi senang-senangnya bermain Twitter sampe-sampe pengin naruh “kabar gak penting” menyangkut diri saya di blog ini. Yup, kamu bisa lihat twitter saya di sidebar yang berjudul “Zawa Breaking News” dimana berisi berita-berita gak penting menyangkut diri saya :P. Kabar tersebut selalu up to date banget karena untuk mengupdate kabar di twitter kita bisa melalui handphone / ponsel. Salahsatunya melalui situs http://twitter2go.com ataupun melalui situs mobile twitter yang beralamat di http://m.twitter.com yang bisa kamu akses via browser WAP ponsel. Atau bisa pake aplikasi Java dari Tiny Twitter yang bisa di download di http://tinytwitter.com. Yup, dengan Tiny Twitter kamu bisa update berita di twitter via handphone langsung. Cukup mudah bukan? :)

Untuk aplikasi-aplikasi lainnya yang menggunakan twitter bisa kamu lihat di http://twitter.pbwiki.com/Apps. Trus cara memasang twitter di blog bagaimana? hehehehe… kamu bisa menggunakan kode javascript berikut.

<h2>Judul Twitter</h2>
<div id="twitter_div">
<ul id="twitter_update_list"></ul>
</div><script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script><noscript><a href="http://zawa.blogsome.com">Twitter</a></noscript>
<script src="http://twitter.com/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&count=1" type="text/javascript"></script>

Untuk selanjutnya teks “USERNAME” pada url javascript diganti dengan username twitter milikmu. Terus ganti juga judul twitter-nya. Di kode diatas nilai variabel “count” adalah 1 dimana ini berarti berita yang ditampilkan cuma 1 berita aja. Untuk berita lebih dari 1 cukup diganti dengan nilai angka sesuai selera. Yup, selamat mencoba yaw… :)

Search terms : cara memasang twitter di blog, mengakses twitter di handphone, widget twitter untuk blog, download aplikasi java untuk twitter.

Pengin memasang aplikasi polling atau survey di blog atau website milikmu? atau iseng pengin ditaruh di friendster, myspace, multiply dll? Hehehehe… Yup coba deh aplikasi free polling buatan PollDaddy.com ini. Selain gratis, free polling yang juga pernah mendapatkan awards pada Best Web Applications 2007 versi Webware.com ini juga memiliki fitur-fitur yang menurut saya terbaik untuk kelas free polling. Ini dibuktikan dengan tersedianya berbagai fasilitas edit style template polling, dukungan plugin untuk wordpress, fasilitas komentar, maupun penempatan polling dengan bentuk flash jika website kita tidak mendukung javascript. Komplit kan… :)

Yup, selamat berpolling-pollingan yah… :P

Search terms : free flash polling, best free polls, plugins polling untuk wordpress, best web applications, polling gratis untuk blog.

Pengin blog kamu bisa diakses ke dalam handphone, pda atau gadget apapun yang berbau mobile??? hmmm… kayaknya kamu perlu mencoba situs keren berikut. Yup, di situs http://www.wirenode.com dan http://www.mofuse.com menawarkan cara mudah agar blog kamu bisa diakses secara mobile menggunakan handphone/ponsel.

Caranya cukup simple. Kamu tinggal register di salahsatu situs tersebut kemudian masukkan RSS feed blog kamu yang akan digunakan sebagai content blog mobile. Enaknya lagi, tampilan blog kamu versi mobile tersebut bisa dimodifikasi juga (disediakan templatenya). Selain itu kamu bebas memilih alamat URL yang dikehendaki untuk blog versi mobile milikmu.

Bahkan pada Mofuse.com selain sebagai penyedia situs converter blog to mobile, di situs tersebut juga tersedia layanan pengiklanan yang memungkinkan kamu untuk mendapatkan uang jajan hehehehe…

Yup, selamat bermobile-mobile-an :P

Search terms : rss feed blog to mobile, blog to wap, free blog mobile, mengakses blog di handphone, harga handphone murah, harga ponsel murah, feed 2 blog mobile.

Seperti kita ketahui bahwa pada hasil pencarian google, keyword yang berada pada judul/title situs blog dianggap penting banget oleh google untuk menentukan apakah situs blog tersebut relevant dengan keyword yang dicari oleh user pada search engine google. Untuk itu google memperlakukan keyword pada judul situs blog dengan sangat istimewa karena google menganggap sebuah judul situs blog biasanya juga mewakili dari content situs blog itu sendiri.

Posisi keyword pada judul blog juga berpengaruh banget pada hasil pencarian google. Bagi google, keyword yang menempati posisi paling depan akan mendapatkan nilai lebih daripada keyword-keyword yang terletak jauh di belakang. Untuk itu ada baiknya jika pada default template di Wordpress maupun Blogsome dll diubah sehingga nantinya menghasilkan judul situs blog seperti berikut :

Sebelum :

Sesudah :

Pada contoh diatas, keyword "Jualan Mie Ayam" sesudah diganti posisinya maka akan mendapatkan nilai lebih/diprioritaskan oleh google daripada sebelumnya. Untuk menggantinya cukup mudah, cukup masuk ke Theme Editor Wordpress melalui menu Presentation. Kemudian ubah menjadi seperti berikut :

Sebelum :
<title><?php bloginfo(’name’); ?> <?php wp_title(); ?></title>
Sesudah :
<title><?php wp_title(); ?> <?php bloginfo(’name’); ?></title>

Untuk blog-blog selain Wordpress tinggal disesuaikan seperti konsep diatas.

Selain itu menambahkan keyword-keyword pada judul situs blog yang dimana keyword tersebut dominan muncul di content blog juga berpengaruh banget agar nantinya ter-index pada hasil pencarian google. Sebagai contoh jika situs blog kita membahas tentang Warung Jualan Mie Ayam maka alangkah baiknya pada judul blog ditambahkan keyword-keyword macam mie, ayam, enak, murah, kuliner, lezat dll atau keyword-keyword yang berhubungan dengan Mie Ayam lainnya. :)

Kamu dapat menambahkan keyword-keyword tersebut pada judul/title blog melalui menu Options kemudian pilih ke Weblog title.

Terus efeknya apa??? hehehehe… begini, keyword-keyword pada judul yang barusan kamu masukkan diatas adalah sebagai alternatif jika ternyata tidak ditemukan keyword pada judul postingan yang kamu tulis, atau bisa juga untuk memperbanyak keyword pada judul blog dimana hal ini akan mendapatkan nilai lebih di hasil pencarian google.

Sebagai contoh, seorang user memasukkan keyword "tempat jualan mie ayam paling enak dan murah di jakarta" pada search engine google. Maka jika kita kebetulan menulis posting berjudul "Jualan Mie Ayam dan Es Kelapa Muda" seperti pada contoh pertama diatas, alhasil berapa keyword yang sudah relevant dengan keyword yang dimasukkan oleh si user. :D

Atau bisa jadi jika kamu menulis posting berjudul "bandung" dan isinya mungkin berupa keadaan kota bandung serta sama sekali tidak ada hubungannya dengan tempat jualan mie ayam, maka jika ada user memasukkan keyword di search engine google seperti berikut "tempat jualan mie ayam paling enak dan murah di bandung", alhasil bisa jadi situs blog kamu akan ikutan ter-index di hasil pencarian google karena judul situs blog kamu relevant dengan keyword yang dimasukkan si user :D

Bahkan jika situs blog kamu benar-benar kuat SERP-nya dan mempunyai banyak backlink, user memasukkan keyword di search engine google "ayam kampus bandung yang murah" :P bisa jadi blog milikmu juga ter-index di hasil pencarian google hihihihi… :D