Friday, November 30, 2012

Download Nexus Font Manager 2.5.8

Download Nexus Font Manager 2.5.8

Pada Posting sebelumnya saya share 'Log On Studio 1.7.0', sekarang saya lanjutkan dengan share 'Nexus Font Manager 2.5.8'.

Nexus Font Manager adalah aplikasi yang berfungsi untuk mengorganisasikan font yang berada di dalam system komputer khususnya operating system windows. Dengan aplikasi ini Anda dapat melihat preview semua font yang terinstall pada windows Anda, sehingga apabila terdapat font yang karakternya sama Anda dapat menguninstallnya agar tidak memberatkan kerja system. Dengan Nexus Font Manager Anda juga dapat menggunakan font yang berada di dalam USB Flashdisk hanya dengan menjalankan aplikasi ini.


Screenshot & Features:

Download Nexus Font Manager 2.5.8

Features:

  • Simple and Intuitive UI
    Simple UI helps you focus on what you are doing. Type, see, and choose the font.

  • Auto Activation
    You don't need to install all fonts to the system. While nexusfont is running, all listed fonts in NexusFont are available on other programs. Don't slow down your system by keeping hundreds of fonts installed to it.

  • Portable
    NexusFont maintains the library and your sets on the same removable device even if the drive letter for the device changes. Carry your fonts on a USB flash drive with NexusFont. Then you can use the fonts on it by just launching NexusFont on any computer. NexusFont does not make any changes to the Registry.

  • Install/Uninstall
    You can install/uninstall fonts using options which can help you effectively manage your installed fonts.

  • Library and Sets
    Add folders have fonts into the Library. These folders can be managed by groups in Library.

  • Find Duplicates
    Don't waste your storage space with unnecessary font files. NexusFont will find duplicate fonts even if the font files have different file names.

Baiklah silahkan langsung saja download 'Nexus Font Manager 2.5.8' ini, di link yang sudah saya sediakan di bawah.


Download:

Download Log On Studio 1.7.0

Download Log On Studio 1.7.0

Pada Posting sebelumnya saya share 'Cara BackUp System Windows 7', sekarang saya lanjutkan dengan share 'Log On Studio 1.7.0'.

Log On Studio adalah aplikasi yang berfungsi untuk customization tampilan windows pada saat startup. Mungkin Anda bosan melihat startup windows yang mana kita disuguhkan dengan tampilan logo windows yang itu-itu saja, sangat membosankan bukan?. Bagi Anda yang ingin melakukan customization logo startup windows, Anda dapat mencoba aplikasi ini dan Anda dapat mengganti startup windows logo Anda sesuai dengan keinginan.


Screenshot:

Download Log On Studio 1.7.0


Example:

Download Log On Studio 1.7.0

Baiklah silahkan langsung saja download 'Log On Studio 1.7.0' ini, di link yang sudah saya sediakan di bawah.


Download:

Thursday, November 29, 2012

Cara BackUp System Windows 7

Cara BackUp System Windows 7

Pada Posting sebelumnya saya share 'Cara Mempercantik Folder Pada Windows 7', sekarang saya lanjutkan dengan share 'Cara BackUp System Windows 7'.

Backup adalah salinan dari sebuah data yang dapat digunakan sebagai cadangan data apabila suatu ketika data hilang entah karena rusak maupun faktor lainnya. Pada operating system windows 7 tersedia feature 'Backup and Restore' yang berfungsi untuk mem'backup keseluruhan system. Kita tidak akan pernah tahu apa yang akan terjadi pada windows kita kedepannya, apalagi bagi user yang sering browsing di internet yang mana serangan malware bisa terjadi kapan saja walaupun komputer kita telah di pasang antivirus namun itu bukan jaminan windows kita aman. Oleh karena itu kita perlu untuk segera membuat backup dari system windows kita agar apabila terjadi system failur kita dapat mengembalikannya (restore) ke keadaan pada saat kita melakukan backup.

Baiklah berikut ini langkah-langkah untuk melakukan backup system khususnya operating system windows 7.


Screenshot & Langkah-langkah:

Langkah-langkah untuk backup system windows 7:

  1. Klik 'Start\control panel\System and security\Backup and restore' kemudian klik 'Set up backup', seperti pada gambar di bawah ini.
  2. Cara BackUp System Windows 7


  3. Kemudian akan muncul kotak dialog seperti pada gambar di bawah ini, Anda pilih tempat untuk menyimpan backup sebagai contoh di sini Local Disk D: kemudian klik 'Next'. Apabila muncul peringatan seperti pada gambar di bawahnya Anda klik 'OK'.
  4. Cara BackUp System Windows 7

    Cara BackUp System Windows 7


  5. Lalu akan muncul kotak dialog seperti pada gambar di bawah ini, Anda klik 'Next'.
  6. Cara BackUp System Windows 7


  7. Lalu akan muncul kotak dialog seperti pada gambar di bawah ini, Anda klik 'Change schedule' di sini saya rekomendasikan untuk 'disable' scheduled backup dengan cara menghilangkan tanda conteng di depan Run backup on schedule (recommended) kemudian klik 'OK'.
  8. Cara BackUp System Windows 7

    Cara BackUp System Windows 7


  9. Kemudian akan muncul kotak dialog seperti pada gambar di bawah ini, Anda klik 'Save settings and run backup'.
  10. Cara BackUp System Windows 7


  11. Lalu proses backup di mulai seperti pada gambar di bawah ini, Proses backup membutuhkan waktu kira-kira 30 menit atau 1 jam tergantung besarnya kapasitas system yang di backup, Anda tunggu prosesnya sampai selesai!
  12. Cara BackUp System Windows 7


Nb. Sangat di sarankan agar Anda segera membuat 'System Repair Disc' yang dapat Anda gunakan untuk me'repair maupun me'restore system ketika terjadi failure.

Wednesday, November 28, 2012

Cara Mempercantik Folder Pada Windows 7

Cara Mempercantik Folder Pada Windows 7

Pada Posting sebelumnya saya share 'Cara Praktis Membuat Images Icon', sekarang saya lanjutkan dengan share 'Cara Mempercantik Folder Pada Windows 7'.

Folder dalam 'Kamus Besar Bahasa Indonesia' berarti selebaran (barang cetakan) yg dilipat sedemikian rupa sehingga bagian yg tercetak tidak terkena lipatan. Dalam istilah komputer kita mengenal folder merupakan sebuah tempat untuk menyimpan files, seperti layaknya sebuah map untuk menyimpan buku maupun jurnal-jurnal pada sebuah rak di dalam perpustakaan. Untuk mempercantik tampilan folder kita dapat melakukan customization dengan menambahkan sebuah icon (file images berekstensi .ico).

Baiklah berikut ini langkah-langkah untuk mempercantik tampilan folder khususnya untuk operating system windows 7.


Screenshot & Langkah-langkah:

Langkah-langkah untuk mempercantik folder:

  1. Membuat images icon yang akan digunakan sebagai icon folder, caranya dapat anda baca di sini.

  2. Klik kanan folder yang akan di customization lalu klik 'properties' kemudian klik tab 'Customize' lalu klik 'Chage Icon...', Seperti pada gambar di bawah ini.
  3. Cara Mempercantik Folder Pada Windows 7


  4. Kemudian akan muncul kotak dialog seperti pada gambar di bawah ini, Anda klik 'Browse...' lalu cari file .ico yang telah Anda buat untuk di jadikan sebagai icon folder, kemudian klik 'Open'.
  5. Cara Mempercantik Folder Pada Windows 7

    Cara Mempercantik Folder Pada Windows 7


  6. Setelah Anda sudah memilih icon folder maka akan muncuk kotak dialog seperti pada gambar di bawah ini, Anda klik 'OK'
  7. Cara Mempercantik Folder Pada Windows 7


  8. Kemudian akan muncul kotak dialog seperti pada gambar di bawah ini, Anda klik 'Apply' lalu 'OK'.
  9. Cara Mempercantik Folder Pada Windows 7

    Cara Mempercantik Folder Pada Windows 7


  10. Selesai..!! Anda telah berhasil melakukan customization folder, sekarang folder Anda kelihatan lebih cantik bukan?.
  11. Cara Mempercantik Folder Pada Windows 7


Nb. Sebaiknya file icon yang akan di jadikan sebagai icon folder Anda letakkan di dalam folder yang akan di customization atau Anda dapat membuat sebuah folder khusus untuk menyimpan file icon.

Tuesday, November 27, 2012

