Kategori: web, blog, belajar

blog ini …

entah lupa atau pura2 lupa, tujuan awal q ketika membuat blog ini, hngga dibelani mngeluarkn uang tuk mnyewa hosting dan domain …

itu penting atau tidak ya … tapi dalam perjalanan “menghidupi” blog ini, banyak jg lika likunya … smg ada mmfaatnya bg diri sndiri maupun orang lain di dunia dn akhirat,

bagi pengunjung yang telah mampir disini, sangat mungkin akan menyadari bahwa isi blog ini kbanyakan adalah copas (waduh klo ada pnulis yg tulisannya aq comot dn tdk berkenan ditempel di blog ini, mohon memberitahu agar segera dicari dan dihapus), dan yang tulisan sendiri akam jelas terlihat belepotan bahkan bagi penulis lain, mungkin sedikit ada pertanyaan, tulisannya mngarah kmana ya?

yang penulisannya brawal dari penasaran, kmd mncari bbrapa referensi kmd diaduk2 dn disusun, mungkin akan jelas sistematikanya, tpi yg angger nuang sj, mk akan kenal kondisi psikologi ini, yang fikirannya mudah ksana kemari, ini kelemahan tp bs jd kelebihan, krn akan dapat mencakup pembaca/pendengar yg heterogen, dn smg ada mnfaatnya yg diambil dn mnjawab prtanyaan yang mereka cari jawabannya melalui pemahaman pribadinya mngenai “kengelanturan”2 yang ada …

toh hidup adalah perjalanan belajar, dn semua dapat dijadikan pelajaran yang baik (jika kita mau)

info saja, statistik blog ini saat ini yang saya amati beberapa waktu melalui app wp di android, pengunjung tiap harinya rata2 skitar 100-200, klo prestasinya bs smpai ribuan ditahun yang dulu,

pos favorit jg cenderung tidak terlalu berubah dari waktu ke waktu,

terima kasih para pengunjung blog ini, semoga hari-hari kalian selalu diliputi kebahagiaan dan kebahagiaan, aamiin

memcoba update melalui app wp

untuk memudahkn update akhirnya install wordpress app, dan mencoba update post, alhmdulillah hasil …

tp ni td ciba buka menu komentar, merasakan ada komentar2 yg seingat sy ktika buka admin blog gk kelihatan, lah mellui app ni, ada ..

coba memoderasi (ada tulisan tertunda) klik izinkan eh … gak hasil, galat2 gitu deh …

belajar lagi kdepannya

video bumper

apa ya pengertian video bumper?
mendengar pertanyaan gitu, kok jadi ikut mikir ….
so search dari Internet dan wal hasil ….
opening sequence (bumper) biasanya berdurasi 15-25 detik, sebagai pembuka acara yang isinya memperlihatkan kepada pemirsa tentang kareakter program yang akan disuguhkan”.
melanie Goux dalam buku “on screen in time, transition in motion graphic design for television and new media” bumper in and out adalah  “bumper is short clips in animation which are broadcast at the end of program segment, but before a commercial, or beginning of a program bumper betwaeen programs and commercial spots” bumper adalah animasi pendek yang berapa pada akhir sebuah program, sebelum masuk sebuah iklan, atau bagian awal pada sebuah program saat pergantian dari iklan menuju program”.
atau disimpulkan bumper adalah animasi pembuka atau penutup dalam sebuah program video yang merupakan animasi pendek yang menggambarkan identitas sebuah acara atau instansi. Dengan adanya bumper tersebut acara atau instansi tersebut akan mudah dipahami oleh pemirsa tanpa perlu penjelasan yang panjang lebar. Lanjutkan membaca “video bumper”

payment pertamaku dari adsense

