Johnny, Pedro, Tips & Trik Wawazawa - Playground : blog, gambar, animasi, download, lagu-lagu, indonesia, terbaru, gratis, ringtones, tutorial, flash, gif, lirik, chord, belajar, actionscript, background

Dulu pas pertama lihat Technorati sempat kagum ketika setiap weblog yang terdaftar disitu, profilnya terdapat thumbnail screenshot dari weblog tersebut dan selalu di-update pula gambar thumbnail screenshot-nya. Pas jalan-jalan di internet akhirnya nemuin situs-situs penyedia generator thumbnail screenshot kayak di Technorati tersebut.

Yup, berikut kode-kode untuk menampilkan Screenshot weblog :

<img src="http://files.adbrite.com/httpads/alexa_thumbnail.php?url=http://blogmilikmu.com" alt="Ini Screenshot blog-ku :)" title="Ini Screenshot blog-ku :D" />
Preview :

<img src="http://images.websnapr.com/?size=s&url=http://blogmilikmu.com" alt="Ini Screenshot blog-ku :)" title="Ini Screenshot blog-ku :D" />
Preview :

<img src="http://msnsearch.srv.girafa.com/srv/i?s=MSNSEARCH&r=http://blogmilikmu.com" alt="Ini Screenshot blog-ku :)" title="Ini Screenshot blog-ku :D" />
Preview :

NB : Biasanya untuk situs blog yang masih baru tidak tersedia thumbnail screenshotnya… harap pak sabar :)

Tags : screenshot situs blog, thumbnail preview situs, free websnapr, alexa thumbnail preview, generator screen shot website, technorati screen shots, situs penyedia thumbnail screen shot website, cara menampilkan thumbnail screenshot blog.

Meskipun di Multiply saat ini dah ada fasilitas Guestbook, tapi tetap aja si calon penulis guestbook tersebut diwajibkan untuk beli tiket dengan cara login di Multiply terlebih dahulu. Hal ini kadang menjengkelkan karena kita cuman pengin absen aja atau cuman meninggalkan jejak tanpa perlu beli tiket login MP terlebih dahulu. Untuk itu ga ada salahnya jika di Multiply kita tempelkan fasilitas Shoutbox gratis macam cbox.ws, oggix.com dll layaknya di weblog.

Tetapi *kalo gak salah :P* tag <iframe> yang biasa kita gunakan untuk menempelkan Shoutbox gak diperbolehkan dipasang di Multiply. Cuman disini tag <object> yang biasa kita gunakan untuk menempelkan animasi flash ternyata diperbolehkan oleh MP. Hehehehe horeee kabar bagus… Yup berarti kita bisa gunakan tag <object> tersebut untuk menampilkan Shoutbox. Caranya CopyPaste kode yang telah kita dapatkan dari penyedia Shoutbox gratis kedalam Notepad, kemudian save menjadi file HTML. Misal di-save menjadi shoutbox.html. Kemudian upload file html ini ke hosting Anda, bisa juga pake hosting gratisan (freewebs.com, geocities.com, ifastnet.com, freewebtown.com dll) ato dimana aja terserah Kamu… :D

Terakhir, login ke MP terus klik Costumize MySite terus klik Edit terus masukkan kode di bawah ini ke Welcome Message. Jangan lupa untuk URL datanya (teks warna kuning) diganti dengan tempat Kamu upload file shoutbox.html yang tadi.

<object type="text/html" data="http://hostingtempatkamuupload.com/shoutbox.php" height="400" width="200"></object>

Klik Save, jadi deh… :D

Biasanya kalo ukuran height dan width <iframe> pada shoutbox lebih besar daripada ukuran height dan width <object> maka akan muncul scrollbar yang double. Untuk mengatasi ini kita bisa memasukkan nilai height dan width di <object> lebih besar daripada yang di <iframe>.

Preview : http://unazzanu.multiply.com

Yuhu met nyoba… :D

Bagi rekan-rekan pengguna WordPress yang pengin blognya mendapatkan rating tertinggi (paling tidak menaikkan rating) di suatu search engine, sebaiknya dalam memilih struktur URI untuk permalink tidak menggunakan default dari WordPress. Pilih aja yang berbasiskan tanggal dan judul postingan (date and name based).

Hal ini dikarenakan setiap search engine akan lebih memprioritaskan sebuah dokumen dalam blog dengan kata kunci yang berada tidak hanya dalam content description pada meta header dan teks-teks isi halaman blog saja, melainkan title blog serta kata kunci pada URI permalink juga sangat diprioritaskan oleh search engine.

Sebagai contoh :

Mungkin karena itulah banyak penyedia blog gratisan yang berpedoman pada struktur URI permalink berbasis tanggal dan judul postingan agar mudah diakses oleh search engine. :)

