Membuat tampilan web responsive: dengan meta tag ‘viewport’

image courtesy http://www.quirksmode.org/

Pernah kah membuat tampilan website yang sangat bagus kelihatannnya di desktop, namun menjadi kurang ‘pas’ di browser mobile atau malah berantakan? nah buat temen-temen yang ingin membuat design web template yang fleksible di semua browser, meta tag viewport ini sangat berguna mengatasi hal tersebut.

Sebenarnya konsep viewport ini dicetuskan oleh apple (CMIIW) untuk produk2nya termasuk IOS pada ipod/iphone dan ipad, namun diterapkan juga oleh browser-browser lainnya. (Apple memang pelopor yah hehe)

Untuk gampangnya, sebagai contoh tampilan yang dilihat adalah tabel berukuran 980px. Coba langsung tambahkan kode-kode berikut diantara < HEAD>, dan apa yang akan terjadi?

< meta name="viewport" content="width=device-width" >

Ipad pada posisi landscape mempunyai resolusi 980px, dan pada posisi portrait akan memiliki resolusi 768px,maka jika ipad diputar dari landscape ke portrait. Tabel berukuran 980px akan menyusut skalanya menjadi muat di 768px, jadi bukan ukuran tabelnya yang berubah, tetapi skalanya, maka tulisannya akan terlihat mengecil.

< meta name="viewport" content="width=320" >

Ini sangat berguna jika kamu merancang tampilan khusus untuk device tertentu saja. Untuk iphone misalnya.

< meta name="viewport" content="initial-scale=1" >

Berapapun ukuran resolusi browser, tampilan akan 100%. Pada kasus ipad rotation tadi, maka tampilan akan sedikit terpotong pada mode portrait karena skalanya tetap 980px.

< meta name="viewport" content="maximum-scale=1" >

Menentukan maksimum zoom-in yang bisa dilakukan, kalo ini kan 1, berarti gak bisa di zoom-in lagi deh.

< meta name="viewport" content="user-scalable=no" >

User tidak bisa zoom-in dan zoom-out.

Satu hal lagi yang layak dicoba, meta tag viewport memungkinkan lebih dari satu content dimasukkan, cukup dipisahkan dengan tanda koma ‘,’. contohnya:

< meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" >

Saya setuju dengan kata-kata author dari artikel ini (yang juga jadi referensi saya untuk post ini) : Membuat tampilan web responsive, bukan semata-mata serunya melihat tampilan berubah ketika browser di besar-kecilkan resolusi-nya. Tetapi juga mengakomodasi tampilan untuk dapat tampil nyaman di bermacam device, browser dan resolusi πŸ™‚

Informasi lebih lengkap lagi juga ada di websitenya apel somplak di sini

Makasih udah baca, makasih juga udah mau nyebarin informasi yang semoga bermanfaat, makasih sekali lagi kalo mau juga klik pesan sponsor (hehe)

Selamat mencuba! Mohon koreksi kalo tulisan saya ada yang salah yah πŸ™‚

Membuat auto post artikel wordpress ke Facebook dan Twitter tanpa plugin

Bagaimana posting otomatis (autopost) artikel wordpress kita ke facebook dan twitter yah? jadi setiap kali publish artikel, otomatis juga posting di facebook dan twitter. Gak usah pake plugin juga ternyata bisa loh! yuk lanjut bacanya, saya kasih tahu ilmunya yang saya dapet dari temen-temen murah hati πŸ™‚ Continue reading

Review mengenai Talkfusion Indonesia

Teman-teman berikut adalah review saya mengenai talk fusion. Sebenarnya gak harus repot-repot juga saya nge-review bisnis ini karena saya tidak tertarik semenjak diajak ke pertemuannya oleh salah seorang teman. Namun melihat banyaknya anak-anak muda dengan tampang yang polos, Β ‘kurang meyakinkan’, tetapi dengan ‘penghasilan’ yang luar biasa (ngakunya) membuat saya ingin menulis review mengenai Talkfusion juga.

