Showing posts with label Tips Blog. Show all posts
Showing posts with label Tips Blog. Show all posts

Thursday, June 6, 2013

Pengertian Blog

Blog atau singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Blog merupakan suatu web yang bersifat lebih pribadi, lebih informal, dan terus di update setiap waktu, dengan postingan terbaru selalu berada dibagian atas. Blog sangat ampuh sebagai ajang aktualisasi diri, bersosialisasi di dunia maya, mempromosikan suatu bisnis sampai menghasilkan uang.

Blogging for money bukan Istilah asing lagi ditelinga kita. Bahkan hal yang hampir bisa dilakukan oleh semua orang adalah bisnis jenis ini. Bagi yang ingin nge-Blog untuk mendapatkan uang, maka terlebih dahulu memahami analogi berikut ini:
Ibaratkan sebuah blog itu adalah sebuah “Kuda” dan program-program penghasil uang yang ada di blog adalah “Kereta” yang akan ditarik oleh kuda tersebut.

Pertama. Kita akan membahas kudanya terlebih dahulu. Blog yang baru, diibaratkan sebagai kuda yang baru lahir, ia butuh perawatan yang kontinu. Syarat suatu blog dikatakan kuat (sudah dewasa dan bisa menarik kereta) adalah bila sudah mempunyai postingan yang berkualitas, di-update secara kontinu, mempunyai posisi yang bagus di search engine, banyak pengunjung (follower dan orang yang mengikuti feed-nya), banyak yang memberikan komentar dan telah menemui niche ataupun brandingnnya.

Pengertian Blog - Tokotua Forex
Ketika blog sudah kuat, dengan sendirinya akan bisa menjadikan program penghasil uang yang menempel diblog tersebut berjalan dan menghasilkan pendapatan bagi pemilik blog. Analogi tersebut perlu ditekankan (terutama bagi pemula seperti saya) supaya kita semua tidak terburu-buru dalam memonetisasi blog. Usahakan blog kita sudah kuat baru diberi kereta Moneytizing. Pemahaman terhadap proses inipun akan membuat kita tidak mudah bosan dan berhenti bila dalam waktu satu atau enam bulan setelah ngeblog tidak mendapatkan apa-apa.

Kesalahan terbesar dari blogger for money adalah terlalu bernafsu untuk menghasilkan uang dalam waktu yang singkat. Setelah baru saja membuat blog, dan langsung melakukan postingan sebanyak mungkin artikel, memasang sebanyak mungkin program penghasil uang seperti iklan PPC setelah itu hanya duduk menunggu penghasilan datang. Ingat... Blogging bukan seperti itu. Jika anda membayangkan blogging seperti itu, maka salah besar.

Blogging adalah pekerjaan yang terus-menerus, namun tidak terikat waktu. Seorang blogger profesional yang sudah mempunyai ribuan pengunjung setiap harinya masih harus meluangkan waktunya 3 sampai 5 jam sehari untuk kegiatan di blognya. Baik itu mengisi postingan, menanggapi komentar pengunjung sampai mengecek pendapatan program-program yang diikutinya. Namun, tentu saja itu dilakukan dengan sukacita karena menurut mereka blogging itu memiliki kenikmatan tersendiri.

Blogger haruslah memahamai siklus suatu blog sebelum terkenal. Di awal-awal seorang blogger harus menjadi singel fighter terlebih dahulu. Tentu pada awalnya blog yang terkenal sekarang dulunya tidak terkenal juga. Penulis blog hanya duduk sendiri dan memulai postingan dengan suatu harapan nantinya blognya akan ramai pengunjung. Satu postingan, dua postingan mungkin belum akan mendatangkan pengunjung. Tidak lupa juga melakukan teknik-teknik SEO sederhana dengan harapan postingan blognya akan terindeks oleh search engine dan akan menambah trafik.