Cara Praktis Membuat Images Icon

Cara Praktis Membuat Images Icon

Pada Posting sebelumnya saya share 'Cara Menggabungkan File ._a, ._b, ._c dst', sekarang saya lanjutkan dengan share 'Cara Praktis Membuat Images Icon'.

Icon adalah sebuah images file yang berekstensi (.ico). File ini di perlukan pada saat kita akan melakukan customization sebuah folder, untuk di jadikan sebagai favicon pada sebuah halaman website, untuk dijadikan sebagai icon pada self extracting files agar terlihat lebih menarik dan untuk keperluan lainya yang membutuhkan file images berekstensi (.ico). File icon dapat dengan mudah kita download dari internet, namun akan lebih baik apabila kita dapat membuatnya sendiri. Do you agree with me?

Baiklah berikut ini langkah-langkah untuk membuat Images Icon.


Screenshot & Langkah-langkah:

Langkah-langkah untuk membuat images icon:

  1. Download aplikasi 'SimplyIcon' di sini.
  2. Siapkan image file yang akan di convert menjadi file icon seperti file (.jpg, .png, .psd, .bmp, .tga, .tif). Kemudian Jalankan aplikasi 'SimplyIcon', lalu drag and drop image yang akan di convert menjadi file .ico ke dalam kotak yang di beri tanda panah seperti pada gambar di bawah ini.
  3. Cara Praktis Membuat Images Icon

    Cara Praktis Membuat Images Icon

  4. Selesai..!! Anda telah berhasil membuat icon! (file .ico yang telah di buat akan berada di directory yang sama dengan file image sumbernya).

Nb. Agar aspek rasio dari source image tidak berubah Anda perlu melakukan cropping terlebih dahulu sebelum dijadikan image icon dengan rasio sama sisi sebagai contoh (128px X 128px) menggunakan aplikasi photo editor. Anda dapat mencoba PhotoScape yang dapat Anda download di sini.

Monday, November 26, 2012

Cara Menggabungkan File ._a, ._b, ._c, dst

Cara Menggabungkan File ._a, ._b, ._c, dst

Pada Posting sebelumnya saya share 'K-Lite Mega Codec Pack 9.5 (Video Player)', sekarang saya lanjutkan dengan share 'Cara Menggabungkan File ._a, ._b, ._c, dst'.

Ekstensi file yang ada di internet sangat beragam bahkan kita tak jarang menemukan file yang di pecah menjadi beberapa bagian, hal ini dilakukan karena ada pembatasan kapasitas maksimum file yang dapat di upload setiap kali melakukan upload. Oleh karena kapasitas file yang akan di upload melebihi batas maksimal yang diperbolehkan, untuk mengantisipasinya yaitu dengan cara memecahnya menjadi beberapa bagian agar dapat di upload untuk kemudian di gabungkan kembali menjadi satu file yang utuh.

Pada tutorial kali ini Saya akan menjelaskan bagaimana cara menggabungkan pecahan file yang berekstensi ._a, ._b, ._c, dst. Baiklah berikut ini langkah-langkahnya.


Screenshot & Langkah-langkah:

Langkah-langkah untuk menggabungkan file ._a, ._b, ._c, dst:

  1. Download aplikasi 'FFSJ v3.3 (installer)' di sini, atau apabila menginginkan versi portable dapat Anda download di sini.
  2. Pastikan semua bagian file yang akan digabungkan berada di folder yang sama.
  3. Jalankan aplikasi 'FFSJ', Anda klik tab 'Joining', kemudian pada kotak 'First split part (.001, ._a)' Anda browse file ._a yang akan di gabungkan. Untuk 'Output File' otomatis menyesuaikan sesuai dengan lokasi file yang anda browse tadi, Anda dapat merubah sesuai dengan keinginan Anda. Lalu Anda klik 'Join'.
  4. Cara Menggabungkan File ._a, ._b, ._c, dst

  5. Selesai..!! Anda telah berhasil menggabungkan file ._a, ._b, ._c, dst.

Nb. Aplikasi 'FFSJ' ini juga dapat di gunakan untuk menggabungkan file berekstensi .001, .002, .003, dst, dengan cara yang sama seperti langkah-langkah di atas.

Thursday, November 22, 2012

Download K-Lite Mega Codec Pack 9.5 (Video Player)