Mungkin ini barokah dari bancaan anak kelasku Tsanawiyah 2 kemaren malem, hari ini dapat mengambil penghasilan pertama dari google adsense.
Pagi ini datang ke Bank BTN karena permintaan sekolah untuk ngeprint buku tabungan, setelah print di customer service, saya tanya, “pa disini dapat untuk mengambil westren Union?” “maaf pak, kami sudah tidak bekerja sama lagi”.
Kemudian ke Bank Mandiri, sebelah BTN, tanya ke Satpam, “maaf pak, sudah tidak melayani, coba ke indomaret atau BII sebelah” so … masuk ke bank BII, tanya satpam, “bisa dibantu?””mau mengambil westren Union””oh ya silakan ambil nomor antrian CS” melangkah deh ke pengambilan no antrian, he3, betapa bodohnya, malah q buka tempat print nomernya. dan akhirnya satpam datang tuk membantu. lucu juga teringat tu, nddeso sih !!!
Trus ke CS, ngisi formulir penerimaan uang westren union, nama, alamat, no. telpon, sender, no MTCN, dan jumlah uang.
kemudian diproses, wah mas CS nya bingung, datanya ada yang tidak cocok dengan yang dilayar, ia tanya, ke sana kemari bahkan ke supervisornya. “maaf mas ini, tidak dapat diproses karena nama pengirimnya beda, di sini tertulis google Ireland, dan yang bapak tulis google Asia pasific” “oh gitu bu, google Ireland seperti yang ditulis di sini?” sambil saya tunjukkan hasil print payment receipt dari payment history adsense. “oh jadi cuman salah yang ditulis ya?, mengisi ulang formnya saja pak ya !”.
Akhirnya saya tulis ulang, dan pesan dari CSnya, “pak ditulis dalam jumlah rupiah saja” setelah diproses, akhirnya mengambil uangnya di teller dalam bentuk rupiah dan dipotong Rp.6000 untuk biaya matrei.
he3 gagal dech keingintahuan melihat bentuk uang dollar, seperti yang tertulis di history adsense. Tapi alhamdulillah dapat uang juga dari adsense 135an dollar yang terkurs menjadi 1,6 jutaan. Alhamdulillah dapat merasakan hasil dari iklan adsense.
Monggo bagi yang laen bila ingin ikut mencoba adsense, tetapi kalau seperti blog ini, ya mungkin akan lama, karena visitornya belum ribuan dan belum optimal blognya untuk mencari penghasilan dari adsense.
Maka bila ingin berpenghasilan dari adsense, akan lebih baik belajar dari para master adsense yang banyak bertebaran di dunia maya ini, juga melihat dan mempelajari web/blog-blog yang memiliki penghasilan adsense hingga ribuan per bulannya.
Saya belajar. berbagi ini sebagai pemicu bagi newby seperti saya bahwa ada hasil, dan juga melihat, bahwa ada berkah dari sedekah (bancaan/syukuran) walau yang melakukannya adalah orang yang disekitar kita. Mari bersedekah dan berkumpul dengan orang yang suka bersedekah. …
adsense pertama

tag – tag di HTML5

 

Tag Description
<!–…–> Defines a comment
<!DOCTYPE> Defines the document type
<a> Defines a hyperlink
<abbr> Defines an abbreviation
<acronym> Not supported in HTML5. Use <abbr> instead.
 Defines an acronym
<address> Defines contact information for the author/owner of a document
<applet> Not supported in HTML5. Use <object> instead.
 Defines an embedded applet
<area> Defines an area inside an image-map
<article> Defines an article
<aside> Defines content aside from the page content
<audio> Defines sound content
<b> Defines bold text
<base> Specifies the base URL/target for all relative URLs in a document
<basefont> Not supported in HTML5. Use CSS instead.
 Specifies a default color, size, and font for all text in a document
<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it
<bdo> Overrides the current text direction
<big> Not supported in HTML5. Use CSS instead.
 Defines big text
<blockquote> Defines a section that is quoted from another source
<body> Defines the document’s body
<br> Defines a single line break
<button> Defines a clickable button
<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)
<caption> Defines a table caption
<center> Not supported in HTML5. Use CSS instead.
 Defines centered text
<cite> Defines the title of a work
<code> Defines a piece of computer code
<col> Specifies column properties for each column within a <colgroup> element
<colgroup> Specifies a group of one or more columns in a table for formatting
<datalist> Specifies a list of pre-defined options for input controls
<dd> Defines a description/value of a term in a description list
<del> Defines text that has been deleted from a document
<details> Defines additional details that the user can view or hide
<dfn> Defines a definition term
<dialog> Defines a dialog box or window
<dir> Not supported in HTML5. Use <ul> instead.
 Defines a directory list