Bagi yang pengin memasang page transition di website/blog (efek perubahan tampilan halaman web, kayak transisi video), silakan CopyPaste salah satu kode dibawah ini diantara <head>dan</head> weblog kamu… Jika efek transisi terlalu cepat atau bahkan terlalu lambat, kawan-kawan bisa merubah durasi tampilnya transisi dengan cara mengganti angka pada Duration=1 (detik).

NB : Transisi hanya bisa bekerja untuk browser Internet Explorer :)
Yuhu… met nyoba yak…

Blend in

<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=0)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=1)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=2)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=3)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=4)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=5)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=6)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=7)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=8)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=9)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=10)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=11)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=12)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=13)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=14)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=15)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=16)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=17)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=18)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=19)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=20)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=21)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=22)">

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=1,Transition=23)">

Sering gonta-ganti tempat blog??? hehehehe… itu siy wajar bos, maklumlah manusia sering mencari yang terbaik untuk dirinya :)
Tapi hal ini jadi bermasalah ketika kita sudah pindah blog cuman para kawan-kawan/pengunjung kita banyak yang tidak tahu alamat kita yang baru. Hmmm… cara termudah agar para pengunjung langsung dialihkan ke blog kita yang baru adalah melakukan redirect dari blog yang lama. Berhubung di blog gratisan kita cuman diijinkan untuk mengedit HTML dan JavaScript doang, maka trik ini bisa kita gunakan.

Pertama login ke blog kamu, terus masuk ke edit template, masukkan kode JavaScript ini di paling atas :
<script language="JavaScript">
window.location.href("http://alamatblog.yangbaru.com");
</script>

Kenapa kok ditaruh paling atas??? hal ini agar skrip langsung dieksekusi tanpa menunggu tampilan blog dimunculkan di browser… :D

Sebenarnya meskipun kita sering pindah tempat blog, hal itu gak jadi masalah ketika kita memakai domain forwarding gratisan seperti di dot.tk, freedomain.co.nr, unonic.com dll yang fungsinya juga sebagai redirect alamat web.

Alkisah pada suatu siang di padang pasir terdapat seorang cowok bernama Joni. Cowok ini lagi asyik ngutak-ngutik laptopnya. Karena mo ngecek imel, koneksi internet pun dipasang. Situs tujuannya langsung ke Yahoo!. Berhubung gak ada IE (browser miliknya Om Bill Gates) si Joni tersebut menggunakan Mozilla Firefox. Jari-jarinya langsung menekan keyboard sehingga pada address bar di Browser Firefox tadi nongol tulisan "yahoo". Tanpa berpikir panjang, kombinasi tombol Ctrl dan Enter pun ditekan bersamaan (cara ini untuk meng-otomatisasi tulisan "yahoo" menjadi "http://www.yahoo.com" secara cepat, trik ini juga dapat dilakukan di IE. Bagaimana dengan browser Opera??? hehehehe… kalo Opera siy lebih singkat lagi, cukup ketik "yahoo" terus Enter).

Selang beberapa detik situs Yahoo! pun nongol di monitor. Pas lihat address bar di Firefox Joni jadi penasaran karena disitu terdapat icon logo Yahoo! berupa huruf Y berwarna merah. Hal ini tidak pernah ditemui Joni sebelumnya karena selama ini dia memakai browser IE. Dalam hatinya dia bertanya-tanya gimana yak cara nongolin icon website tersebut… Untunglah meski gak kenal sama Joni, yang punya blog ini tahu isi hati beliau… (Hihihihi, yang buat cerita aneh ini kan ya saya sendiri… :P).

Yup gini caranya, buat dulu di Photoshop ato software grafis lainnya berupa image dengan ukuran 16x16 pixel. Terus save kedalam JPEG ato GIF. Karena untuk icon ini yang dibutuhkan adalah file yang berekstensi ICO (direkomendasikan pake ekstensi ini, meskipun sebenarnya pake JPEG ato GIF juga bisa), maka kita tinggal ganti aja (rename) ekstensi file JPEG ato GIF yang barusan kita buat tadi. Misal nama file awal adalah : favicon.gif setelah diganti ekstensinya maka hasilnya menjadi : favicon.ico. (hahahaha… cara terburuk mengganti ekstensi :P)

Langkah terakhir upload file tersebut ke hosting milikmu, bagi yang punya ID Yahoo! aktifkan aja free hostingnya di Geocities.com, bagi yang dah punya hosting di Photobucket.com Anda cuman bisa gigit jari karena di Photobucket file berekstensi ICO tidak diijinkan untuk diupload alias ditolak!!! (wah kayak reality show di tipi aja…).

Setelah itu untuk memunculkan icon tersebut ke website kita, masukkan kode dibawah ini diantara tag <head> dan </head>. Jangan lupa untuk mengganti URLnya sesuai dengan letak file icon yang barusan kamu upload.

<link rel="shortcut icon" href="http://www.hostingmilikmu.com/favicon.ico" />

Yup, selamat mencoba… :D
Waduw, cerita si Joni tadi endingnya gimana yak??? heuhehehe… Saksikan di bioskop2 terdekat di kota Anda… :P