Download K-Lite Mega Codec Pack 9.5 Video Player

Pada Posting sebelumnya saya share 'Photoscape 3.6.2 (Photo Editing Software)', sekarang saya lanjutkan dengan share 'K-Lite Mega Codec Pack 9.5 (Video Player)'.

K-Lite Mega Codec Pack 9.5 adalah kumpulan codec yang memungkinkan Anda dapat memutar semua jenis file video. Suatu ketika kita men'download sebuah video namun ketika akan membukanya ternyata windows media player tidak dapat memutarnya. Oleh karena itu kita memerlukan sebuah aplikasi pemutar video yang dapat membuka semua jenis file agar di kemudian hari tidak mengalami hal seperti itu lagi, dan aplikasi ini dapat di jadikan sebagai solusinya.


Screenshot:

Download K-Lite Mega Codec Pack 9.5 Video Player


Baiklah silahkan langsung saja download 'K-Lite Mega Codec Pack 9.5' ini, di link yang sudah saya sediakan di bawah.


Download:

Wednesday, November 21, 2012

Download Photoscape 3.6.2 (Photo Editing Software)

Download Photoscape 3.6.2 Photo Editing Software

Pada Posting sebelumnya saya share 'CPU-Z 1.62 (System Information Tools)', sekarang saya lanjutkan dengan share 'Photoscape 3.6.2 (Photo Editing Software)'.

Photoscape adalah sebuah aplikasi photo editing yang sangat praktis, memiliki cukup banyak feature yang dapat mempermudah kita dalam hal editing photo. Diantaranya yaitu feature viewer yang dapat kita gunakan sebagai alternative untuk membuka sebuah image atau foto, feature slideshow sehingga kita dapat melihat foto atau gambar yang berada di dalam sebuah folder dengan tampilan slideshow, feature animated gif yang dapat kita gunakan untuk membuat sebuah animasi, cukup menarik bukan?


Screenshot & All Features:

Download Photoscape 3.6.2 Photo Editing Software

All Features:

  • Viewer: View photos in your folder, create a slideshow.

  • Editor: resizing, brightness and color adjustment, white balance, backlight correction, frames, balloons, mosaic mode, adding text, drawing pictures, cropping, filters, red eye removal, blooming, paint brush, clone stamp, effect brush.

  • Batch editor: Batch edit multiple photos.

  • Page: Merge multiple photos on the page frame to create one final photo.

  • Combine: Attach multiple photos vertically or horizontally to create one final photo.

  • Animated GIF: Use multiple photos to create a final animated photo.

  • Print: Print portrait shots, carte de visites(CDV), passport photos.

  • Splitter: Slice a photo into several pieces.

  • Screen Capture: Capture your screenshot and save it.

  • Color Picker: Zoom in on images, search and pick a color.

  • Rename: Change photo file names in batch mode.

  • Raw Converter: Convert RAW to JPG.

  • Paper Print: Print lined, graph, music and calendar paper.

  • Face Search: Find similar faces on the Internet.


Baiklah silahkan langsung saja download 'Photoscape 3.6.2' ini, di link yang sudah saya sediakan di bawah.


Download:

Tuesday, November 20, 2012

Download CPU-Z 1.62 (System Information Tools)

Download CPU-Z 1.62 System Information Tools

Pada Posting sebelumnya saya share 'Format Factory 3.0.1 (All in One Converter)', sekarang saya lanjutkan dengan share 'CPU-Z 1.62 (System Information Tools)'.

CPU-Z adalah sebuah aplikasi yang berfungsi untuk mengetahui spesifikasi sebuah perangkat komputer. Dengan menggunakan tools ini kita dapat dengan mudah mengetahui informasi mengenai 'CPU, Mainboard, Memory, System' di dalam komputer kita. Aplikasi ini tersedia dalam 2 versi yaitu installer dan portable. Versi installer memerlukan proses installasi terlebih dahulu untuk dapat di gunakan sedangkan versi portable dapat langsung di jalankan tanpa memerlukan proses installasi.


Screenshot:


Baiklah silahkan langsung saja download 'CPU-Z 1.62 (System Information Tools)' ini, di link yang sudah saya sediakan di bawah.


Download:

Download Format Factory 3.0.1 (All in One Converter)

Download Format Factory 3.0.1 All in One Converter