<div> Defines a section in a document
<dl> Defines a description list
<dt> Defines a term/name in a description list
<em> Defines emphasized text
Defines a container for an external (non-HTML) application
<fieldset> Groups related elements in a form
<figcaption> Defines a caption for a <figure> element
<figure> Specifies self-contained content
<font> Not supported in HTML5. Use CSS instead.
 Defines font, color, and size for text
<footer> Defines a footer for a document or section
<form> Defines an HTML form for user input
<frame> Not supported in HTML5.
 Defines a window (a frame) in a frameset
<frameset> Not supported in HTML5.
 Defines a set of frames
<h1> to <h6> Defines HTML headings
<head> Defines information about the document
<header> Defines a header for a document or section
<hr> Defines a thematic change in the content
<html> Defines the root of an HTML document
<i> Defines a part of text in an alternate voice or mood
<iframe> Defines an inline frame
<img> Defines an image
<input> Defines an input control
<ins> Defines a text that has been inserted into a document
<kbd> Defines keyboard input
<keygen> Defines a key-pair generator field (for forms)
<label> Defines a label for an <input> element
<legend> Defines a caption for a <fieldset> element
<li> Defines a list item
<link> Defines the relationship between a document and an external resource (most used to link to style sheets)
<main> Specifies the main content of a document
<map> Defines a client-side image-map
<mark> Defines marked/highlighted text
<menu> Defines a list/menu of commands
<menuitem> Defines a command/menu item that the user can invoke from a popup menu
<meta> Defines metadata about an HTML document
<meter> Defines a scalar measurement within a known range (a gauge)
<nav> Defines navigation links
<noframes> Not supported in HTML5.
 Defines an alternate content for users that do not support frames
<noscript> Defines an alternate content for users that do not support client-side scripts
<object> Defines an embedded object
<ol> Defines an ordered list
<optgroup> Defines a group of related options in a drop-down list
<option> Defines an option in a drop-down list
<output> Defines the result of a calculation
<p> Defines a paragraph
<param> Defines a parameter for an object
<pre> Defines preformatted text
<progress> Represents the progress of a task
<q> Defines a short quotation
<rp> Defines what to show in browsers that do not support ruby annotations
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby> Defines a ruby annotation (for East Asian typography)
<s> Defines text that is no longer correct
<samp> Defines sample output from a computer program
<script> Defines a client-side script
<section> Defines a section in a document
<select> Defines a drop-down list
<small> Defines smaller text
<source> Defines multiple media resources for media elements (<video> and <audio>)
<span> Defines a section in a document
<strike> Not supported in HTML5. Use <del> instead.
 Defines strikethrough text
<strong> Defines important text
<style> Defines style information for a document
<sub> Defines subscripted text
<summary> Defines a visible heading for a <details> element
<sup> Defines superscripted text
<table> Defines a table
<tbody> Groups the body content in a table
<td> Defines a cell in a table
<textarea> Defines a multiline input control (text area)
<tfoot> Groups the footer content in a table
<th> Defines a header cell in a table
<thead> Groups the header content in a table
<time> Defines a date/time
<title> Defines a title for the document
<tr> Defines a row in a table
<track> Defines text tracks for media elements (<video> and <audio>)
<tt> Not supported in HTML5. Use CSS instead.
 Defines teletype text
<u> Defines text that should be stylistically different from normal text
<ul> Defines an unordered list
<var> Defines a variable
<video> Defines a video or movie
<wbr> Defines a possible line-break

Elemen Semantic pada html 5

Apa Elemen Semantic?

Unsur semantik jelas menggambarkan maknanya baik browser dan pengembang.
Contoh unsur-unsur non-semantik: <div> dan <span> – Menceritakan apa-apa tentang isinya.
Contoh elemen semantik: <form>, <table>, dan <img> – Jelas mendefinisikan isinya.
 
Banyak situs web yang ada saat ini mengandung kode HTML seperti ini: <div id = “nav”>, <div class = “header”>, atau <div id = “footer”>, untuk menunjukkan link navigasi, header, dan footer.
HTML5 menawarkan elemen semantik baru dengan jelas mendefinisikan bagian yang berbeda dari sebuah halaman web:
 