Saya berusaha me-review se-objektif mungkin dan dari sudut pandang seorang internet user di Indonesia (yang sering menggunakan fasilitas-fasilitas yang bertebaran di internet untuk mendukung pekerjaannya), sekali lagi saya tekankan di Indonesia yah, yang mempunyai ‘kultur’ ber-internet yang unik dan berbeda dari negara lainnya di muka bumi ini (belum lagi kualitas koneksi yang masih menjadi barang mewah). Semoga review ini menjadi salah satu bahan pertimbangan buat yang ingin bergabung dengan ‘bisnis’ Talkfusion.

Pertama saya mau review dari produknya si Talk fusion ini lalu ‘bisnis’-nya. Baikklah saya mulai saja review mengenai Talkfusion ini.

Produk- produk Talkfusion antara lain:

1. Video Email

Begitu denger kata video email, yang terlintas adalah video yang streaming di inbox kita. Akan tetapi, yang terjadi adalah seperti email-email biasa yang hanya memberikan gambar ‘thumbnail’ dan tetap membawa kita ke halaman lain dimana video tersebut baru bisa di-streaming. Apa bedanya sama newsletter youtube yang saya terima tiap minggu??? So, apakah produk ini berguna? silahkan anda berpikir.

2. Video Autoresponder

Sebuah autoresponder hanyalah menjadi auto responder. Dengan kata lain, kalau saya mengirim email kepada si ‘Joko’ yang punya video autoresponder talkfusion, Saya tidak akan repot-repot untuk sekedar buka email autoresponder dari ‘Joko’ yang kemudian membuka halaman browser dan men-stream video dimana si ‘Joko’ dadah-dadah ke saya sambil bilang ‘Sori brow, gw lagi liburan euyy’. Berapa waktu dan bandwith terbuang untuk hal yang gak ‘sesuatu’ itu? Saya lebih suka terima auto responder yang ‘to the point’ dan gak lebay. Apakah produk yang ini juga berguna? silahkan anda berpikir lagi.

3. E-Subscription Form

Produk ini memungkinkan anda mempunyai form registrasi dimana alamat email orang yang sudah mengisinya akan otomatis dikirim video auto responder tadi. Kelihatannya keren, tapi setelah dipikir-pikir….video autoresponder tadi cukup lebay, dan fungsi form auto reply email tersebut adalah hal yang biasa – biasa aja sebenarnya. Biaya untuk mendapatkan form tersebut 15x lebih mahal daripada anda membeli sebuah theme wordpress cantik di themeforest dengan segala fitur-fiturnya, termasuk form auto reply tadi. Jadi produk yang ini juga belum layak mendapat angka bagi saya.

4. Video Conferencing

Nah, saya sempat mencari-cari beberapa layanan video conferencing, dan kebanyakan dari mereka berbayar. Wajar, mengingat infrastruktur untuk layanan ini memang harus mumpuni. Talkfusion juga mengharuskan anda membayar dan yang masuk akal hanya biaya bulanannya. Walaupun menurut saya masih diatas layanan-layanan lain yang sejenis. Karena saya orang tidak punya, maka saya lebih preffer yang gratis, dan beruntungnya saya ternyata ada SKYPE yang bisa juga melakukan video conferencing. Sebenarnya video conferencing talkfusion bisa juga share gambar dan desktop, tapi kualitasnya sangat ‘poor’ dan bisa bikin naik darah hehe. Produk tandingan serupa yang lebih baik: SKYPE, Cisco WEBEX, dan tambahin lagi kalo temen-temen ada yang tahu.

Update: saya telat nemu yang gratis: Google plus Hangout!Β selamat mencoba πŸ™‚

5. Video Distribution

Gak Jelas ini apa, mungkin semacam email blast dari video email tersebut. Tapi saya lagi-lagi beruntung punya layanan gratis untuk email blasting ini: Mailchimp. Buat yang sudah pernah menggunakan layanan mailchimp pasti sekarang mengangguk-angguk πŸ™‚ Kalau hanya 12.000 email / bulan? di Mailchimp gratis! di Talkfusion? bayar lah πŸ™‚

6. Social Networking

Ga usah panjang lebar. Facebook, twitter, de el el de el el. Dan seperti kata pebisnis ulung: ‘For something that is already BIG, don’t try to re-invent the wheel!’. Betul kata si anonimous itu, Di Facebook masih bisa share video, walaupun gak bisa conference, bikin account SKYPE gratis, mau email blasting? Mailchimp sangat user friendly. Another zero from me.

