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

Tutorial CSS : Masking Obyek Memanfaatkan Overflow:hidden

Zawa — Fri, 06 Nov 2009 03:26:24 +0000

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 :

Hmmm… lebih manis tampilan setelah di-masking bukan? :)

Pada contoh diatas, saya memanfaatkan CSS sbb:

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 :)

Tutorial CSS : Mengubah Layout Blog Agar Lebih SEO Friendly

Zawa — Thu, 08 Oct 2009 09:29:49 +0000

Seperti yang kita ketahui tampilan/layout blog yang ideal untuk mengoptimalkan SEO (Search Engine Optimization) adalah sidebar di sebelah kanan dalam hal ini format coding html-nya yakni Header - Content - Sidebar - Footer seperti berikut :

Kenapa demikian? ini dikarenakan robot crawler search engine akan meng-crawl urut berdasarkan kode html mulai dari tag html pembuka hingga . Nah perilaku robot crawler search engine itu sendiri jika menemui anchor link dia akan masuk meng-crawl link tersebut.

Bisa dibayangkan jika layout blog kita mempunyai format coding html-nya Header - Sidebar - Content - Footer atau sidebarnya di sebelah kiri. Maka robot crawler search engine akan jalan-jalan ke link-link yang ada di sidebar dulu sebelum menjangkau ke content. Nah ini kurang optimal banget untuk SEO. Terus bagaimana agar secara coding html layoutnya adalah Header - Content - Sidebar - Footer (sidebar di kanan) sedangkan untuk tampilan adalah Header - Sidebar - Content - Footer (sidebar di kiri) ?

Kita bisa memanfaatkan properties CSS float:left dan float:right untuk mengakali agar tampilan/layout blog sesuai dengan keinginan kita. Pada contoh kasus diatas, meskipun coding html-nya berlayout Header - Content - Sidebar - Footer (sidebar di kanan) kita bisa membuat tampilannya menjadi sidebar di kiri dengan cara menambahkan properties CSS float:left pada ID “sidebar” dan menambahkan float:right pada ID “content”.

Hasilnya :

Berikut contohnya :
Judul



HEADERNYA


CONTENTNYA...


SIDEBARNYA...


FOOTERNYA...

Yup, semoga bermanfaat. Dan ingat SEO bukanlah ilmu pasti, tapi dari pengalaman ngeblog, layout jenis inilah yang disukai search engine :D

Membuat Aplikasi iPhone Menggunakan Adobe Flash Professional CS5

Zawa — Tue, 06 Oct 2009 09:08:03 +0000

Kabar gembira bagi Flash Developer. Baru-baru ini Adobe mengumumkan bahwa para Flash Developer kini dapat membuat aplikasi berbasis iPhone menggunakan Adobe Flash Professional CS5 yang nantinya akan segera dirilis oleh Adobe.

Nah bagi kawan-kawan yang sebelumnya harus pusing tujuh keliling belajar Xcode untuk membuat aplikasi iPhone, kini ada alternatif baru yakni menggunakan Adobe Flash :D

More info : http://labs.adobe.com/technologies/flashcs5/appsfor_iphone/

Kopdar Batik

Zawa — Sun, 04 Oct 2009 06:55:39 +0000

Beberapa hari kemarin dalam rangka memperingati Hari Batik dan juga karena menyambut kedatangan salahsatu kawan Blogger Malang, Mbak Elen yang barusan mudik dari Solo, kawan-kawan Blogger Malang mengadakan Kopdar di Gubug Bakar & Bakar belakang ITN Malang. Sebenarnya kopdar kemarin ber-dresscode “baju batik” namun karena batik yang saya punyai lagi nongkrong di laundry dan belum diambil maka kemarin ga sempat pakai batik huhuhuhu… :(

Nah ini screenshot kopdar kemarin :)

# Kopdar Batik

# Mam mam mam… Mam bandeng bakar + jus melon… :”>

Semoga dengan aksi kecil ini dapat menunjukkan kepada dunia bahwa BATIK adalah warisan budaya asli Indonesia dan tidak lagi diklaim oleh negara manapun… Hmmm kalu bicara tentang batik jadi ingat Batik Gedog Tuban, kota kelahiran saya :D

Desain batik dan motif batiknya itu lho… unik hehehehe… :P

# Keren kan motif batiknya… :)

Selamat Idul Fitri Mohon Maaf Lahir dan Batin

Zawa — Sun, 20 Sep 2009 00:26:53 +0000

Selamat Idul Fitri mohon maaf lahir dan batin. Mohon maaf jika selama online di blog, facebook, twitter, plurk, ym dan media-media online lainnya saya punya salah dengan kalian. Mohon dimaafkan yak ^^v

Yup Happy Idul Fitri… Met lebaran…

Kaos #IndonesiaUnite

Zawa — Tue, 15 Sep 2009 00:17:25 +0000

Kemarin sempat nongkrong lagi bareng temen2 Blogger Ngalam di Taman Krida Soekarno-Hatta Malang. Acaranya apaan yak??? hehehehe… bagi-bagi kaos #IndonesiaUnite yang sebelumnya dah dipesan :). Seperti biasa kalu dah ngumpul kek gitu pasti ada ritual narsis foto-fotoan dulu sebelum bubar barisan hehehehe :P

Nah ini foto-foto dokumentasi kemarin :

# Kok warna pink gak ada yak :p