Tag Description
<article> Defines an article
<aside> Defines content aside from the page content
<details> Defines additional details that the user can view or hide
<figcaption> Defines a caption for a <figure> element
<figure> Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<footer> Defines a footer for a document or section
<header> Specifies a header for a document or section
<main> Specifies the main content of a document
<mark> Defines marked/highlighted text
<nav> Defines navigation links
<section> Defines a section in a document
<summary> Defines a visible heading for a <details> element
<time> Defines a date/time

Lanjutkan membaca “Elemen Semantic pada html 5”

pendahuluan HTML5

HTML5 merupakan kerjasama antara World Wide Web Consortium (W3C) dan Web Application Technology Working Group Hypertext (WHATWG).
WHATWG bekerja dengan bentuk web dan aplikasi, dan W3C bekerja dengan XHTML 2.0. Pada tahun 2006, mereka memutuskan untuk bekerja sama dan membuat versi baru dari HTML.
Beberapa aturan untuk HTML5 didirikan:

  • Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
  • Kebutuhan untuk plugin eksternal (seperti Flash) harus dikurangi
  • Penanganan kesalahan harus lebih mudah daripada versi sebelumnya
  • Scripting harus diganti dengan yang lebih markup
  • HTML5 harus perangkat-independen
  • Proses pembangunan harus terlihat untuk umum

Beberapa fitur baru yang paling menarik di HTML5 adalah:

  • The <canvas> elemen untuk gambar 2D
  • The <Video> dan <audio yang> elemen untuk media pemutaran
  • Dukungan untuk penyimpanan lokal
  • Elemen tertentu-konten baru, seperti <article>, <footer>, <header>, <nav>, <section>
  • Bentuk kontrol baru, seperti kalender, tanggal, waktu, email, url, cari

Memulai HTML5

Dalam HTML5 hanya ada satu DOCTYPE deklarasi, dan sangat sederhana: <!DOCTYPE html>

sehingga minimum tagnya
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title> Title of the document </title>
</head>
<body>
Content of the document……
</body>
</html>
Di bawah ini adalah daftar elemen HTML baru, diperkenalkan oleh HTML5, dan deskripsi apa yang mereka digunakan untuk.

The New <canvas> Elemen

Catatan: Link dalam tabel di bawah titik kami Referensi HTML5 . Namun, Anda akan belajar lebih banyak tentang elemen-elemen baru dalam tutorial ini.

Tag Description
<canvas> Defines graphic drawing using JavaScript

New Media Elements

Tag Description
<audio> Defines sound or music content
Defines containers for external applications (like plug-ins)
<source> Defines sources for <video> and <audio>
<track> Defines tracks for <video> and <audio>
<video> Defines video or movie content

Formulir Baru Elements

Tag Description
<datalist> Defines pre-defined options for input controls
<keygen> Defines a key-pair generator field (for forms)
<output> Defines the result of a calculation

New Semantic / Elemen Struktural

HTML5 menawarkan unsur-unsur baru untuk struktur yang lebih baik:

Tag Description
<article> Defines an article in the document
<aside> Defines content aside from the page content
<bdi> Defines a part of text that might be formatted in a different direction from other text outside it
<details> Defines additional details that the user can view or hide
<dialog> Defines a dialog box or window
<figcaption> Defines a caption for a <figure> element
<figure> Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.
<footer> Defines a footer for the document or a section
<header> Defines a header for the document or a section
<main> Defines the main content of a document
<mark> Defines marked or highlighted text
<menuitem> Defines a command/menu item that the user can invoke from a popup menu
<meter> Defines a scalar measurement within a known range (a gauge)
<nav> Defines navigation links in the document
<progress> Defines the progress of a task
<rp> Defines what to show in browsers that do not support ruby annotations
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby> Defines a ruby annotation (for East Asian typography)
<section> Defines a section in the document
<summary> Defines a visible heading for a <details> element
<time> Defines a date/time
<wbr> Defines a possible line-break

Elemen Dihapus

Berikut HTML 4.01 elemen telah dihapus dari HTML5:

  • <Acronym>
  • <Applet>
  • <Basefont>
  • <Big>
  • <Center>
  • <Dir>
  • <Font>
  • <Frame>
  • <Frameset>
  • <Noframes>
  • <Strike>
  • <Tt>

 
sumber : http://translate.google.co.id/translate?hl=id&sl=en&u=http://www.w3schools.com/html/html5_intro.asp&prev=/search%3Fq%3Dhtml%2B5%26client%3Dfirefox-a%26hs%3Ds4L%26rls%3Dorg.mozilla:en-US:official%26channel%3Dsb