Sejalan dengan itu kita harus membuat postingan yang berkualitas, ramah, santai dan bermanfaat selain itu cobalah konsisten membuat dan menerbitkan postingan artikel minimal sekali dalam 1 hari, menanggapi komentar pengunjung dan melakukan teknik-teknik SEO. Hasilnya pengunjung blog semakin meningkat. Setelah 3 bulan berlalu barulah berpikir untuk memonetisasi blog. Inilah siklus yang harus dipahami agar tidak frustasi, apalagi bagi mereka yang sangat money oriented. Baru seminggu ngeblog sudah mengeluh “Kok earning saya tidak ada ya? Sudah ah, ngeblog hanya menghabiskan waktu saja tidak mendapatkan apa-apa” semoga setelah membaca postingan ini tidak ada lagi blogger yang berkata demikian karena kita sudah tahu bahwa blog itu adalah proses dan memang harus dinikmati.

Happy Blogging..! Rekomendasi artikel selanjutnya : Cara Tepat Belajar Memulai Bisnis Online

read more

Friday, May 31, 2013

CSS Image Sprite – Mengurangi http Request

Image sprite adalah koleksi gambar yang digabungkan ke dalam satu gambar. Sebuah halaman web dengan banyak gambar dapat memakan waktu lama untuk memuat dan menghasilkan permintaan beberapa server. Menggunakan gambar sprite akan mengurangi jumlah permintaan server dan menghemat bandwidth. Tips ini merupakan rangkaian dari tips mempercepat loading blog melalui Compress HTML yang telah dibahasa sebelumnya.
CSS Image Sprite – Mengurangi http Request - Tokotua Forex

Dari sekian banyak cara mengoptimalkan loading website/blog, Salah satunya adalah dengan mengurangi banyaknya http request. http request adalah proses permintaan suatu file dari browser ke server (webhosting) untuk kemudian didownload dan ditampilkan pada browser. Dan satu file (sekecil apapun) yang diunduh/download akan terhitung satu http request. Sehingga ketika membuka satu halaman situs, artinya kita meminta sekian banyak proses http requests mulai dari file stylesheet, gambar, javascript dan lain-lain sampai halaman terbuka sepenuhnya. Semakin banyak http request maka akan memperlambat loading suatu halaman.

Pertanyaannya adalah bagaimana mengoptimaslisasi dan mempercepat loading suatu website atau blog melalui CSS Image Sprite? Pada kesempatan ini saya akan mencoba memberikan tips tentang blog yaitu mengurangi request http dengan CSS Image sprite.

Langkah pertama adalah mengetahui seberapa banyak http request pada suatu website atau blog. Untuk itu silahkan cek di GTmetrix, masukkan url blog Anda dan lihat hasilnya:

Hasil Test CSS Image Sprite - Tokotua Forex
Pada hasil test diatas menunjukkan bahwa jumlah requests http yaitu 52 yang diunduh untuk menampilkan halaman. Salah satu cara mengurangi jumlah requests http nya adalah dengan menggabungkan gambar gambar yang ada pada blog atau website kita dengan cara Image Sprite.

Langkah kedua, silahkan kelompokkan gambar yang ada pada website atau blog dengan memilih gambar yang formatnya: no-repeat.
Contoh pada blog Tokotua Forex ini menggunakan Image Sprite, sebagai berikut:

Gambar Hasil CSS Sprite - Tokotua Forex

Langkah ketiga, gunakan salah satu tools CSS Image Sprite Generator yaitu cssportal.com untuk menggabungkan gambar gambar tersebut. Silahkan upload gambar yang sudah disiapkan, perhatikan gambar

CSS Image Sprite Generator - Tokotua Forex

Pada menu Options, edit sesuai dengan keinginan agar posisi gambar tidak bertumpuk.
  • Offset: ini merupakan jarak antara gambar satu dengan yang lainnya.
  • Direction: Pilih format Vertikal.
  • File Type: Pilih format png.
Pada menu Sprite, merupakan hasil dari gabungan gambar yang telah di upload, klik Open image in a new window untuk mengunduh/download gambar hasil dari Sprite.