# Karena dah banyak yang pulang, maka yang tersisa cuman mereka ini :D

# Foto ber-6 hakakakakak… =))

# Hwaaaaaaaaaaaaaa…

#IndonesiaUnite
Kami adalah generasi baru, yang menolak untuk hidup dan tumbuh dengan rasa takut. Kami memilih menjadi pemberani.

Keane - Try Again (Live)

Zawa — Fri, 11 Sep 2009 12:38:35 +0000

I fell asleep on a late night train
I missed my stop and I went round again
Why would I want to see you now?
To fix it up, make it up somehow

Baby I’ll try again, try again
Baby I die every night, every time

What I was isn’t what I am
I’d change back but I don’t know if I can

Still I’ll try, try again, try again
Baby I die every night, every time

But I was made the way I am
I’m not a stone, I’m just a man
Lay down your arms and I will lay down mine
Rip back the time that we’ve been wasting

God I wish you could see me now
You’d pick me up and you’d sort me out

Baby I’ll try again, try again
Baby I die every night, every time

NB : Lagu ini gak tau kenapa kembali akrab dengan telinga saya setelah sekian lama jarang terdengar.

Kopdar Ramadhan Sambil Buka Puasa Bersama

Zawa — Sun, 06 Sep 2009 11:00:12 +0000

Kemarin sempat kopdar bareng teman-teman Blogger Malang di Taman Krida Malang sekalian nongkrong buka puasa bersama :D. Seperti hari-hari biasanya di wilayah Jl. Soekarno-Hatta tersebut rame banget orang ngabuburit, penjual ta’jil, dan juga berseliweran para pengemis (padahal kata MUI mengemis tuh haram :P)

Kopdar kemarin banyak yang gak hadir karena berbagai alasan macam nonton :P, istrinya hamil, dan kesibukan lainnya. Thanks buat Fajar, Nita, Qayyum, Nadiyah, Alit, Noki yang dah nyempatin hadir :D

Dan tak lupa ritual kopdar… foto-foto hehehehe :P

Nyari ta’jil dulu di Soekarno-Hatta

Sebelum buka dibuka :D

Menu buka puasa sebelum diserbu… :)

Yup, semoga nanti bisa berlanjut kopdar selanjutnya sekalian halal bihalal setelah bulan ramadhan…

NB : Laporan kopdar lainnya ada disini :
http://nitawanita.blogspot.com/2009/09/kopdar-buber-bloggernaglam-kenikmatan.html
http://mq-hi.da.yat.web.id/konco-komunitas/kopdar-ramadhan-globbers.asp

Twitter Mobile Site - Cara Mudah Update Status Twitter Via Mobile Browser

Zawa — Fri, 04 Sep 2009 02:59:19 +0000

Sejak twitter merilis API banyak banget para developer yang membuat berbagai aplikasi twitter dari berbagai platform baik desktop, mobile, maupun web. Untuk twitter mobile sendiri bisa melalui aplikasi-aplikasi yang didevelop berbasis iPhone, Blackberry, Windows Mobile, Symbian, J2ME, atau via mobile browser.

Nah kali ini kita akan bahas yang twitter via mobile browser. Alasannya karena kita ga perlu install aplikasi twitter apapun di gadget milik kita. Cuman bermodal mobile browser (bisa pake opera mini) dimana kebanyakan gadget pasti tersedia.

Dari coba-mencoba situs twitter mobile mulai milik twitter sendiri yang beralamat di http://m.twitter.com kemudian http://twitter2go.com terus http://m.slandr.net kemudian http://twit2d.com lalu http://m.tweete.net dan akhirnya saya pun naksir yang terakhir tersebut :P

Yup, m.tweete.net meskipun hanya memanfaatkan API twitter, namun fasilitasnya justru mengalahkan situs mobile milik twitter m.twitter.com yang terkesan asal buat aja :P

Beberapa kelebihan situs m.tweete.net antara lain tersedia fasilitas menu ReTweet, twitpic, reply, favorite, search, setting menu, ganti themes dll.

Yup, selamat bertuit-tuit ria via henpun :D

Keane - Somewhere Only We Know

Zawa — Mon, 17 Aug 2009 14:57:17 +0000

I walked across an empty land
I knew the pathway like the back of my hand
I felt the earth beneath my feet
Sat by the river and it made me complete

Oh simple thing where have you gone
I’m getting old and I need something to rely on
So tell me when you’re gonna let me in
I’m getting tired and I need somewhere to begin

I came across a fallen tree
I felt the branches of it looking at me
Is this the place we used to love
Is this the place that I’ve been dreaming of

Oh simple thing where have you gone
I’m getting old and I need something to rely on
So tell me when you’re gonna let me in
I’m getting tired and I need somewhere to begin

And if you have a minute why don’t we go
Talk about it somewhere only we know
This could be the end of everything
So why don’t we go
Somewhere only we know

Oh simple thing where have you gone
I’m getting old and I need something to rely on
So tell me when you’re gonna let me in
I’m getting tired and I need somewhere to begin

So if you have a minute why don’t we go
Talk about it somewhere only we know
This could be the end of everything
So why don’t we go
So why don’t we go

This could be the end of everything
So why don’t we go
Somewhere only we know

NB : Lagu keane yang satu ini lagi sering-seringnya saya putar di winamp. Meskipun termasuk lagu lama, tapi ga bosen-bosennya diputar hehehe… :D

Dedicated to my twitter :)