Pengertian HTML dan fungsinya



Secara garis besar terdapat 4 jenis elemen dari HTML yaitu :

1. Structural.
Adalah suatu tanda atau kode program yang menentukan level atau tingkatan dari sebuah tulisan (contoh, <h1>Internet</h1> akan memerintahkan browser untuk menampilkan "Internet" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1
 2. Presentational.
Adalah suatu tanda atau kode yang menentukan tampilan dari sebuah tulisan, tidak peduli dengan level dari tulisan tersebut. (contoh : <b>Cetak Tebal</b> maka pada browser akan menampilkan "Cetak Tebal". Namun kode-kode presentational saat ini sudah mulai digantikan dengan penggunaan CSS (Cascading Style Sheets) dan tidak direkomendasikan lagi untuk mengatur tampilan tulisan.

Pengertian HTML - HyperText Markup Language



HTML atau Hyper Text Markup Language adalah berupa serangkaian kode-kode tag yang menginstruksikan kepada penjelajah web atau (web browser) untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan penjelajah web seperti Mozilla Firefox atau Microsoft Internet Explorer, Google Crome,  dan Opera. HTML juga dapat dikenali oleh aplikasi pembuka surel ataupun dari PDA dan perangkat lunak lain yang memiliki kemampuan browser. Dengan menggunakan perintah-perintah HTML memungkinkan pengguna untuk melakukan tugas-tugas seperti berikut :


Sejarah HTML



Dunia internet semakin hari semakin mengalami perkembangan yang sangat pesat. Berbagai pihak turut serta menyumbangkan pemikiran untuk kemajuan teknologi komunikasi global tersebut. Dan banyak pihak semakin di untungkan dengan banyaknya penemuan-penemuan baru. Salah satu contohnya adalah dahulu untuk membuat sebuah website atau blog, orang harus tahu tentang bahasa pemrograman HTML. Tapi kini untuk membuat sebuah blog atau website siapapun bisa membuatnya dalam sekejap, bahkan dalam hitungan menit sebuah blog atau website sudah bisa di buat oleh siapapun berkat penemuan para pengembang teknologi internet.
   Namun tidak ada salahnya kalau kita mengenal sekilas tentang sejarah lahirnya internet, dan memahami bahasa pemrogramannya secara garis besar. Internet di bangun dengan menggabungkan bahasa-bahasa program yang rumit yang terintegrasi, bahasa program yang di pakai adalah HTML.

Mengenal sejarah lahirnya HTML

Hyper Text Markup Language atau biasa di singkat HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web.

cara mengganti icon atau logo blog



Mungkin anda pernah melihat logo para blogger yang memakai logo blog sendiri seperti yang sekarang anda lihat pada blog saya ini. Lihat pada bagian sebelah kiri browser anda, dimana terlihat default logo blogger.com
yang mirip huruf B telah saya ganti dengan logo blog saya sendiri  .
Fungsinya ?
Sebenarnya sih hal itu bukan merupakan suatu keharusan dan tidak berpengaruh sama sekali pada posisi rating di search engine, melainkan hanya untuk menunjukkan identitas blog anda jika blog anda dikunjungi oleh pengunjung.
Lalu bagaimana cara menggantinya ?
mudah saja,
  1. Untuk tahap awal anda terlebih dahulu harus menyiapkan gambar yang ingin anda jadikan sebagai logo blog anda.
  2. Simpan dalam format gif atau png dengan size : width = 20px dan height = 20px.
  3. Kemudian upload gambar logo anda tersebut ke situs penyimpan gambar gratis. Anda bisa mengupload ke situs picasaweb.google.com maupun photobucket.com dan situs penyedia penyimpanan gambar gratis lainnya.
Tapi bagi anda yang menggunakan blog dari blogger.com saya sarankan sebaiknya anda simpan ke web picasa, karena picasa merupakan kepunyaan google juga. 
Setelah gambar anda upload anda akan mendapatkan link gambar anda tersebut yang nantinya akan di link ke blog anda.

Untuk menjaga apabila terjadi kesalahan dalam mengedit html, sebaiknya anda copy terlebih dahulu html blog anda agar dapat terselamatkan.

     4. Setelah itu cari kode berikut ini di html blog anda.

<b:skin><![CDATA[

(anda dapat mengunakan "ctrl+F" kemudian memasukkan kode tersebut agar lebih cepat melakukan pencarian).

     5. Kemudian masukkan kode dibawah ini tepat di atas kode   <b:skin><![CDATA[

Kode :
<link href='url gambar logo anda' rel='shortcut icon'/>

Contoh :

<link href='https://lh3.googleusercontent.com/_UtBi2hMwJlw/TdKs3CToZRI/AAAAAAAAAEE/8URPXrJdEJs/s800/logo%dejavanta.png' rel='shortcut icon'/>
<b:skin><![CDATA[

(huruf yang berwarna biru silahkan anda ganti dengan URL gambar logo anda tadi)

Setelah itu anda simpan template anda dan lihat perubahan  yang terjadi pada blog anda.

Selamat mencoba, Semoga bermanfaat ...

About SEO - Search Engine Optimization

SEO ( Search Engine Optimization ) or search engine optimization is a series of processes are carried out systematically in order to increase the volume and quality of traffic from search engines to address specific web sites by exploiting a natural mechanism of the search engine algorithms. SEO specific objective is to place a website address at the top (or at least on the first page) search results based on a particular subject. Logically, the address of the site which occupies the top position of search results has a better chance to get visitors.

In line with the growing use of websites as a media business, the need for SEO services is also increasing. If your site in top positions of search results will increase the chances of online marketing to get new customers (advertisers on your site).

Some of the steps done in SEO optimization :

On page SEO (optimization on your blog page)

1. Select a domain name of your blog that matches the theme, set meta tags, blog title, description tags blog, post title tags, tags labels
2. Choose the right keywords that will be used in post title
3. Set the anchor text (text that contains the link), and navigational links between pages to allow visitors to see the other posts (you can make: related post, the latest articles, menu bar, put a link on the sidebar, or footer)
4. Add captions in their HTML source on the alt ="......" according to the theme posting
5. Reduce install widgets that are not important (such as songs, animation (flash), images are large, and other widgets that are not important) for a long time not loading
6. Write your post with useful content

Off page SEO (Optimization should you do outside of your blog)

1. Register your blog or website url to major search engines (google, yahoo, altavista, and msn), do not forget to do the verification yaour url in each webmaster tools search engines
2. Build back links (exchange links) with a quality site (ie a link from the blog page rank high and one category with your blog) as much as possible.
3. Campaign blog to:
a. Blog directories, social networking sites (facebook, myspace, yuwie, twitter, etc.), information sharing site (such as: infogue, kaskus, etc.)
b. Offline promotion (flyers, conversation, etc.)

How to measure the success or the level of your site optimization? :

1. Page Rank (Google Page Rank) of your site has increased from 0 (lowest) to 10 (highest). About Page Rank (Google pagerank)
2. Alexa Rank of your site getting smaller (range of values ​​from 20 million to 1) The smaller the value the better alexa rank. About Alexa rank
3. When you type the keyword on google search engine, then link your site or post pages appear on the first page SERP (Search Engine Result Pages)

What advantages do you get if you managed to optimize SEO? :

1. Site blog / website you can flood of visitors from users who are using the google search, from several studies 80 percent of visitors to the site came from users who use search engines, the rest by word of mouth, blog directory, and others (ultimately increase traffic to the your blog)
2. Easy to get advertising at competitive rates (the term in the world of bloggers "easily monetize your blog"), and the impact you can collect more dollars from your site.
3. You'll get much response from other users, either kitik, suggestions that could be a booster to develop your blog, or bids from various parties that will benefit you.
4. And many more advantages that are material or non material


Free download Hamster Burning Studio

Pada postingan sebelumnya saya sudah sharing tentang sofware video converter. yaitu Hamster Video Converter.
Nah kali ini saya mau share satu produk lagi dari Hamster.

Seperti halnya Nero, Hamster pun mengeluarkan produk Software yang tak kalah bagusnya di banding dengan nero.

Dengan fitur aplikasi yang tak jauh beda, bahkan bisa di bilang sama dengan nero tentu software ini patut direkomendasikan. Apalagi sofware ini dirilis dengan bandrol (0) Nol rupiah alias gratis bin Free full versi.
Ahaaa... berita yang sangat menggembirakan buat yang kantongnya cekak alias suka gratisan... hehehe..

Sedikit mengulas mengenai fitur, berikut ini saya jelaskan secara ringkas saja beberapa fitur yang dimiliki software Hamster Burning Studio ini.


    
1. Burning on all types of disks 
Hamster Free Burning Studio automatically identifies the type of disk inserted in the tray, its capacity and possible burning speed onto the disk, and uses this information to display the fill factor of the files on the disk and the possibility of clearing the disk for its full rewriting.

2. Friendly interface 
The design of the software and all of its elements has one goal – to make it easy to burn your video, music or any other data on a CD, DVD or BlueRay without unncessary setup and effort.

3. Compact mode for convenience 
People most often write things on laser disks, so we've made a special mini mode designed only for burning data on disks. Any user can figure out how to burn information without difficulty using Hamster Free Burning Studio.

   Features :
  • Burns on CD
  • Burns on DVD
  • Burns on BluRay
  • Clears writable disks
  • Checks readability of written files
  • Creates ISO templates
  • Works with Windows XP/Vista/7 (32 & 64 Bit)
  • Complete list of supported optical disks



                                                Free download Hamster Burning Studio  (6.159Kb)
                                                          


    * Password RAR : dejavanta.blogspot

    Free download Hamster Video Converter


    Software yang satu ini terbilang lumayan juga. Untuk kebutuhan convert video tergolong lengkap  fitur-fiturnya. diantaranya :
    • Dukungan Youtube
    • GRATIS! Full version.
    • Dapat mengubah semua jenis video ke iPod, iPad, iPhone, PS3, PSP, Blackberry, xbox, Zune, Apple TV, iRiver, dan lebih dari 200 + perangkat lainnya.
    • Mengkonversi ke dalam bentik 3GP, MP3, MP4, AVI, MPG, WMV, MPEG, FLV, HD, DVD, M2TS dan lain-lain!
    • Pemutar video terpadu!
    • Sangat mudah mengaplikasikannya! Anda tinggal Drag-n-Drop! Tidak memerlukan pengetahuan khusus.
    • Merubah codec / Jenis Sistem / De-interlaces file video Anda.
    • Mengkonversi file video dalam jumlah banyak.
    • Mengatur audio video bitrate, frame rate.
    • Terintegrasi ke dalam Windows! Windows 7/Vista/XP kompatibel!.
    • Mendukung 40 bahasa (Inggris, Perancis, Spanyol, Jerman, Jepang, Rusia, Portugis, Cina, Arab, Korea, dll).
    berikut sekilas tampilan dari Software  Hamster Video Converter ini :



    1. Jalankan program Hamster Video Converter
        Drag-dan-drop atau tekan tombol "Add" untuk menambahkan file video

    2. Pilih parameter
        Pilih perangkat Anda dari daftar atau menyesuaikan parameter konversi itu sendiri

    3. Tekan untuk mengubah
         Klik "Tekan untuk mengubah" dengan cepat akan mengkonversi file video



    Anda ingin mencobanya ? klik download button dibawah ini

    * Password RAR : dejavanta.blogspot


                                           Free download Download Hamster Video Converter (223Kb)

                                                               

    Free download Winamp 5581 full 2011






    Sudah bosan dengan tampilan winamp yang lama??  atau mau cobain dengan fitur dari aplikasi terbarunya ???
    Pemutar audio video ini telah meluncurkan edisi terbarunya versi 2011 loh....
    Ada versi berbayar dan ada juga versi free. Tapi yang ingin saya share kali ini adalah yang versi free...

    Ok, ga pake lama langsung saja ke TKP  yah yang mau download ....Cekidot !!!

                      Download Winamp 5581 (2011)


                                                  

    Free download Software Financial management System 10

    Anda sering kesulitan dalam mengelola keuangan ?  baik keuangan untuk bisnis kecil kecilan anda ataupun keuangan dalam rumah tangga anda. Kita memang harus pandai-pandai dalam mengelola keuangan kita, bukan tidak mungkin kita akan jatuh bangkrut karena pengeluaran keuangan yang tidak terkontrol.  Nah.. kali ini saya mau posting tentang software manageman financial untuk membantu anda dalam mengatur   keuangan anda.  Financial Management System namanya.


    Software Fianancial Management System ini adalah software pengola keuangan yang dapat diaplikasikan baik untuk pribadi, ibu rumah tangga, keluarga maupun bisnis anda. Bahkan para pelajar dan mahasiswa juga bisa menggunakan software ini. Karena dengan menggunakan software ini keuangan anda akan mudah dikontrol di kelola dan dapat membantu anda dalam mengambil keputusan melalui laporan dari software ini.

    Karena dalam sofware ini anda akan dapat melihat beberapa hal berikut ini sebagai bahan referensi :
    • Grafik total per Akun
    • Laporan harta
    • Laporan mutasi setiap transaksi
    • Menu transaksi
    • Grafik perbandingan keuangan keluar dan masuk
    • Grafik harta
    Mau download softwarenya ? Silahkan klik link Download dibawah ini :

    * Password RAR : dejavanta.blogspot



                                  Free Download Software Fianancial Management System
                                                          

    Download HJ SPLIT 2.4 Software pemecah dan penggabung file


    Sofware HJSplit 2.4 ini berguna untuk memecah (mempartisi) file yang terlalu besar menjadi beberapa bagian dan kemudian sekaligus juga untuk menyatukannya kembali. misalnya begini, saya ingin meng-upload file yang berkapasitas 900MB. Kalau file tersebut langsung saya upload sekaligus tentu akan berat loadingnya. Nah agar file tersebut bisa saya upload, biasanya saya lebih dulu membagi file tersebut menjadi beberapa bagian. Baru kemudian saya upload file satu per satu.
    Kemudian setelah beberapa bagian file tersebut di download, software ini juga berfungsi untuk menyatukannya kembali menjadi satu file seperti sedia kala.

    Untuk menjalankan Software ini anda tidak perlu repot-repot melakukan instalasi (instal) segala. Untuk lebih jelasnya saya share panduannya.



    CARA MEMECAH FILE DENGAN MENGGUNAKAN SOFTWARE HJSPLIT 2.4  :

    1. Download software HJSPLIT 2.4
    2. Buka (Jalankan) software(tidak perlu diinstal).
    3. Klik Split
    4. Klik input file dan browse file yang anda kehendaki untuk dipecah. 
    5. Secara default, output file akan sama lokasi (directory) nya seperti pada input filenya. Namun jika anda ingin mengubahnya pun juga bisa, anda tinggal klik aja.
    6. Tentukan Split file size (bisa Kb/Mb)
    7. Tekan Start 
    8. Tunggu hingga proses nya selesai.
    9. Finish. 


    Itu tadi adalah cara memecah file. Lalu bagaimana cara untuk menggabungkan lagi file tersebut ?
    Gampang kok... ini dia

    CARA MENGGABUNGKAN FILE YANG TELAH DI PECAH DENGAN MENGGUNAKAN SOFTWARE HJSPLIT 2.4
    1. Letakan semua file yang akan digabungkan (pecahan file) dalam 1 folder / lokasi yang sama. 
    2. Jalankan HJSplit
    3. Klik Join
    4. Klik Input
    5. Browse file yang ingin anda gabung. (cukup file pertamanya saja yang anda input, Misalnya : contoh.exe.001). Software akan secara otomatis menemukan dan menggabungkan nama file yang sama (lainnya).
    6. Secara default, output file akan sama lokasinya seperti input file. Namun jika anda ingin mengubahnya, silahkan di klik saja.
    7. Klik Start
    8. Tunggu sampai proses selesai. 
    9. Selesai 


                                                     Free Download software HJ SPLIT 2.4   
                                                                     

    * Password RAR : dejavanta.blog
      adf.ly - shorten links and earn money!
       
      Support : DEJAVANTA | KARYA MANDIRI
      Copyright © 2010. D E J A V A N T A - All Rights Reserved
      Template by Creating website Modify by DEJAVANTA
      Proudly powered by Blogger