HP Yitno: Februari 2012

Selasa, Februari 28, 2012

Teknik membuat iframe pada Blogspot

Ayo - ayo Indonesia bisa..!!
Itu penggalan lagu apa ya sob? Soalnya ane nggak terlalu hafal sama judul lagunya. Tapi pernah dengar syair lagu itu. Lagunya memotivasi sekali ya sob. Bicara soal motivasi, ane ada sedikit motivasi nih sob. "Katakan aku bisa, aku bisa, dan aku bisa". Kata-kata aku bisa diucapkan sampai tiga kali. Tujuannya adalah memancing pikiran bawah sadar kita bahwa kita benar-benar bisa. Pernah lihat Ninja Warrior kan? Coba amati para peserta-nya, mereka sebelum berjuang selalu mengatakan AKU BISA dengan keras sekali kan. Hal itulah yang sering dilakukan orang Jepang untuk memotivasi dirinya. Bagaimana dengan orang Indonesia?
Inilah sedikit intermezo tentang motivasi sebelum membahas ke topik utama yaitu belajar iframe. Tujuannya supaya sobat semangat dan yakin terlebih dahulu bahwa sobat juga bisa.

Iframe
Apa itu iframe? Iframe merupakan definisi dari inline frame. Penggunaannya bisa diletakkan di antara tag <body> dan </body>. Tujuan penggunaan iframe adalah untuk menampilkan page atau halaman website lainnya ke halaman blog kita. Beberapa browser internet sudah mendukung penggunaan tag iframe. Seperti: Mozilla firefox, Internet Explorer, opera, dan Google Chrome. Namun ada beberapa sih yang nggak support iframe.
Tag <iframe> sendiri berjalan pada web-hosting yang berformat html. Sedang pada web-hosting yang berformat xhtml tidak berfungsi. Untuk web-hosting yang berformat xhtml, tag yang diizinkan adalah frame dan frameset. Sudah tahu kan fungsinya tag frame dan frameset?
Sebenarnya sih tag frame dan frameset hampir sama dengan tag iframe. Hanya saja sedikit agak rumit karena berhubungan dengan lay out suatu website. Tag frame dan frameset sendiri sebagai pengganti tag <body> dan </body>. Setelah adanya css ( cascading style sheet ), tag frame dan frameset cenderung tidak digunakan.

Yuk kita mulai saja pembahasan tag iframe dan attribute-attribute yang bisa digunakan.
Format dasar tag iframe adalah <iframe src="url page"></iframe> Jadi tanpa menambahkan attribute sekalipun, dengan tag standar diatas iframe sobat akan bekerja. Namun kadang nggak seindah yang kita inginkan kan sob? Makanya attribute juga perlu ditambahkan.
Berikut attribute yang dapat disematkan pada tag iframe:
1. src="url page" berfungsi untuk memanggil page atau halaman yang ingin ditampilkan pada page sekarang.
2. align="left | right | middle | top | bottom" digunakan untuk memposisikan suatu iframe
3. frameborder="1 | 0" nilai 1 adalah memberikan garis tepi pada iframe, sedangkan 0 tidak diberi garis tepi.
4. scrolling="yes | no | auto" digunakan untuk mengizinkan pengunjung menggulung layar apa tidak.
5. width="pixels | %" digunakan untuk mengatur lebar iframe, bisa dalam pixel atau persen (%).
6. height="pixels | %" digunakan untuk mengatur tinggi iframe, bisa dalam pixel atau persen (%) juga.
7. marginwidth="pixels" digunakan untuk mengatur jarak garis tepi iframe dengan isi pada sisi kanan dan kiri. Ukurannya dalam pixel.
8. marginheight="pixels" digunakan untuk mengatur jarak garis tepi dengan isi pada bagian atas dan bawah.
9. name="name" bisa diisi dengan nama frame yang kita inginkan. Tujuannya adalah jika kita ingin menampilkan page pada frame itu, target lemparan kita adalah nama frame itu.

Contoh penggunaan tag iframe:
<iframe src=http://coker.wen.ru/about.html" align="left" name="iframe_b" frameborder="1" width="100%" height="200" marginheight="10" marginwidth="9" scrolling="yes">your browser not support</iframe>

