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

      Free Downloads Avast 6.0 Anti virus terbaru (2011)

      Free Avast Antivirus 6.0 (2011) menyediakan fitur cukup banyak, yang biasanya di produk lainnya hanya diberikan di versi berbayar, tentu ini merupakan berita yang cukup menggembirakan, terutama yang mempunyai dana terbatas dan belum mampu membeli antivirus berbayar.
      Beberapa fitur baru atau keunggulan Avast Antivirus 6.0 antara lain:

      1. Auto Sanbox – Fitur  virtualisasi otomatis pertama untuk kategoris Antivirus.
      AutoSanbox mengidentifikasi aplikasi berbahaya (mencurigakan) dan otomatis menampilkan pesan ke pengguna apakah akan menjalankan aplikasi ini di mesin virtual yang aman. Jika aplikasi ini berbahaya maka mesin virtual avast akan shutdown dan komputer/PC akan tetap aman.

      2. WebRep
      Merupakan panduan reputasi sebuah website dan malware.

      WebRep akan menyatu dengan hasil pencarian di search engine, dengan menggabungkan informasi dari komunitas serta data yang sudah ada, untuk menyatakan reputasi sebuah web apakah aman atau tidak untuk di kunjungi.

      3. Internet Protection
      Tambahan opsi untuk proteksi internet.
      Avast menyertakan proteksi baik untuk perlindungan Web dan juga script, melindungi baik di level HTTP maupun level web browser, termasuk untuk memblock website tertentu.

      4. Know what’s bad – Mengenali dan menghentikan milyaran malware (virus).
      Perkembangan malware/virus memang sangat fantastis, dan Avast sudah menghentikan sekitar 1.2 Milyar virus sampai bulan Januari 2011. Avast mendapatkan 12.000 sample virus unik setiap hari dari informasi penggunanya.

      Feature Umum Anti Virus Avast 6.0 antara lain :

          * Engine Antivirus dan Antispyware
          * Real-time proteksi anti-rootkit
          * Avast WebRep (baru)
          * Avast CommunityIQ
          * Boot time Scanner
          * AutoSandbox
          * Intelligent Scanner
          * Green computing
          * File systm shield
          * Mail shield
          * P2P shield/IM Shield
          * Network shield
          * Script shield
          * Behaviour shield
          * Mendukung sistem 64bit
          * Heuristic Engine

      Untuk melihat feature selengkapnya silahkan kunjungi website resminya di Avast Free Antivirus.



                                                  Free download avast! 6.0  Anti virus



      Untuk mendapatkan lisensi gratisnya "Free Avast Antivirus 6.0" klik disini


      Semoga bermanfaat .....

      Panduan membuat blog di blogger untuk pemula


      1. Apa itu Blog ?
      Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi website yang berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru di posting dan diikuti oleh yang lebih lama. Awalnya, blog dibuat oleh penyedia bertujuan sebagai catatan pribadi pengguna blog yang disimpan secara online, namun dalam perkembangannya kini isi dari sebuah blog sangat bervariatif. Ada yang berisi tutorial ( contoh blog ini ), curhat, bisnis dan lain sebagainya.
      Secara umum, blog tidak ada bedanya dengan situs yang ada di internet. Flatform blog atau seringkali disebut juga dengan mesin blog dibuat sedemikian rupa oleh para designer blog agar mudah untuk digunakan.
      Dulu, untuk membuat aplikasi web diperlukan pengetahuan tentang pemrograman HTML, PHP, CSS dan lain sebagainya, tapi kini dengan blog semuanya menjadi sangat mudah. Orang tidak perlu lagi belajar bahasa pemprograman untuk dapat menggunakan blog.

      2. Cara membuat blog di blogspot 
      Salah satu penyedia blog gratis yang masih cukup populer saat ini adalah blogspot atau bisa juga di sebut blogger, dimana untuk mendaftar menjadi pengguna blog adalah melalui situs blogger.com namun nama domain yang akan anda dapatkan adalah sub domain dari blogspot tersebut, sebagai contoh adalah blog saya ini: dejavanta.blogspot.com 

      Kenapa harus membuat blog di blogger.com, dan bukan pada situs penyedia blog lainnya? Sebenarnya tidak ada keharusan untuk membuat blog di blogger, namun ada banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain. Beberapa contoh kelebihan blogspot di banding yang lain yaitu mudah dalam pengoperasian sehingga sangat cocok bagi pemula, bisa lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain sendiri misalkan, dejavanta.blogspot.com di ubah menjadi dejavanta.com sedangkan hosting tetap menggunakan blogspot dan masih tetap gratis.
      Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan membuat blog di blogspot ini akan sedikit berbeda dengan apa yang anda lihat di blogger.com di masa yang akan datang.
      Berikut saya bagikan tutorial membuat blog di blogger.com :

      Membuat Email

      Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email di Google/ gmail yang masih aktif di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email gmail. Jika anda belum paham bagaimana cara membuat email, silahkan gunakan mesin pencari google untuk mencari panduannya.
      Daftar Blog di blogger
      1. Silahkan kunjungi situs http://www.blogger.com


      2. Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan atas, ubah bahasa ke Indonesia agar lebih mudah dipahami. Silahkan langsung login dengan menggunakan "username" serta "password" gmail anda ( akun email anda bisa untuk login ke blogger).

      3. Klik tombol bertuliskan : "CIPTAKAN BLOG ANDA".

      4. Isilah nama judul blog serta alamat blog yang di inginkan. Ingat ! dalam membuat alamat blog anda harus benar-benar serius karena itu permanen dan tidak dapat digantikan lagi (kecuali jika nantinya ganti dengan custom domain). Jika alamat yang diinginkan ternyata tidak bisa digunakan, masukkan kembali alamat lain yang masih tersedia. Jika alamat blog yang diinginkan masih tersedia, silahkan klik anak panah bertuliskan "LANJUTKAN".

      5. Silahkan pilih template yang anda sukai ( template ini nanti bisa diubah lagi kapan saja anda mau), kemudian klik LANJUTKAN.

      6. Akan muncul tulisan “BLOG ANDA SUDAH JADI”.
      Silahkan lanjutkan dengan klik tombol "MULAI BLOGGING".

      7. Setelah masuk post editor, silahkan isi apa saja ( disarankan untuk langsung mengisi posting, biasanya jika tidak langsung posting akan terjaring robot anti spam milik blogger, dan blog anda akan di lock).
      Contoh : " Ini adalah posting blog pertamaku".
      Klik Tombol PRATINJAU yang ada di bawah untuk melihat tampilan yang nanti akan muncul di blog, Jika  sudah selesai mengetik artikel anda selanjutnya klik tombol TERBITKAN ENTRI jika posting artikel anda mau dipublikasikan ke publik.

      8. Klik “Lihat Entri” untuk melihat tampilan blog anda. Berikut contoh tampilan blog yang tadi di buat.

      9. Selesai.
      Untuk tahap awal, blog anda sudah jadi dan bisa diakses dimana saja. Lakukan dengan posting artikel anda berikutnya dengan klik tombol ENTRI BARU pada dasbord.
      Untuk pembahasan lebih dalam tentang bagaimana blogging dengan blogger, akan di bahas pada posting berikutnya.



      Membuat Animasi Teks pada Blog atau Website

      Mungkin anda pernah menjumpai text berjalan atau text yang berkedip pada beberapa website atau blog.
      Sebenarnya tidaklah sulit untuk membuat text yang anda inginkan dibuat berjalan atau berkedip-kedip seperti itu. Anda hanya perlu menambahkan beberapa perintah bahasa pemprograman saja. Anda ingin mencobanya ??

      Ok, kita langsung saja yaa ...

      1. Membuat Teks berkedip
      Misalnya anda ingin membuat text : " HALLO APA KABAR ??? " ini berkedip.
      maka perintahnya adalah : <blink>Text </blink>:

      Contoh 1 :
      <head>
      <body>
      <blink>HALLO APA KABAR ???</blink>
      </body>
      </head>

      maka hasilnya adalah seperti ini : HALLO APA KABAR ???


      2. Membuat Teks menjadi tebal
      Dan jika anda menginginkan Text tersebut Tebal anda tinggal menambahkan perintah "bold" : <b>Text</b>

      Contoh 2 :
      <head>
      <body>
      <blink><b>HALLO APA KABAR ???</b></blink>
      </body>
      </head>

      maka hasil dari program di atas adalah seperti di bawah ini :

      HALLO APA KABAR ???


      3. Membuat Teks berjalan
      Dan jika anda menginginkan text tersebut berjalan maka anda bisa menambahkan perintah "marquee" : <marquee>Text</marquee>

      Contoh 3 :
      <head>
      <body>
      <marquee><b>HALLO APA KABAR ???</b></marquee>
      </body>
      </head>

      maka hasilnya akan tampak seperti di bawah ini :

      HALLO APA KABAR ???



      4. Membuat Teks berjalan dari kiri ke kanan
      Pada contoh no. 3 di atas teks berjalan dari arah kanan ke arah kiri, Nah jika anda ingin Teks berjalan ke arah sebaliknya yaitu dari arah kiri ke kanan, maka code perintah programnya adalah sebagai berikut :

      Contoh 4 :
      <head>
      <body>
      <marquee align="center" direction="right" height="45" scrollamount="2" width="70%">
      HALLO APA KABAR ?
      </marquee>
      </body>
      </head>

      Dan hasil tampiannya akan anda dapati seperti di bawah ini :
      HALLO APA KABAR ?
      Note :
      Pada huruf / angka yang berwarna merah dapat anda sesuaikan menurut keinginan,  kata "right" adalah perintah untuk menggerakkan teks ke arah kanan. Anda dapat merubahnya menjadi "left" jika ingin teks berjalan dari arah kanan ke arah kiri.
      Huruf "45" pada kode diatas adalah untuk mengatur ukuran tinggi bidang gerak teks, anda dapat merubahnya dan menyesuaikan menurut ukuran bidang gerak pada website / blog anda.
      Sedangkan huruf "2" pada perintah scrollamount adalah untuk mengatur kecepatan gerak teks. Semakin besar nominalnya maka kecepatan gerak teks akan semakin bertambah.
      "70%" pada code width diatas adalah ukuran lebar bidang gerak teks. Anda bisa merubah prosentasenya sesuai dengan keinginan anda.


      5. Membuat teks berjalan ke kiri dan kembali ke kanan :
      Untuk membuat teks berjalan ke kiri lalu kembali kekanan, code programnya adalah sebagai berikut :

      Contoh 5 :
      <head>
      <body>
      <marquee align="center" direction="left" height="50" scrollamount="5" width="70%" behavior="alternate">
      <b>HALLO APA KABAR ?</b>
      </marquee>
      </head>
      </body>



      Code program diatas akan menghasilkan tampilan seperti di bawah ini :

      HALLO APA KABAR ?


      6. Membuat Teks berjalan / bergulir dari atas ke bawah atau sebaliknya :
      Jika anda ingin membuat teks bergulir dari bawah ke atas atau sebaliknya dari atas ke bawah, maka dapat menggunakan code program seperti berikut ini :

      Contoh 6 :
      <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="70%" height="80" align="center">
      <a href="http://dejavanta.blogspot.com" target="new">dejavanta.BloG</a><br />
      <a href="http://dejavanta.blogspot.com/2011/04/membuat-text-berjalan-pada-blog.html" target="new">Tutorial Membuat animasi teks pada Blog</a><br />
      <a href="http://dejavanta.blogspot.com/p/software.html" target="new">Free Downloads Software</a><br />
      <a href="http://http://dejavanta.blogspot.com/2011/04/tips-agar-cartridge-printer-anda-awet.html" target="new">Tips</a><br />
      </marquee>


      Maka tampilan teks akan menjadi seperti di bawah ini :
      Teks bergulir ke atas :

      dejavanta.BloG
      Tutorial Membuat animasi teks pada Blog
      Free Downloads Software
      Tips



      Teks bergulir dari atas ke bawah :

      dejavanta.BloG
      Tutorial Membuat animasi teks pada Blog
      Free Downloads Software
      Tips


      Note :
      Teks pada contoh 6 di atas selain bergulir juga sekaligus dapat di koneksikan (link) ke alamat situs atau halaman lain. Anda tinggal mengganti huruf yang berwarna biru sesuai dengan yang anda inginkan. Jadi begitu teks tersebut di klik maka secara otomatis akan langsung menuju pada sourch yang di tuju pada tab baru.
      Sedangkan untuk membuat teks bergulir dari atas ke bawah, anda tinggal mengganti kode "up" yang berwarna merah menjadi "down".


      Gampang kan .......
      Selamat Mencoba !!!

      Tips Agar Cartridge Printer Anda Awet dan Tahan Lama

      Kali ini Saya akan mencoba sharing tentang Tips Agar Catridge Printer anda Awet dan Tahan Lama. Karena banyak sekali pertanyaan tentang "kenapa catrdige printer cepet sekali rusaknya... 
      Sebelum menuju ke Tips Agar Catridge Printer Awet dan Tahan Lama, ada baiknya kita perhatikan dulu tentang cara kerja dari head catridge printer. 
      Head       : berfungsi untuk mengatur keluarnya tinta.  
      Catrdige : berfungsi sebagai wadah / tempat penampungan tinta yg akan mengalir ke head.
      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