Langkah keempat, perhatikan menu Usage (CSS Code) ini  merupakan CSS property yang akan kita tempatkan pada template agar posisi gambar hasil sprite tadi bisa sesuai penempatannya pada website atau blog kita.

Contoh:
.post-author,
.post-labels,
.post-timestamp,
.post-comment-link a.comment-link,
.Label ul li a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoy3qjDPyk_Vtmv3z9iG0VtSHFtz8J_6XETLHBDJbETxEifBqzTOURLALt-2RBflXMYsMheHFqmbww782xNNaL7X8qiH4MoqZKa5SuaIY21EahRHl35r0B0xyxR0S1IJqBJSn0uYKqiUEK/s1600/aa.png) no-repeat;
}

.post-author {
background-position: 0px0px;
padding-left: 22px
}

.post-timestamp {
background-position: 0px-36px;
padding-left: 22px
}

.post-labels {
background-position: 0px-71px;
padding-left: 22px
}

.post-comment-link a.comment-link {
background-position: 0px-107px;
padding-left: 22px
}

.Label ul li a {
background-position: 0px-175px;
color: #333;
margin-left: -15px;
padding-left: 15px
}
Catatan:
  • Sesuaikan kode property CSS yang ada pada blog Anda agar tidak terjadi kesalahan, karena kode CSS yang digunakan pada contoh diatas adalah kode CSS blog Tokotua Forex.
  • Untuk background-position yang berwana biru menandakan X (Posisi Horizontal) dan warna merah Y (Posisi Vertikal). Silahkan diubah jika posisi gambar belum sesuai.
Setelah semua selesai, sebelum di save pratinjau terlebih dahulu dan sesuaikan posisi gambarnya agar lebih sempurna. Selamat mencoba jika ada yang kurang dimengerti silahkan bertanya melalui kotak komentar dibawah ini.

read more

Friday, March 1, 2013

Cara membuat Email di Gmail dan Yahoo! Mail

Cara Membuat Email di Gmail dan Yahoo! Mail - TokotuaEletronik Mail atau biasa disingkat Email (Surat elektronik atau pos elektronik) adalah sarana kirim mengirim surat melalui jalur jaringan komputer (Internet). Email mulai dipergunakan pada tahun 1960-an. Saat itu Internet belum terbentuk, yang ada hanyalah kumpulan "mainframe" yang terbentuk sebagai jaringan. Mulai tahun 1980-an, surat elektronik sudah bisa dinikmati oleh khalayak umum. Sekarang ini banyak perusahaan pos di berbagai negara menurun penghasilannya disebabkan masyarakat sudah tidak memakai jasa pos lagi.

Memiliki sebuah Email bagi saya adalah wajib, selain memiliki peran sebagai media untuk mengirim surat dan dokumen, dengan Email Anda bisa membuat atau mendaftarkan diri ke berbagai jejaring sosial yang ada didunia maya ini, contohnya jika hendak membuat akun Google Plus, Facebook, Twitter dan lainnya maka wajib memiliki sebuah email, disamping itu jika Anda seorang pebisnis online atau blogger maka terlebih dahulu harus memiliki sebuah Email. Hal serupa juga diperlukan pada saat Anda ingin memulai bisnis Forex. Sebelum terjun kedunia trading forex maka langkah awal yang harus dilakukan adalah mendaftar ke perusahaan atau Pialang/broker yang dimana membutuhkan sebuah Email.

Berikut langkah langkah sederhana membuat sebuah email.