Tulisan your browser not support ditujukan untuk browser yang nggak bisa membaca tag iframe. Penulisannya berada diantara tag <iframe> dan </iframe>. Bisa juga kita isi dengan link yang kita lempar ke web-page aslinya.

Hasil dari script diatas seperti ini:

Ini tulisanku, mana tulisanmu?

^Original by HP Yitno^

kembali ke atas

Kamis, Februari 23, 2012

Blogspot, mywapblog, dan wen.ru

Hello sobat Blogger mania. Perjalanan seorang blogger pasti berliku-liku, apalagi yang masih newbie dan baru belajar. Tema dan konsep yang ingin ditampilkan pun belum jelas. Karena semua masih coba-coba ( trial 'n' error ). Mereka pada dasarnya sedang belajar secara otodidak, karena mereka nggak memiliki buku panduan tata cara ngeblog dengan baik dan benar. Hampir semua platform web-hosting gratis mereka jelajahi. Dari mulai blogspot.com, wordpress.com, wordpress.org, mywapblog.com, wen.ru, multiply.com, dan masih banyak web-hosting gratis lainnya yang nggak saya sebutkan disini. Mereka memang masih newbie, tapi karena mereka berani mencoba dan menjelajah, mereka jadi mengerti kelebihan dan kelemahan suatu platform web-hosting. Aktifitas yang mereka lakukan biasanya hanya terpaku pada blog-nya sendiri dan membaca tutorial. Mereka belum mengerti apa itu Blog-walking dan manfaatnya. Mereka sibuk dengan tampilan template blog dan menghiasi blog mereka dengan pernak-pernik blog yang sebenarnya nggak terlalu dibutuhkan. Saking asyiknya menghiasi blog mereka, mereka lupa dengan isi blog-nya. Padahal yang terpenting dari seorang Blogger adalah kualitas tulisannya.

Bukan dipungkiri, ane awalnya juga seperti mereka sob. Sering gonta-ganti subdomain dan membuat blog baru. Kalau sudah punya blog baru, blog lama menjadi terbengkalai dan tak terurus. Kalau ane sih nggak lantas membiarkan begitu saja blog lamaku. Blog lamaku masih aktif hingga sekarang, tetapi beralih fungsi untuk eksperimen dan percobaan. Tak jarang blog lamaku hancur karena percobaan yang nggak memakai aturan. Lupa menyimpan template standar-nya sob ( jadi malu ^_^ )

Karena ane juga sempat menjelajahi beberapa platform Blog, ane mau share kelebihan dan kelemahan platform tersebut. Siapa tahu bermanfaat bagi para blogger newbie khususnya. Langsung kita simak ulasannya sobat. Cekidot brow ^_^

1. Blogspot
blogspot.com

Blogspot merupakan platform yang diusung oleh Blogger.com. Sekarang sudah di akuisisi oleh google. Jadi kalau sobat mendaftar ke blogger.com, secara otomatis artikel sobat akan terindeks di google. Akan lebih mudah mendaftar jika memiliki akun google.

Kelebihan blogspot:
- Berformat html.
- Mendukung javascript, hal ini sangat berguna sekali jika kita ingin memasang widget atau memanggil script yang berada di web-hosting lainnya. Seperti css, javascript, iframe, embedding ( seperti youtube ) atau bahkan membuat script sendiri di Blogspot ( seperti spoiler dan menu search )
- Memiliki media penyimpanan berupa gambar dan video.
- Memiliki 2 versi web yaitu versi mobile dan versi dekstop.
- Seorang blogger diberi keleluasaan untuk mengedit template versi dekstop. Untuk versi mobile, tidak disediakan.

2. Mywapblog

Mywapblog dimiliki oleh Mywapblog.com. Servernya berada di India dan dikelola oleh Mr. Arvind. Aku sendiri terbilang baru di mywapblog.com. Tetapi meskipun baru, disana kalian akan disambut dengan senang hati. Persahabatan terjalin erat disana. Kalian akan kecape'an sendiri membalas komentar-komentar para sahabat mwber's. Mereka mengerti betul pentingnya Blog-walking.