Lanjutkan membaca “pendahuluan HTML5”

mengenal html 5

HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997[1]) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.
HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.
Sejarah
Kelompok Kerja Teknologi Aplikasi Web Hyperteks (Web Hypertext Application Technology Working Group, WHATWG) mulai membuat standar baru ini pada tahun 2004 ketika Konsortium W3C sedang fokus pada pengembangan XHTML 2.0 di masa depan, sementara HTML 4.01 belum pernah diperbarui sejak tahun 2000.[2] Sejak tahun 2009, W3C dan WHATWG bekerja sama dalam pengembangan HTML5 setelah W3C mengakhiri Kelompok Kerja Pengembangan XHTML 2.0.[3]
Meskipun HTML5 telah dikenal luas oleh para pengembang web sejak lama, HTML5 baru mencuat pada April 2010 setelah CEO Apple Inc., Steve Jobs, mengatakan bahwa dengan pengembangan HTML5, “Adobe Flash sudah tidak dibutuhkan lagi untuk menyaksikan video atau menyaksikan konten apapun di web.”[4]
Proses standardisasi W3C
Kelompok kerja untuk teknologi aplikasi web hypertext (WHATWG) mulai menspesifikasikan HTML5 pada bulan juni 2004 dengan nama Web Applications 1.0.[5], hingga pada bulan maret 2010 spesifikasi ini masuk ke bagian draft standar di WHATWG, dan ke dalam bagian pengurusan draft di W3C. Ian Hickson mewakili Google ,Inc menjadi editor HTML5.[6]
Pada tahun 2007 Spesifikasi HTML5 diadopsi sebagai pekerjaan permulaan untuk grup baru yang mengurus HTML di World Wide Web Consorsium (W3C). Grup ini pertama kali mempublikasikan hasil draft pekerjaan pertama mereka pada tanggal 22 januari 2008.[7] Spesifikasi ini berstatus dalam tahap pengerjaan, dan diperkirakan akan tetap demikian selama bertahun-tahun, meskipun sebagian dari HTML5 sudah dalam tahap penyelesaian dan diimplementasikan pada penjelajah web sebelum keseluruhan spesifikasinya mencapai status rekomendasi final. [8]
Berdasarkan pada jadwal kerja W3C, HTML5 diperkirakan menjadi kandidat rekomendasi pada akhir tahun 2010. Namun, publikasi pertama draft HTML 5 meleset selama 8 bulan. Permintaan dokumen terakhir dan tahap kandidat rekomendasi diharapkan dapat dicapai pada tahun 2008,[9] tetapi hingga bulan Juli 2010 HTML 5 masih dalam tahapan draft pengerjaan di W3C. [10]WHATWG telah meminta penyelesaian terakhir untuk HTML5 sejak bulan oktober tahun 2009.[11]
Editor HTML5, Ian Hickson, berharap spesifikasi HTML5 dapat mencapai tahap kandidat rekomendasi pada tahun 2012 [12]. Kriteria di W3C agar sebuah spesifikasi dapat berstatus – Direkomendasikan – adalah “yang kedua: 100% selesai dan penerapannya dapat dilakukan pada dua atau lebih sistem yang berbeda” [12]. Pada wawancaranya dengan TechRepublic, Hickson memperkirakan hal ini baru akan terjadi pada tahun 2022 atau setelahnya.[13] Meski demikian, banyak bagian dari spesifikasi sudah stabil dan telah dapat diterapkan pada produk:
Lanjutkan membaca “mengenal html 5”

membuat app android dengan appsgeyser

salah satu cara mudah membuat app android adalah dengan menggunakan fasilitas di http://www.appsgeyser.com.
appsgeyser memberikan fasilitas gratis untuk membuat app dari web, game dan media hanya dengan 2 langkah mudah
create
1. bukalah website http://www.appsgeyser.com.
2. untuk membuat app, silakan menuliskan alamat web, atau upload file yang diperlukan dan memberi keterangan untuk app kita
3. isikan data untuk daftar secara gratis, klik create
4. maka app yang anda buat sudah jadi, boleh didownload apk nya atau promosi debngan link download yang telah disediakan appsgeyser.
 
selamat mencoba