Membuat Email di Google Mail atau Gmail

  1. Kunjungi halaman pendaftaran Gmail
  2. Isi data diri Anda dengan lengkap, mulai dari Nama depan, Nama belakang, Pilih alamat email yang akan digunakan (contoh: alamatemail@gmail.com) buat Password/kata sandi, Tanggal Lahir (Tahun-Bulan-Tanggal) Jenis kelamin, Nomor ponsel dan Negara Anda.
  3. Centang/ceklist kolom: Persetujuan Persyaratan Layanan dan Kebijakan Privasi kemudian tekan tombol “Langkah Berikutnya” 
  4. Sebelum proses selesai maka pihak google akan melakukan verifikasi dengan Email baru Anda melalui nomor handphone yang didaftarkan.
  5. Pilih verifikasi melalui Panggilan (Call) atau Pesan pendek (SMS) agar kode verifikasi dikirim ke handphone Anda.
  6. Jika sudah menerima kodenya, masukkan pada kolom yang telah tersedia dan klik tombol “Lanjut”
  7. Selamat Email baru Anda telah berhasil dibuat.
  8. Silahkan Login/Masuk menggunakan alamat email dan password yang telah terdaftar.

Membuat Email di Yahoo! Mail atau Ymail

  1. Kunjungi halaman pendaftaran Yahoo Mail
  2. Isi data diri Anda dengan lengkap, mulai dari Nama depan dan Nama belakang (ini berfungsi sebagai alamat email Anda).
  3. Kolom “Pilih ID Yahoo!”, pada bagian ini ada pilihan yang akan digunakan untuk alamat email Anda yaitu: yahoo.co.id; yahoo.com; ymail.com dan rocketmail.com
  4. Masukkan password/kata sandi dan diulangi pada kolom “masukkan ulang kata sandi”
  5. Masukkan Tanggal lahir dengan format (Tanggal/Bulan/Tahun)
  6. Pilih jenis kelamin dan negara dimana Anda tinggal.
  7. Masukkan nomor handphone dan email alternatif kemudian klik “Buat Akun Saya
  8. Pada halaman selanjutnya silahkan buat dua pertanyaan rahasia yang mudah Anda ingat, ini bertujuan jika terjadi masalah pada akun email, maka akan dibutuhkan untuk porses pemulihan email Anda.
  9. Ketikkan huruf dan angka yang tampil pada kolom yang tersedia.
  10. Terakhir klik tombol “Selesai” dan Selamat akun email Yahoo baru Anda berhasil dibuat.
Demikian langkah sederhana membuat Email di Gmail dan Yahoo! Mail, selamat mencoba dan jika ada yang kurang dimengerti silahkan kirim pertanyaan pada kotak komentar dibawah ini. Semoga bermanfaat

Catatan:
Memiliki Email di Google.Inc memudahkan Anda mengakses berbagai produk Google seperti Google+, YouTube, Blogger dan lain-lain. Akun Google mencakup alamat Gmail dan Profil Google yang akan membantu Anda mendapatkan pengalaman yang lebih kaya dan lebih dipersonalisasi di seluruh produk Google.

read more

Sunday, January 13, 2013

Compress HTML – Bantu Mempercepat Loading Blog

Postingan kali ini saya akan mencoba berbagi tips blog tentang optimalisasi kecepatan loading blog dimana menurut sumber, bahwa saat ini Search engine sudah menerapkan dan memperhitungkan loading suatu blog (agar pengunjung suatu blog bisa betah dan merasa nyaman saat mengakses dan berada diblog kita). Seperti yang kita ketahui bersama bahwa sangat banyak upaya - upaya yang harus dilakukan agar suatu web/blog bisa menjadi ringan dalam melakukan loading request http. Diantaranya adalah: Leverage browser caching, Defer parsing of JavaScript, Minimize redirects, Optimize images, Minify JavaScript dan masih banyak lagi.

Sebagai pengguna setia Blogspot, kita masih bisa optimalisasi dengan sederhana, Contohnya adalah : Optimize images, CSS Image Sprite (InsyaAllah saya akan muat postingannya suatu hari nanti), Minify CSS dan Compress HTML. Disini saya hanya akan mengulas tentang Compress HTML sesuai dengan tema kita Compress HTML – Bantu Mempercepat Loading Blog.