Kelebihan mywapblog:
- Berformat xhtml, setingkat di atas html. Tapi masih mendukung html.
- Mendukung BBCode ( semacam html juga )
- Memiliki media penyimpanan gambar dan beberapa extension file ( 3gp, mp4, jar, sis, sisx dan lain-lain )
- Memiliki 2 versi web yaitu versi mobile dan dekstop.
- Blogger diberi keleluasaan untuk mengedit template versi mobile, tapi tidak diberi keleluasaan mengedit versi dekstop.
- Memiliki ruang chatting. Jadi siapa yang saat itu sedang online akan kelihatan. Kita juga bisa ngobrol langsung di chat room tersebut.
- Memiliki guestbook
- Bebas memilih beberapa subdomain ( seperti: mywapblog.com, heck.in, pun.bz dan lain-lain )

Kelemahannya:
- Tidak mendukung javascript secara penuh. Hanya mendukung css, baik internal css atau external css. Biasanya menggunakan BBCode untuk versi mobile.

3. Wen.ru
wen.ru

Wen.ru merupakan situs mobile asal rusia. Situs ini berbasis website. Jadi kita sendiri dituntut untuk bisa merancang design yang ingin ditampilkan. Situs ini ditujukan untuk pengguna mobile atau wap. Tapi bisa juga untuk dekstop, asal kita tahu cara menggunakannya. Kemudahannya adalah adanya fasilitas wExplorer, jadi kita bisa merancang design template dan menu secara online. Kalau menggunakan situs ini, sobat harus mengerti betul format html dan fungsinya.

Kelebihan wen.ru:
- Bebas iklan
- Berformat html
- Cocok sekali untuk membuat menu yang bisa kita panggil menggunakan teknik <iframe>
- Memiliki fasilitas download manager
- Memiliki guestbook sendiri
- Bebas memilih nama subdomain yang kita inginkan ( seperti: wen.ru, wen9.com dan lain-lain )

^Original by HP Yitno^

Kamis, Februari 16, 2012

Enjoy html versus compose

Salam hangat kawan-kawanku :)
Gimana kabarnya hari ini? Semoga masih bisa tersenyum dengan hangat seperti hangatnya mentari.

Sebelumnya ada sedikit motivasi buat temen-temenku semua. "Suatu kelemahan justru akan menjadi kekuatan yang tak ternilai harganya jika kita mampu mengatasinya". Maksudnya adalah jika kita merasa lemah dalam suatu hal, akuilah dengan senang hati bahwa sobat emang lemah di situ, lalu dengan perlahan ubahlah kelemahan itu menjadi kekuatan dengan cara terus menerus belajar menghilangkan kelemahan itu dan berlatih supaya kuat di sisi itu. Bukan tidak mungkin yang dahulunya adalah kelemahanmu, sekarang malah akan menjadi kekuatanmu. Believe it or not.

Kali ini nggak membahas liburan lagi, melainkan tips and trick. Kemarin habis blogwalking ke beberapa blog sahabat. Ternyata banyak banget sobat blogger yang tulisannya bagus banget dan memiliki ciri khas yang berbeda-beda. Mereka semua pada semangat ngeblog, apalagi kalau ada kontes Give Away. Pesertanya pasti membludak karena banyak hadiah yang di sajikan buat para kontestan. Malahan ada salah seorang blogger bernama pak Marsudiyanto dapat hadiah domain gratis siap pakai. Huh enak banget deh dapat hadiah domain. Domainnya unik lagi sob, enjoy-html.com namanya. Keren kan sob. Emang layak sih hadiah itu untuk pak Mars, karena beliau salah seorang master yang senang utak-atik html. Banyak juga ilmu yang ane dapatkan dari beliau.

Yah segitu dulu cuap - cuapnya. Mari kita bahas tips and trick-nya. Nggak banyak sih tipsnya, semoga saja bermanfaat sob. Enjoy html versus compose, maksudnya sih edit html blogspot. Tapi enakan pakai kata enjoy html supaya belajarnya enak dan nggak terkesan sulit sob.