7. Video Blog

Eiittss, yang mau bikin website atau blog, petunjuk-petunjuknya ada disini πŸ™‚ Biayanya: Hosting (dari yang gratis sampe bayar), Domain name (150ribuan), template Blog (blogspot, wordpress, joomla, drupal, you name it), video (youtube, vimeo……..yak saya cuma tau 2 itu hehe). Trus mau bikin blog video apa? tutorial masak air? membuat telor ceplok? upload video di youtube, terus ’embed’ deh ke blog kamu yang ada di blogspot. Semuanya gratisss………….

8. Android Application

Yang ini masih belum launching saat tulisan ini saya buat. Tetapi gambaran saya yang ‘optimis’ untuk Talkfusion ini adalah: streaming video di mobile platform masih barang mahal. Tahu berapa bulanan untuk koneksi super yang tidak membuat streaming video atau video conference putus-putus? saya tidak tahu karena saya orang tidak punya. Mungkin akan keren punya aplikasi Android video conferencing, tapi lagi-lagi Skype juga ada versi Androidnya, dan lagi-lagi gratis. Kecuali aplikasi Android dari Talkfusion ini benar-benar sesuatu, maka menurut saya gema-nya tidak akan ‘sesuatu’ sekali.

 

Sekarang bagian Review ‘bisnis’ nya Talkfusion .

Kenapa kata bisnis selalu saya ber tanda kutip? karena ‘bisnis’ Talkfusion ini Absurd.

Joining fee $700-an untuk produk-produk yang tidak senilai bahkan 10 persennya, menurut saya. Yang benar-benar berbeda dan bisa digunakan hanya ‘talkfusion video conference’ selebihnya banyak layanan gratis yang lebih re-liable. (Google plus HangoutΒ gratis!)

Monthly fee sekitar $20-an per bulan. (update $35 – akhir 2013)

Skema nya itu Binary member get member, kata lainnya MLM, produknya apa? layanan video berbayar, ada produk sejenis yang gratis? Uang yang didapat? masuk ke rekening buatan ‘talk fusion’ dan kena fee lagi jika ingin ditransfer ke rekening bank lokal. Mengapa tidak langsung ditransfer ke Paypal saja?

Setuju jika saya bilang ‘absurd‘ ? hak masing-masing πŸ™‚

 

Jika kamu pernah ikut seminar Talkfusion dan mendengar kata-kata ini:’Kata siapa bisnis ini gak jalan? buktinya hari ini begitu banyak orang hadir disini’.

Mungkin ada baiknya kembali berpikir:

– kenapa saya bisa ada disini?

– siapa saja yang ada disini?

– dapatkah mereka membuktikan uang yang telah mereka dapatkan? dan bukan hanya dari email, tetapi rekening bank.

– mengapa yang mereka bicarakan hanya uang dan uang? dimanakah penjelasan mengenai produknya?

– coba riset di internet mengenai Talkfusion, mengingat ini produk yang menggunakan media internet. Jadi pasti ada yang mer-reviewnya (termasuk saya hehe)

– MLM yang bagus, adalah yang produknya bagus dan digunakan banyak orang. Apakah video akan digunakan banyak orang? ya. tapi apakah ada layanan yang gratis? ya πŸ™‚

Buat yang sudah terlanjur bergabung, pengalaman itu mahal harganya. Jadi gunakanlah ilmu mind management / mind trick yang ada di ‘bisnis’ ini dengan cepat, agar cepat kembali uang anda. Itu pun kalau hati nurani anda tidak berteriak dan mengatakan ‘siapa lagi yang akan saya perdaya hari ini?’ setiap kali anda mempersiapkan dalih-dalih demi menerangkan ‘bisnis’ ini kepada ‘associate’ baru.

Apakah Indonesia sudah siap untuk layanan ini? mungkin sudah, tetapi tidak murah. Selama masih mahal, tidak akan orang menggunakan pesan video.

Untuk $700-an, saya lebih baik menginvestasikan uang saya di reksadana / emas, tidak perlu ada maintenance fee juga $20 hehe.