Langkah awal, uji kecepatan blog menggunakan PageSpeed Insights — Google Developers dimana layanan ini merupakan milik google yang disediakan agar para webmaster bisa mengetahui kenerja web atau blog yang sedang dioptimalisasi. Masukkan URL blog sobat dan Analyze lalu Lihat hasil dan scorenya.

Hasil Tes Page Speed Insights - Tokotua

Perhatikan gambar yang dilingkari warna merah itu berarti bahwa HTML dalam blog sobat masih perlu di Compress agar mengurangi berat dari loading blog sobat. Walaupun element ini masuk dalam kategori Low Priority.

Langkah kedua, Silahkan masuk ke dasbor blogger dan pilih tab Template, Lakukan Backup atau unduh Tamplate lengkap dan simpan, Nantinya jika terjadi error bisa kita kembalikan seperti semula.

Langkah ketiga, klik tombol Edit Template dan centang  "Expand Template Widget" (perhatikan gambar)

Edit Html - Tokotua

Ini bertujuan agar semua struktur HTML yang  ada dalam blog sobat bisa terlihat, baik berjenis Java Script CSS dan lain-lain.
Selanjutnya, copy/salin semua kode HTML yang ada dalam Template mulai dari: <?xml version="1.0" encoding="UTF-8" ?> Sampai  </html>

Langkah keempat, Buka tool Compress HTML dan paste/tempel kode HTML tadi pada kolom tool Compress HTML. Kemudian klik tombol Compress. Jika ada pesan seperti ini,

Code Autodetection Notice - Tokotua

Klik Change, ini berarti kode HTML merupakan kode untuk Blogger dan harus disesuaikan secara otomatis oleh tool agar tidak terjadi error XML pada saat diterapkan kembali ke Template sobat.
Tunggu sampai proses compress selesai.

Hasil Compress - Tokotua

Setelah proses selesai kita bisa melihat rasio dari hasil sebelum dan sesudah HTML sobat dicompress, dan gambar diatas adalah hasil dari  compress HTML blog saya dimana sebelum di compress berukuran 69,740 bytes menjadi 54,966 bytes, Lumayan jauh bukan.

Langkah kelima, silahkan download/unduh dalam bentuk file XML, kemudian kembali ke dasbor blog sobat, lalu ganti Template sobat dengan Template hasil dari compress tadi.

Langkah Keenam, Cek ulang performa blog sobat melalui PageSpeed Insights — Google Developers, dan perhatikan apakah masih ada pesan Minify HTML?
Untuk hasil blog saya Alhamdulillah sudah tidak ada alias Done, tapi optimalisasi yang lain masih banyak.

Hasil PageSpeed setelah Compress - Tokotua

Selesai!

Semoga bermanfaat dan jika ada yang kurang jelas, silahkan berinteraksi melalui form komentar dibawah ini. Maaf jika tulisannya sulit dipahami hehe, maklum masih nubie!

Happy Blogging

read more

Monday, December 3, 2012

Cara Mendaftar dan Claim Blog di Technorati

Claim Blog di Technorati - Tokotua ForexArtikel ini sebagai salah satu syarat agar terverifikasinya akun kita di Technorati dan sebagai informasi bagi para blogger untuk meningkatkan backlink melalui technorati. Bagi kebanyakan blogger, service ini mungkin sudah sangat dikenal. Sedangkan bagi blogger pemula seperti saya, service ini mungkin harus diketahui dan digunakan.

Berdasarkan informasi dari beberapa sobat blogger, dan dari isi menu technorati, dapat ambil empat point penting yang menunjukkan apakah technorati itu. Yaitu technorati sebagai Blog/RSS directory, technorati sebagai blog search engine (khusus blog), technorati sebagai online borkmarking dan mungkin technorati sebagai tag aggregator. Disini kita ketahui bahwa technorati merupakan service yang berfokus pada blog. Jadi sebagai seorang blogger, sangat disayangkan jika tidak mengetahui hal ini.