Dasar - dasar html yang sering dipakai hampir 80% adalah tag <a href=" ">nama link lemparan</a> dan tag <img src=" " />. Kalau kita ngeblognya pakai lap-top dengan metode compose, mungkin hal seperti ini nggak berarti. Tapi jika sobat ngeblognya pakai operamini, sobat wajib mengetahui kode dasar html seperti ini. Karena dengan model compose, sobat nggak akan bisa menulis di postingan blogspot sob. Jadi mau nggak mau harus menguasai html meskipun sedikit. Yah inilah kelemahan operamini sob. Tapi karena kelemahan ini, ada banyak manfaat yang bisa kita ambil sob. Kita bisa mengenal struktur html dan memanipulasinya, karena ada beberapa teknik SEO yang mengharuskan kita menguasai struktur html.

Bukan bermaksud menggurui, tapi hanya sekedar berbagi sob. Fungsi tag tersebut adalah sebagai berikut:
1. tag <a href=" ">nama link</a> digunakan untuk berpindah dari page satu ke page lainnya. Entah berada di page punya kita sendiri atau page orang lain.
Fungsinya:
# href="url" di isi url tujuan kita.
# target="_blank" jika kita ingin membuka new tab, tanpa menutup halaman kita. Tidak digunakan juga nggak masalah.
# title="text" tujuannya jika mouse berada diatas link tersebut, ada tulisan yang muncul sebagai keterangan link tersebut.
# nama link diisi teks sesuai keinginan kita atau di isi gambar juga bisa.
Contoh:
<a href="http://hp-yitno.blogspot.com" target="_blank" title="Blog HP Yitno"><font color="green">HP Yitno</font></a>
Hasilnya seperti ini HP Yitno

2. Tag <img src="url gambar" /> digunakan untuk menampilkan atau memanggil gambar yang berada di hosting gambar, entah itu di picasaweb, flickr atau hosting gambar gratis lainnya.
Fungsinya:
# img src="url gambar" di isi alamat url gambar yang ingin kita tampilkan.
# alt="text keterangan gambar" digunakan untuk memberi keterangan gambar jika seandainya gambar tidak berhasil ditampilkan.
# align="left l center l right" pilih salah satu, digunakan untuk letak posisi gambar. Jika tidak ada, secara otomatis berada di kiri.
Contoh:
<img src="https://lh5.googleusercontent.com/-tucaszltUpo/Tzxxz0z1hmI/AAAAAAAAALk/s8wOsHRTqjQ/s144/hpyitno.png" alt="Blog HP Yitno picture" />
Hasilnya seperti ini:
enjoy-html

Secara tidak langsung, sobat telah menggunakan beberapa teknik SEO. Link, font color="warna text" ( warna link), alt="text", <i>huruf miring</i>, <b>huruf tebal</b> dan attribut lainnya yang disematkan pada postingan kita akan terindeks oleh mbah Google. Tapi yang paling kuat terindeks adalah link dan alt yang disematkan pada gambar.

Ini tulisanku, mana tulisanmu?

^original by HP Yitno^

Minggu, Februari 12, 2012

Liburan di Waterboom Lippo Cikarang

Hello sahabat-sahabatku semua. Sudah pernah berlibur kemana aja nih selama musim liburan? Kalau aku, terus terang baru sedikit banget yang pernah aku kunjungi. Itupun saat rekreasi yang diadakan di sekolah dulu. Maklum masih kuper alias kurang pergaulan tingkat tinggi. Tempat wisata di daerah sendiri aja nggak tahu, apalagi daerah orang lain. Parah banget kan sob aku ini. Tapi itu dulu saat masih di bangku Sekolah Dasar. Sekarang makin kuper aja sob he..he.. :)
Yups, kita tinggalkan sejenak tentang gaul dan kuper. Kali ini mau sedikit bercerita tentang liburan. Minggu kemarin ane dan 3 orang temen ane liburan atau lebih tepatnya kongkow bareng sama temen-temen satu pabrik. Kemana???
Waterboom lippo cikarang. Ada yang sudah pernah kesana..?? Yang berdomisili di cikarang atau pernah bekerja di sekitar cikarang pasti sudah pernah jalan-jalan kesana. Di samping murah, letaknya juga lumayan deket kok.
Tepat pada Hari yang telah direncanakan, layaknya si Bolang [Bocah Petualang] kami bersiap-siap di salah satu kontrakan temen ane. Empat sekawan alias F4 ( baca: F Tse ) di suatu pagi telah berkumpul disana. Untuk apa??? Yang jelas bukan buat kondangan :). Nggak sob cuma bercanda, mau siap-siap berangkat ke waterboom lippo cikarang.
Perlu diketahui F4 (baca: F Tse) dalam cerita ini bukan Toming Tse dan 3 kawannya seperti di sinetron meteor garden lho sob. Berbeda, sama sekali berbeda.
Inilah ke empat personel F4:
1. Sukron