Jika sebelumnya saya share 'Cara Membuat Text Berjalan pada Dokumen HTML', sekarang saya lanjutkan dengan share 'Format Factory 3.0.1 (All in One Converter)'.

Format Factory merupakan sebuah software converter yang cukup dapat diandalkan. Tools ini dapat di pakai untuk meng'convert berbagai macam jenis file seperti 'Video, Audio, Picture' (support semua jenis file Video, Audio & Picture). Fungsi Aplikasi ini yaitu untuk mengkonversi 'All to MP4/3GP/MPG/AVI/WMV/FLV/SWF, All to MP3/WMA/AMR/OGG/AAC/WAV, All to JPG/BMP/PNG/TIF/ICO/GIF/TGA, Rip DVD to video file , Rip Music CD to audio file, MP4 files support iPod/iPhone/PSP/BlackBerry format, Supports RMVB,Watermark, AV Mux'.


Screenshot:

Features:

  • Support converting all popular video,audio,picture formats to others.
  • Repair damaged video and audio file.
  • Reducing Multimedia file size.
  • Support iphone,ipod multimedia file formats.
  • Picture converting supports Zoom,Rotate/Flip,tags.
  • DVD Ripper.
  • Supports 62 languages

System requirements:

  • All Windows OS.


Baiklah silahkan langsung saja download 'Format Factory 3.0.1 (All in One Converter)' ini, di link yang sudah saya sediakan di bawah.


Download:

Monday, November 19, 2012

Juara 1 Lomba Blog DDHK News

Juara 1 Lomba Blog DDHK News

Assalamualaikum Wr. Wb.

Bismillahi Rohmanirrahim, pertama-tama Saya panjatkan puja dan puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat serta hidayahnya sehingga Saya dapat terus meng'update blog ini dalam keadaan sehat walafiat, Amien Ya Robbal Alamien. Sholawat serta salam Saya tujukan kepada Baginda Rosulullah SalAllahu Alaihi Wasalam (Allahumma Sholli Wa Sallim Alaihi) beserta keluarga dan para sahabatNya. Tak lupa pula Saya ucapkan terima kasih kepada Mama, Papa, Suami dan Anak Saya tercinta yang selalu memberikan dukungan kepada Saya sehingga membuat Saya terus bersemangat, Thank You My Darling.. I Love You So Very Much!. Untuk teman-teman dan seluruh sahabat Amirabella-Zone yang telah memberikan support kepada Saya, Thank You Very Much!.

Terhitung sejak peluncurannya Amirabella-Zone tergolong blog baru, namun Saya sangat bersyukur blog ini telah mendapat apresiasi yang sangat berharga dari DDHK News dengan menjadi Juara 1 Festival Kreativitas Migran DDHK untuk kategori Lomba Blog. Terima kasih kepada segenap keluarga besar DDHK News atas penghargaan yang diberikan kepada Saya, semoga DDHK News semakin maju dan terus berkiprah dalam pemberdayaan BMI Hongkong dan Macau.

Demikian posting ini Saya buat sebagai ungkapan rasa syukur dan terima kasih Saya atas apresiasi yang telah diberikan kepada Saya. Kritik serta saran yang membangun Saya harapkan, semoga blog ini bermanfaat bagi teman-teman semua.. Amien Ya Robbal Alamien!.

Wassalamualaikum Wr. Wb.

Sunday, November 18, 2012

Cara Membuat Text Berjalan pada Dokumen HTML

Cara Membuat Text Berjalan pada Dokumen HTML

Pada posting sebelumnya saya share 'Cara Membuat Text Area Pada Dokumen HTML', sekarang saya lanjutkan dengan share 'Cara Membuat Text Berjalan pada Dokumen HTML'.

Text Berjalan adalah sebuah text yang bergerak dengan arah gerakan sesuai dengan yang telah di tentukan pada property 'direction' dan memiliki sifat gerakan sesuai dengan yang di tentukan pada property 'behavior'. Pada HTML text berjalan di kenal dengan sebutan 'marquee' (sesuai dengan nama attributes dalam tag HTML) dengan default property direction 'left' dan behavior 'scroll'. Ada 4 'value' property direction yang di miliki oleh text berjalan (marquee) yaitu 'left, right, up, down', kemudian untuk property behavior yaitu 'scroll , alternate, slide'.