Dengan menggunakan service ini, blog kita akan dicrawl dan disimpan dalam data blog technorati, import otomatis RSS feed blog kita, deteksi tag-tag, juga link dari blog lain menuju blog kita. Lagi-lagi menyangkut masalah backlink (Link popularity) dan rangking blog di Google atau search engine.

Fokus kali ini adalah kepada cara mendaftar dan claim blog di technorati. Dan berikut ini adalah proses daftar technorati, hingga selesai proses validasi code token technorati:
  1. Pertama Anda harus membuat account terlebih dahulu, buka link pendaftaran disini!
  2. Lengkapi datanya dengan baik, gunakan email yang aktif, dan jangan lupa isi captcha dan isi centang agreement-nya, lalu klik “Join”
  3. Untuk melakukan aktifasi, sekarang buka email yang Anda gunakan untuk mendaftar tadi Buka email dari technorati dan klik link aktifasinya, Setelah account Anda aktif, cari dan klik “sign in” untuk masuk ke halaman profil dan selanjutnya melakukan claim blog.
  4. Sudah masuk? sudah isi username dan password dengan benar? Jika sudah, sekarang masuk ke halaman profile dengan klik pada link nama (account) Anda disamping photo profil.
  5. Mulai claim blog, dibawah profil Anda, isikan url blog pada Start a blog claim, isikan misalnya http://tokotuaforex.blogspot.com, lalu klik “Claim”
  6. Halaman selanjutnya, isi formulir dengan benar,
  7. Blog tittle: isi dengan tema blog Anda, misal blog ini temanya adalah “Tokotua Forex
    URL: alamat blog, misal http://tokotuaforex.blogspot.com/
    Feed: rss feed blog, boleh alamat default seperti http://tokotuaforex.blogspot.com/feeds/posts/default, atau service pihak ketiga semisal feedburner,
  8. Linking blogs: disini dapat dicantumkan tiga blog yang memiliki link menuju blog Anda, boleh tidak diisi,
  9. Site description: keterangan blog, sesuaikan dengan tema blog,
  10. Site categories: beri tanda centang pada kategori yang sesuai dengan blog Anda, Anda dapat memilih lebih dari satu kategori,
  11. Site tags: isi setiap sel dengan kata kunci yang berhubungan dengan isi blog Anda. Bisa satu kata maupun lebih per selnya.
  12. Lalu klik “Proceed to next the step”
  13. Pada halaman selanjutnya, yaitu halaman blog claim status, klik tombol “Return to profile”
  14. Lihat di bawah profil Anda, sekarang blog Anda sudah terdaftar, hanya saja masih dibutuhkan verifikasi kode token. Oleh karena itu, untuk mulai claim token, klik “Check Claim” di bawah gambar thumbnail blog Anda.
  15. Dihalaman selanjutnya dapat Anda lihat teks dengan latar biru, yaitu 2R6EDJMH7PRH atau bisa dicek di kotak masuk email Anda (berbeda untuk tiap blog) , adalah kode token yang harus kita tulis di halaman blog kita.
  16. Posting sebuah artikel yang berisi kode token tersebut, lalu publish. Postingan terserah Anda, bisa halaman kosong hanya berisi kode token atau sekalian artikel seperti yang sedang Anda baca ini. Boleh kok copy paste asal dituliskan link sumber ke halaman ini.
  17. Setelah yakin postingan itu terpublikasi, sekarang klik tombol “Verify Claim Token” pada halaman claim technorati, dan lihat hasilnya.
Demikian artikel tentang cara mendaftar dan claim blog di technorati, Semoga berhasil dan bermanfaat buat kita semua!!

read more

Saturday, October 13, 2012

Struktur baru HTML 5

Seperti layaknya buku, halaman web memiliki struktur seperti navigasi, konten, header, footer dan lain lain.berdasakan hal ini, WHATWG lalu menambahkan beberapa tag baru untuk mendukukng struktur tersebut. Bila pada HTML4 dan XHTML kita harus menggunakan <table> atau <div> untuk membagi struktur, maka pada HTML5 dapat menggunakan tag baru berikut:

Struktur baru HTML 5

<section> - sama fungsinya dengan <div>
<header> - isi konten header disini
<footer> - isi konten footer di sini
<nav> - membuat menu navigasi
<article> - konten artikel (teks, gambar, link)
<aside> - membuat sidebar atau float page
<figure> - meletakkaan gambar dalam artikel

Pada dasarnya, bentuk dasar HTML5 masih sama seperti struktur dasar dokumen HTML pada umumnya:
<!DOCTYPE HTML>
<html>
<body>
<header> isi bagian header (banner, menu, dan lain-lain)
                <nav> menu navigasi bisa disini </nav>
</header>
<section> <article> Selamat Datang </article> </section>
</body>
</html>
Meski demikian, kita masih bisa menggunakan tag HTML versi terdahulu seperti <div> , <table> , <p> dan lain sebagainya.

Inline Elemen Baru HTML5
Berikut adalah elemen baru yang dapat digunkan oleh HTML5.
<mark> - untuk menandai elemen (teks, gambar)
<time> - informasi waktu dan tanggal
<meter> - konten dengan media ukur (misalnya %)
<progress> - menginformasikan progress
HTML5 tidak hanya mendukung form input standar, ia juga memberikan beberapa tipe input baru seperti datetime, month, week, number, range, email dan url.

Fitur Canggih HTML5
Dari banyaknya hal-hal baru yang ditawarkan HTML5 berikut adalah beberapa yang paling canggih:
  • Canvas Elemen:
Dengan tag <canvas>, area tersebut dapat digunakan untuk menggambar grafik secara dinamis menggunakan javascript. Misalnya seperti shape lingkaran, garis diagonal, hingga grafik 3 dimensi.
  • Video & Audio Elemen:
Sebelum HTML5, menyisipkan video atau audio dalam HTML memerlukan bantuan plugin pihak ketiga seperti Apple Quicktime atau Adobe Flash. Dalam HTML5, cukup gunakan tag <video> untuk menyisipkan file  video, dan <audio> untuk file audio.
  • Geolocation:
Melacak posisi user bukanlah hal baru di internet, misalnya menggunakan IP addres detection. Namun metode ini tidak selalu dapat diandalkan. Dengan HTML5 dan javascript, posisi user dapat dilacak menggunakan informasi dari Wi-Fi dan GPS. Mirip seperti yang digunakan pada Smartphone.
  • Offline Web Application
HTML5 memungkinkan User untuk terus berinteraksi dengan aplikasi web tanpa harus selalu online. Misalnya mengedit dokumen pada google docs atau mengedit foto di situs olah gambar seperti picnic.com

Dan masih banyak fitur baru lainnya seperti kemampuan untuk Drag and Drop, text api, datagrid, Cross document mesaging, SVG elemen dan lainnya.

read more

Thursday, October 4, 2012

Mengenal HTML 5

HTML (HyperText Markup Languange) merupakan bahasa pemograman terstruktur yang dikembangkan untuk berbagi informasi melalui internet. Dikembangkan oleh W3C (world wide web consortium) semenjak awal teknologi internet, HTML terus dikembangkan agar dapat menampilkan lebih banyak konten selain teks dan gambar, seperti menu interaktif, suara, video dan lain sebagainya.

Mengenal HTML 5 - Tokotua Forex

Pada tahun 2004, beberapa anggota W3C mendirikan sebuah kelompok baru bernama WHATWG (Web Hipertext Application Tecnology Working Group) untuk mengembangkan HTML 5 – sebuah versi ter-mutakhir dari HTML. Meski pengembangan HTML 5 ini belum final, kita sudah dapat menggunakannya pada beberapa browser modern yang populer seperti Crome, Firefox, Opera, Safari dan Internet Explorer 8.