Bocah asli demak. Kelakuannya selalu bikin orang ketawa. Orangnya suka banget ngebanyol, apalagi ledekin temen yang kuper. Kontrakannya di jadikan Basecamp sementara. Bukan tanpa alasan sih, karena dari ke empat anggota F4 (baca: F Tse), kontrakannya Sukron lah yang mudah ditemukan. Jadi misalkan ada teroris yang bersembunyi disana, pasti langsung ketemu sob he..he..he.. :)

2. Yulianto

Orangnya yang memakai kaos oblong putih. Cah semarang coy. Orangnya agak pendiem dan cool habis. Tapi baik hati dan tidak sombong. Ciyeeee...... langsung senyam-senyum sendiri.
Kapan kita touring ke Ancol yul? Ane selalu siap dah pokoknya. Tapi numpang bonceng motornya ya Yul. Habis gajian gimana, setuju nggak?
Ya ane selaku pembonceng (follower) yang baik, ikut aja kemana sang driver melaju. Asal nggak terjun ke jurang aja he..he... :)

3. Diki

Orangnya yang pakai kaos biru sob. Anak cirebon poenya. Orangnya kocak dan sedikit usil. Sudah bawaan lahir dari sono-nya kayaknya. Salah seorang pembalap kelas nasional. Kata om "Slanker" sih. Diki penggemar Slank berat sob. Lagu-lagu Slank sampai memenuhi memory HaPe-nya sob. Jadi kalau mau minta lagunya Slank, sama dia saja sob. Pasti dia punya.

4. Aku sendiri

Sudah tahu kan siapa aku. Watak dan perilaku..??? Kalian tentu lebih tahu lewat gaya penulisanku. Di bilang kocak, nggak juga. Pendiem, sedikit sih. Gaul, nggak banget alias kuper. Tapi yang jelas suka berpetualang dan menulis. Pengennya sih Tour 'D Java seperti artis ibu kota gitu sob. Siapa yang mau bayarin hayooo (berharap ada sponsor yang mau bayarin ane sob he..he...)

Kalau sudah kenal, mari berangkat kawan. Cuaca pagi itu sangat cerah, jadi sangat cocok untuk berpetualang. Namun beberapa menit kemudian kami di suguhi langit mendung yang hampir saja membatalkan niat kami pergi kesana. Tapi karena kita adalah si Bolang (Bocah Petualang), kami tak kan gentar menghadapi rintangan yang datang menghadang.
Meski kehujanan di tengah jalan, hal itu terbayar dengan keindahan panorama Waterboom lippo cikarang. Suasananya serasa di Bali coyyy [ padahal belum pernah pergi ke Bali ]. Bukan bermaksud melebih-lebihkan, tapi begitulah yang kami rasakan.

Setelah membeli tiket, kami langsung menuju locker room dan ruang ganti.
locker waterboom lippo cikarang

Banyak banget kan lokernya. Lokernya bayar sob, nggak gratis. 1 koin seharga Rp 20.000,- lumayanlah buat menyimpan barang seharian. Setelah itu langsung pergi ke wahananya. Kalau nggak kolam renang ya main prosotan air. Mainan anak kecil itu lho sob. Terkadang kita perlu kembali bermain seperti anak-anak untuk refreshing diri sob. Beginilah suasana di dalam waterboom lippo cikarang. Nggak bisa diungkapkan dengan kata-kata, jadi perlu diungkapkan dengan gambar. karena lewat media gambar, akan lebih berasa suasananya. Ekspresi dan gaya kami yang super jadul alias NDESO akan keluar dengan sendirinya tanpa adanya JaIm (Jaga Image)