Semoga saya salah dan Talkfusion berkembang di Indonesia suatu hari nanti, akan tetapi mungkin $700 investasi saya juga sudah berkembang dengan aman dan tanpa rasa bersalah.

Mohon maaf jika ada yang tidak sependapat dengan review saya mengenai talkfusion. Mindset saya Β juga ingin cepat kaya, wajar adanya πŸ™‚ silahkan ditanggapi. Just my 2 cents.

Update 1: Berikut ada sepatah dua patah kata dari BOB Reina pada Company plan 2013

update 2: Kalo gak salah ada 7 days money back guarantee, tapi pasti ada bintang kecilnya deh (syarat dan ketentuan berlaku) dipelajari aja dulu. Buat yang dah join dan mau coba refund talkfusion bisa coba link ini:

http://www.talkfusion.com/resources/docs/refund.html,Β http://www.ehow.com/how_10032786_cancel-talk-fusion.html. Thanks to agan Blackvedic!Β 

update 3:Β http://abcnews.go.com/Blotter/business-bureau-best-ratings-money-buy/story?id=12123843#.UedgV9Kmif6Β – thanks to agan Bebek!

Sekilas menurut artikel ini BBB (lembaga yang ngasih grade A ke TF) memang berintegritas tinggi, namun sejak 2 tahun lalu mengganti sistem penilaiannya dari ‘satisfactory/unsatisfactory’ ke sistem grading. Sejak saat itu banyak complain dari mereka yang diminta uang supaya gradenya jadi A. Bahkan Ritz carlton dapet F karena dapet complain 2 pengunjungnya (padahal berapa juta orang udah nginep di Ritz carlton?) dan diminta uang supaya dapet grade A. Gaji eksekutifnya juga sangat tinggi. Who knows? mending baca sendiri biar puas πŸ™‚

update 4:

Buat yang masih pake senjata Robert T. Kiyosaki, Om Robert T Kiyosaki dah bangkrut dari taon 2012 kemaren. (http://www.dailymail.co.uk/news/article-2215642/Rich-Dad-Poor-Dad-bankrupt-dad-Best-selling-author-files-corporate-bankruptcy-losing-24m-judgement.html)

update 5:

Berhubung simpatisan Talkfusion selalu memberikan rujukan ke salah satu web. Maka saya tampilkan disini websitenya, ini yaa untuk TF lover: www.richwithoutrisk.com. Menurut whoisnya, domain dibeli tanggal 20/12/2013, bahkan postingan saya umurnya masih lebih tua.

update 6:

Yak, setelah hampir 2 tahun melayani debat kusir delman, akhirnya keluar juga berita dari Otoritas Jasa Keuangan, yang menyatakan bahwa TF bermasalah, udah yaa komentar kacangnya, udah basi hihi, baca disini:Β http://bisniskeuangan.kompas.com/read/2014/11/10/095051726/Ini.262.Perusahaan.Investasi.yang.Tak.Mempunyai.Izin.OJK buat yang udah terlanjur masuk, tidak apa-apa, badai pasti berlalu, matahari yang cerah menanti disetiap akhir kegelapan malam.

Dan terakhir: Ya, saya masih memantau post ini, terima kasih atas dukungannya πŸ™‚

Membuat wordpress custom page template sederhana sendiri

Ingin membuat page khusus di wordpress tanpa sidebar sehingga tampilan menjadi lebar? atau malah tanpa menu? custom page template wordpress adalah solusinya, dan berikut adalah cara membuat page template wordpress sederhana.

Caranya membuat page template wordpress adalah dengan membuat satu file .php dan harus diletakkan dalam folder theme wordpress kamu.

Sebelumnya, saya mau jawab pertanyaan umum yang memicu kebutuhan untuk membuat custom page template ini. Dimana sih sebenarnya worpress mengatur tampilan untuk page? atau apa file yang mengatur tampilan worpress page?

Jika didalam folder theme wordpress kamu ada yang namanya page.php, yak itulah pelakunya πŸ™‚

Tapi kalau kamu rubah page.php, akan merubah juga semua tampilan default page wordpress kamu. Nah gimana caranya supaya hanya page halaman tertentu dari wordpress kamu saja yang berubah?

Ada cara otomatis atau cara manual, penggunaannya sangat tergantung kebutuhan masing-masing akan keperluan custom page template.(Otomatis artinya, worpress akan langsung menggunakan file tersebut sebagai template. Manual artinya, kamu harus meng ‘assign’ template pada halaman yang inginkan)

1. Cara otomatis adalah, dengan melakukan penamaan file .php sesuai dengan id dari page, atau slug dari page. formatnya adalah:

page-id
page-slug

misalnya: halaman yang akan menggunakan custom page template ini adalah halaman ‘portfolio’ dimana id-nya = ’15’ dan slug-nya =’portfolio’. Maka nama file-nya harusnya: ‘page-15.php‘ atau ‘page-portfolio.php‘.

2. Cara manual? yah penamaannya bebas, tapi usahakan pakai prefix tertentu supaya kamu bisa bedain yang mana file template mana yang bukan. Kalau kamu punya 10 template dengan masing-masing nama file punya prefix, pasti lebih enak lihatnya di ‘file manager’ πŸ™‚

Sudah tahu kira-kira mau pakai cara yang mana?

Nah sekarang diapain file .php nya?

< ? php /* Template Name: Template Portfolio ? >

Dengan menuliskan kode php tersebut, wordpress otomatis membaca file tersebut adalah sebuah page template. Gak percaya? buat yang pilih cara otomatis bisa langsung refresh halaman kamu. Dan buat yang pilih cara manual, kamu assign dulu templatenya ke halaman kamu, save dan refresh halamannya sekarang.

Kalau halaman kamu putih semua, berarti kamu sudah berhasil membuat custom wordpress page template! selamat, selamat *tiup terompet……..hehe

Trus diapain lagi? ya terserah deh. Untuk coba-coba kamu kopi paste aja semua yang ada di page.php ke halaman page template yang baru kamu buat, lalu mulai pretelin tuh satu-satu fungsi yang ada. (Saya kemarin begini belajar bikin custom page template-nya hihihi).

mau hilangin sidebar? cari fungsi ini, trus di comment ‘//’ atau dihapus

get_sidebar()

Pasti sudah gak sabar mau coba hilangin yang lain πŸ™‚

Semoga informasi membuat page template wordpress custom ini bermanfaat, makasih yang udah baca.

Yang mau tau lebih detil silahkan kesini aja: http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates

Yang mau share juga silahkan, berbagi itu kan sama saja memberi πŸ™‚

Mengatasi WordPress Post Caption Error

Picture thanks to: http://i47.photobucket.com/albums/f152/kristarella/WP_captions_hyphen-on.png

Pernah ngalamin Caption image pada wordpress error? berarti kita senasib. Aneh memang, karena sepertinya jarang sekali ada yang wordpress-nya error masalah caption image ini. Tapi dibawah ini ada solusinya:

Sudah lihat gambar diatas kan? yah itu adalah tampilan kalau image kamu ada teks captionnya dan ternyata error – wordpress post caption error namanya (*apalah artinya sebuah nama). Emang bisa kena caption error kayak gini? saya pernah kena loh hehe. Dan untungnya ada yang ngalamin juga dan berbagi informasi, jadi saya juga bisa berbagi disini πŸ™‚

Ternyata, ini salah satu akibat yang diakibatkan karena bentrok plugin. Dan menurut sumber jawaban sayaΒ itu karena plugin ‘social share / bookmark’. Saya pernah menginstall plugin ‘sexy bookmark’ dan ada fitur ‘beta’ nya yang saya aktifkan. Begitu saya ‘de-activate’ langsung mulus lagi deh tuh wordpress caption image-nya. Caption image kembali nongol pada tempat seharusnya, yaitu dibawah image hehe. Tidak ada lagi ‘post caption error’ di wordpress sayahhhh *horee

Kalau teman-teman ada yang pernah ngalamin hal yang serupa namun mempunyai pendekatan berbeda dalam mengatasi ‘post caption error’ ini, bagi-bagi dong disini. Atau silahkan bagi-bagi keluar deh, siapa tau menolong orang. Berbuat kebaikan hadiahnya masuk surga loohh *hammer