HTML 5 Doctype dan Charset
Doctype digunakan untuk menginformasikan versi HTML yang digunkan kepada browser. Dulu, doctype ditulis dengan bentuk yang sangat sulit dipahami manusia:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Sementara itu, bentuk doctype HTML5 sangat sederhana karena cukup menggunakan dua kata “doctype” dan “html”
<!doctype html>
Charset alias Character Set untuk HTML5 juga lebih sederhana, cukup dengan menuliskan:
<meta charset=”UTF-8”>
Bandingkan dengan bentuk charset HTML 4 dan XHTML:
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8” />
HTML5 menang mutlak karena informasi yang ditampilkan dalam bentuk yang sederhana. Saya sendiri pengen beralih menggunakan Struktur HTML 5 hanya pengetahuannya belum sampai kesana,  semoga dengan artikel ini ada sesepuh-sesepuh yang bisa membantu atau merekomendasikan cara menggunakan HTML 5 dan CSS3. Dan untuk para sahabat blogger yang sama-sama belum mengethui lebih jauh tentang HTML ini, semoga bisa memberi sedikit gambaran dalam proses transisi dari HTM-4 / XHTML ke HTML-5. Terima kasih

read more

Sunday, August 5, 2012

Auto Ping terdeteksi sebagai Ancaman

Saya menulis artikel ini hanya pengen sharing kepada para blogger dan terkhusus bagi pengguna service Auto-Ping seperti yang kita ketahui bersama bahwa sebuah cara atau trik mempercepat artikel atau postingan terindex ke mesin penelusuran, maka biasanya kita menggunakan fasilitas ping automatis.

Berbicara masalah servis ping automatis disini sangat banyak jasa yang tersedia untuk menggunakan fasilitas automatis ping, salah satunya adalah auto-ping dan konon katanya ini merupakan salah satu yang populer dikalangan automatis ping. Jadi setelah membaca artikel yang disediakan oleh para rekan rekan blogger yang memposting tentang autoping sehingga saya mencoba menggunakan jasa auto-ping tersebut.

Tanpa menunggu saya langsung menuju ke website auto-ping dan memasukkan URL untuk di ping dengan tujuan postingan saya cepat terindex ke mesin penelusur, lalu setelah selesai saya copy kode banner untuk memasukkan ke halaman blog, nah... besoknya setelah membuat postingan baru langsung di klik aja banner autoping ini, tapi yang tejadi ada laporan dari Anti Virus AVG IS 2012 dengan jenis laporan :

Pemberitahuan LinkScanner
Nama file : www.auto-ping.com/js/costom/social.js
Nama Ancaman : Exploit Blackhole Exploit Kit (type 2315)
Lebih jelasnya silahkan lihat gambar

Auto Ping terdeteksi sebagai Ancaman - Tokotua Shop

Dari kejaidan ini saya merasa sedikit was was ada apa yang terjadi denga auto-ping ini??? Karna saya tahu bahwa rekan rekan blogger yang lain banyak yang menggunakan servis auto-ping tersebut. Mungkin rekan rekan blogger yang lain udah pernah mengalami kejadian semacam ini dengan adanya laporan dari anti virus rekan rekan mohon kita bisa saling sharing disini dan apakah ini berbahaya bagi blog atau komputer dan leptop kita??

Dan perlu saya ingatkan kepada rekan rekan bahwa saya menulis artikel ini bukan berniat atau bermaksud untuk menjelek jelekan suatu produk/jasa dari pihak manapun, saya hanya ingin berbagi kepada para rekan rekan dan sekiranya bisa saling memberikan solusi dalam hal berselancar di dunia maya, utamanya para rekan rekan blogger yang menggunakan servis dari auto-ping.

Ini saja artikel saya tentang auto-ping terdeteksi sebagai ancaman semoga bermanfaat, adapun tanggapan dari rekan rekan blogger bisa langsung di sampaikan melalui komentar. Terima kasih dan Salam Blogger!!!

read more