Baiklah berikut ini contoh penulisan sebuah text berjalan (marquee) pada dokumen HTML.


Contoh Text Berjalan:

Cara Membuat Text Berjalan Pada Dokumen HTML:

  1. Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.

  2. Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

  3. Sekarang mari kita mulai membuat sebuah text berjalan pada dokumen HTML seperti pada kotak di bawah ini.

  4. Script Code:
    <!DOCTYPE html>

    <html>

    <head>
    <title> Contoh Text Berjalan Pada Dokumen HTML </title>
    </head>

    <body>

    <p>
    <marquee>Ini adalah text berjalan!</marquee>
    </p>

    <p>
    <marquee direction="right" behavior="scroll" scrollamount="7" onmouseover="this.stop()" onmouseout="this.start()">Ini adalah text berjalan dengan direction right!</marquee>
    </p>

    <p>
    <marquee direction="left" behavior="alternate" scrollamount="2">Ini adalah text berjalan dengan behavior alternate!</marquee>
    </p>


    </body>
    </html>

    Anda dapat merubah value yang di blok kuning dengan value yang Anda inginkan!


    Ini adalah text berjalan!


    Ini adalah text berjalan dengan direction right!


    Ini adalah text berjalan dengan behavior alternate!


Nb. Silahkan beri feed back pada kotak komentar di bawah!

Cara Membuat Text Area Pada Dokumen HTML

Cara Membuat Text Area Pada Dokumen HTML

Pada posting sebelumnya saya share 'Cara Membuat Tabel Pada Dokumen HTML', sekarang saya lanjutkan dengan share 'Cara Membuat Text Area Pada Dokumen HTML'.

Text Area adalah sebuah area yang dapat di isi text yang diatur dengan menggunakan attributes 'cols & rows' sehingga membentuk sebuah kotak yang ukurannya sesuai dengan value yang di tentukan pada setiap attributes'nya dengan jumlah kapasitas text yang tidak di batasi. Selain menggunakan attributes 'cols & rows', text area juga dapat di atur dengan css styling menggunakan properties 'width & height'.

Baiklah berikut ini contoh penulisan sebuah text area pada dokumen HTML.


Contoh Text Area:

Cara Membuat Text Area Pada Dokumen HTML:

  1. Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.

  2. Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

  3. Sekarang mari kita mulai membuat sebuah text area pada dokumen HTML seperti pada kotak di bawah ini.

  4. Script Code:
    <!DOCTYPE html>

    <html>

    <head>
    <title> Contoh Text Area Pada Dokumen HTML </title>
    </head>

    <body>

    <p>Ini adalah text area:</p>

    <textarea rows="5" cols="52">
    Silahkan mengetik di sini!
    </textarea>

    <p>Ini adalah text area dengan styling attribute padding:</p>

    <textarea rows="5" cols="50" style="padding:10px;">
    Silahkan mengetik di sini!
    </textarea>

    <p>Ini adalah text area dengan css styling menggunakan attribute width & height:</p>

    <textarea style="padding:10px; width:440px; height:120px;">
    Silahkan mengetik di sini!
    </textarea>

    </body>
    </html>

    Anda dapat merubah value yang di blok kuning dengan value yang Anda inginkan!


    Ini adalah text area:



    Ini adalah text area dengan styling attribute 'padding':



    Ini adalah text area dengan css styling menggunakan attribute 'width & height':




Nb. Silahkan beri feed back pada kotak komentar di bawah!

Friday, November 16, 2012

Cara Membuat Tabel Pada Dokumen HTML

Cara Membuat Tabel Pada Dokumen HTML

Pada posting sebelumnya saya share 'Cara Membuat List Pada Dokumen HTML', sekarang saya lanjutkan dengan share 'Cara Membuat Tabel Pada Dokumen HTML'.

Tabel adalah daftar berisi ikhtisar sejumlah (besar) data informasi, biasanya berupa kata-kata dan bilangan yang tersusun secara sistematis, urut ke bawah dalam lajur dan deret tertentu dengan garis pembatas sehingga dapat dengan mudah disimak. Pada dokumen HTML tabel dapat digunakan untuk menata letak layout atau tampilan sebuah halaman HTML maupun juga dapat digunakan untuk keperluan lainnya yang memerlukan sebuah tabel.

Baiklah berikut ini contoh penulisan sebuah tabel pada dokumen HTML.


Contoh Tabel HTML:

Cara Membuat Tabel Pada Dokumen HTML:

  1. Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.

  2. Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

  3. Sekarang mari kita mulai membuat sebuah tabel pada dokumen HTML seperti pada kotak di bawah ini.

  4. Script Code:
    <!DOCTYPE html>

    <html>

    <head>
    <title> Contoh Tabel Pada Dokumen HTML </title>
    </head>

    <body>

    <p>Ini adalah tabel dengan property border:</p>

    <table border="1">
    <tr>
    <th>Month</th>
    <th>Savings</th>
    </tr>
    <tr>
    <td>January</td>
    <td>$100</td>
    </tr>
    <tr>
    <td>February</td>
    <td>$50</td>
    </tr>
    </table>

    <p>Ini adalah tabel dengan property border & cellpadding:</p>

    <table border="1" cellpadding="10">
    <tr>
    <th>Month</th>
    <th>Savings</th>
    </tr>
    <tr>
    <td>January</td>
    <td>$100</td>
    </tr>
    <tr>
    <td>February</td>
    <td>$50</td>
    </tr>
    </table>

    <p>Ini adalah tabel dengan property border, cellpadding & cellspacing:</p>

    <table border="1" cellpadding="10" cellspacing="0">
    <tr>
    <th>Month</th>
    <th>Savings</th>
    </tr>
    <tr>
    <td>January</td>
    <td>$100</td>
    </tr>
    <tr>
    <td>February</td>
    <td>$50</td>
    </tr>
    </table>

    </body>
    </html>

    Anda dapat merubah value yang di blok kuning dengan value yang Anda inginkan!


    Ini adalah tabel dengan property 'border':

    Month Savings
    January $100
    February $50

    Ini adalah tabel dengan property 'border & cellpadding':

    Month Savings
    January $100
    February $50

    Ini adalah tabel dengan property 'border, cellpadding & cellspacing':

    Month Savings
    January $100
    February $50


Nb. Silahkan beri feed back pada kotak komentar di bawah!

Thursday, November 15, 2012

Cara Membuat List Pada Dokumen HTML

Cara Membuat List Pada Dokumen HTML

Pada posting sebelumnya saya share 'Cara Membuat Link Pada Dokumen HTML', sekarang saya lanjutkan dengan share 'Cara Membuat List Pada Dokumen HTML'.

List secara harfiah dapat di artikan 'daftar'. Jika pada Ms. Office Word kita mengenal istilah bullets and numbering yang berfungsi untuk membuat sebuah daftar yang tersusun dengan menggunakan penomoran (numbering) maupun dengan menggunakan sebuah simbol yang di sebut sebagai bullets. Pada dokumen HTML juga memiliki attribute yang berfungsi seperti bullets and numbering pada Ms. Office World yang di sebut sebagai HTML List.

Baiklah berikut ini contoh penulisan sebuah list pada dokumen HTML.


Contoh List HTML:

Cara Membuat List Pada Dokumen HTML:

  1. Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.

  2. Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

  3. Sekarang mari kita mulai membuat sebuah list pada dokumen HTML seperti pada kotak di bawah ini.

  4. Script Code:
    <!DOCTYPE html>

    <html>

    <head>
    <title> Contoh List Pada Dokumen HTML </title>
    </head>

    <body>

    <p>Contoh unordered lists (bullets):</p>

    <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ul>

    <ul style="list-style-type:circle;">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ul>

    <ul style="list-style-type:square;">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ul>

    <p>Contoh ordered lists (numbering):</p>

    <ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>

    <ol style="list-style-type:upper-roman;">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>

    <ol style="list-style-type:lower-alpha;">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ol>

    </body>
    </html>

    Contoh unordered lists (bullets):

    • Coffee
    • Tea
    • Coca Cola
    • Coffee
    • Tea
    • Coca Cola
    • Coffee
    • Tea
    • Coca Cola

    Contoh ordered lists (numbering):

    1. Coffee
    2. Tea
    3. Coca Cola
    1. Coffee
    2. Tea
    3. Coca Cola
    1. Coffee
    2. Tea
    3. Coca Cola

Nb. Silahkan beri feed back pada kotak komentar di bawah!