Home / All posts

8:26 PM

1-HTML DASAR ::

   8:26 PM   No comments  
compteacher.jpg:: 1-HTML DASAR ::
OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.
MATERI:
Struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY.


STRUKTUR DASAR DOKUMEN HTML
HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.

Struktur dasar dokumen HTML adalah sebagai berikut:
<html>
<head>
<title>Disini Judul Dokumen HTML</title>
</head>
<body>
        Disini penulisan informasi Web
</body>
</html>
Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag
Adalah teks khusus (markup) berupa dua karakter "<" dan ">",  sebagai contoh <body> adalah tag dengan nama body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.

b. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML,  tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar
<p>
    <b>
        ................
    </b>
</p>

Contoh penulisan tag-tag yang salah
<p>
    <b>
        ................
    </p>
</b>

c. Attribute
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:
<TAG
   nama-attr="nilai-attr"
   nama-attr="nilai-attr"
   .................
>
   .................

</TAG>
Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">
d. Element HTML
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.

Sintaks:
<html>
..........
</html>

e. Element HEAD
Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

Sintaks:
<head>
...........
</head>

f. Element TITLE
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.

Sintaks:
<title>
.........
</title>

g. Element BODY
Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
..............
</body>

Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

LATIHAN
Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser atau gunakan editor yang telah tersedia pada modul ini dengan mengklik menu Editor.
Latihan 1:
Menampilkan teks:

                           Belajar bahasa pemrograman web ternyata mudah juga :)

Nama file: latihan1_1.html
<html>
<head>
<title>Latihan1-1</title>
</head>
<body>
        Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>

Tugas tambahan:
Gantilah teks tersebut dengan teks lainnya.


Latihan 2:
Merubah warna teks menjadi merah:

                        Belajar bahasa pemrograman web ternyata mudah juga :)

Nama file: latihan1_2.html
<html>
<head>
<title>Latihan1-2</title>
</head>
<body text="red">
        Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>

Tugas tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.

Latihan 3:
Merubah warna background menjadi hitam.
                        
Nama file: latihan1_3.html
<html>
<head>
<title>Latihan1-3</title>
</head>
<body text="red" bgcolor="black">
        Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>

Tugas tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.

Latihan 4:
Merubah background dengan suatu gambar.

Nama file: latihan1_4.html
<html>
<head>
<title>Latihan1-4</title>
</head>
<body text="red" bgcolor="aqua" background="./images/image027.jpg">
        Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>
catatan:
./images/ = nama direktori file gambar disimpan
image027.jpg = nama file gambar

Tugas tambahan:
Cobalah untuk file gambar: image050.jpg, image052.jpg, image058.jpg dan image060.jpg.

Tabel (table) HTML

   8:24 PM   No comments  
Tabel (table) HTML Sekilas tentang tabel. Tabel (table) sangat diperlukan ketika kita ingin menampilkan data yang berbentuk kolom-kolom. Dulu sebelum adanya CSS, table digunakan untuk membuat layout website namun saat ini sudah jarang dipakai sebagai layout karena faktor file yang cenderung lebih besar sehingga mempengaruhi waktu akses yang lebih lama, dalam pengelolaan dan pengeditan pun jauh lebih rumit karena banyaknya tag-tag yang dihasilkan. Cara membuat tabel. Untuk membuat table yang sederhana ada 3 elemen utama yaitu table, tr dan td. Tag
adalah untuk membuat tabel kemudian di ikuti dengan tag (table rows) adalah untuk membuat baris pada tabel kemudian tag
(table data) adalah untuk membuat kolom pada tabel, kolom-kolom hasil dari tr dan td ini disebut dengan table cell yaitu sebagai lokasi dimana kita memasukkan data-data yang akan di tampilkan. Berikut adalah contoh tabel yang terdiri dari 3 baris dan 2 kolom.
Cell 1 - Baris 1 Kolom 1 Cell 2 - Baris 1 Kolom 2
Cell 3 - Baris 2 Kolom 1 Cell 4 - Baris 2 Kolom 2
Cell 5 - Baris 3 Kolom 1 Cell 6 - Baris 3 Kolom 2
Hasil: Cell 1 – Baris 1 Kolom 1 Cell 2 – Baris 1 Kolom 2 Cell 3 – Baris 2 Kolom 1 Cell 4 – Baris 2 Kolom 2 Cell 5 – Baris 3 Kolom 1 Cell 6 – Baris 3 Kolom 2 Dalam contoh sengaja ditambah dengan atribut border agar kita dapat melihat posisi dari tabel tersebut, karena secara default nilai dari border ini adalah 0 jika tidak disertakan dengan tag
. Mengatur lebar dan tinggi tabel. Untuk mengatur lebar table digunakan atribut width atau bisa juga dengan style CSS dengan properti width. Untuk lebar dan tinggi dari td kita gunakan atribut style dengan properti width dan height. Berikut adalah contoh tabel dengan lebar 75% dari lebar dokumen dan lebar kolom masing 50% dengan tinggi pada baris pertama adalah 40px.
Baris 1 Kolom 1 Baris 1 Kolom 1
Baris 2 Kolom 1 Baris 2 Kolom 2
Baris 3 Kolom 1 Baris 3 Kolom 2
Hasil: Baris 1 Kolom 1 Baris 1 Kolom 1 Baris 2 Kolom 1 Baris 2 Kolom 2 Baris 3 Kolom 1 Baris 3 Kolom 2 Untuk satuan ukuran widht dan height dari atribut maupun style tersebut kita dapat menggunakan px atau %. Untuk pengaturan lebar dan tinggi pada td kita cukup memasukkan pada kolom pertama secara otomatis kolom-kolom berikutnya akan mengikuti pengaturan tersebut. Menggabungkan kolom pada tabel Table Cell atau baris dan kolom dari tabel tersebut dapat kita gabungkan sesuai kebutuhan bentuk tabel yang diinginkan. Untuk menggabungkan kolom dalam tabel digunakan atribut colspan.
Gabungan Kolom 1&2 pada Baris 1
Baris 2 Kolom 1 Baris 2 Kolom 2
Baris 3 Kolom 1 Baris 3 Kolom 2
Hasil: Gabungan Kolom 1&2 pada Baris 1 Baris 2 Kolom 1 Baris 2 Kolom 2 Baris 3 Kolom 1 Baris 3 Kolom 2 Sedangkan untuk menggabungkan baris dalam tabel digunakan atribut rowspan.
Gabungan Baris 1&2 pada Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 2
Baris 3 Kolom 1 Baris 3 Kolom 2
Hasil: Gabungan Baris 1&2 pada Kolom 1 Baris 1 Kolom 2 Baris 2 Kolom 2 Baris 3 Kolom 1 Baris 3 Kolom 2 Mengatur jarak kolom pada tabel Untuk mengatur posisi cell dalam tabel digunakan atribut cellpadding dan cellspacing. Cellpadding adalah untuk pengaturan sisi dari bagian dalam cell.
Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2
Hasil: Baris 1 Kolom 1 Baris 1 Kolom 2 Baris 2 Kolom 1 Baris 2 Kolom 2 Sedangkan Cellspacing adalah pengaturan sisi dari bagian luar cell.
Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2
Hasil: Baris 1 Kolom 1 Baris 1 Kolom 2 Baris 2 Kolom 1 Baris 2 Kolom 2 Membuat titel pada tabel. Untuk tabel yang lengkap dengan titel, kita bisa menambahkan tag
tepat setelah tag dan kita juga bisa mengganti td dengan th (table heading) sebagai titel dari baris maupun kolom. Caption dan th akan secara otomatis berada pada posisi tengah dan th akan menghasilkan tulisan tebal.
Disini adalah titel tabel ini
Header Kolom 1 Header Kolom 2
Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2
Hasil: Disini adalah titel tabel ini Header Kolom 1 Header Kolom 2 Baris 1 Kolom 1 Baris 1 Kolom 2 Baris 2 Kolom 1 Baris 2 Kolom 2 Membuat background pada tabel Untuk membuat background pada tabel kita gunakan atribut style dengan properti background. Berikut adalah contoh table dengan background warna kuning muda dengan heading warna merah.
Header Kolom 1 Header Kolom 2
Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2
Hasil: Header Kolom 1 Header Kolom 2 Baris 1 Kolom 1 Baris 1 Kolom 2 Baris 2 Kolom 1 Baris 2 Kolom 2 Seperti kita lihat bahwa border dari cell tersebut terlihat terlalu tebal padahal kita membuat nilai dari atribut border adalah 1px. Ini terjadi karena secara default atribut cellpadding dan cellspacing pada elemen table memiliki nilai masing-masing 1px. Jadi untuk menghilangkannya kita harus memasukkan kedua atribut tersebut dengan nilai 0. ...
Atau kita juga bisa menggunakan style CSS yaitu dengan properti border-collapse:collapse.
Header Kolom 1 Header Kolom 2
Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2
Hasil: Header Kolom 1 Header Kolom 2 Baris 1 Kolom 1 Baris 1 Kolom 2 Baris 2 Kolom 1 Baris 2 Kolom 2 Pada link berikut ini kita akan membuat contoh tabel dengan CSS baik itu dengan atribut style (inline) maupun internal dan eksternal CSS.

gambar (image) HTML

   8:22 PM   No comments  
Gambar (image) HTML Dengan gambar atau image akan membuat website lebih menarik dan enak di pandang, tapi perlu diperhatikan bahwa semakin banyak gambar di website kita maka semakin lama juga waktu yang dibutuhkan untuk mengakses website kita. Format Gambar Untuk format gambar ada 3 macam yang sering digunakan yaitu: GIF, JPG dan PNG. GIF dan PNG bisa digunakan untuk membuat gambar yang transparan serta biasa juga digunakan untuk gambar yang warnanya minim seperti untuk logo, banner, icon, dsb, Gif bisa membuat gambar animasi juga. Untuk menampilkan gambar yang berkualitas bagus dengan warna yang memadai digunakan format JPG. Memasukkan gambar ke HTML Untuk memasukkan gambar ke dalam dokumen HTML digunakan elemen img di ikuti dengan src (source) sebagai sumber atau lokasi dari gambar. Ketika memasukkan gambar ke dalam dokumen HTML ada tiga atribut yang sangat penting harus selalu disertakan dengan elemen img yaitu alt, width dan height. Alt (alternate) adalah sebagai teks alternatif yang ditampilkan oleh browser ketika gambar tidak dapat ditampilkan atau ditemukan sedangkan width dan height adalah ukuran lebar dan tinggi gambar dalam satuan pixel(px). teks alternatif Contoh: Gambar Avril Hasil: Gambar Avril Memposisikan Gambar Untuk memposisikan gambar ke kiri dan ke kanan digunakan atribut style dengan properti float di ikuti dengan nilai (value) left (kiri) atau right (kanan). Contoh membuat gambar disebelah kanan Gambar Avril Hasil: Gambar Avril Membuat gambar di tengah dokumen Untuk membuat gambar berada ditengah dokumen HTML kita harus memasukkan gambar tersebut di dalam blok elemen seperti p, div, table dsb. Kemudian kita masukkan atribut style dengan properti text-align kedalam elemen blok tersebut, dalam contoh kita akan menggunakan elemen div.
Gambar Avril
Hasil: Gambar Avril Membuat border gambar Untuk membuat border pada gambar anda dapat menambahkan atribut style dengan properti border dengan nilai dalam px atau jika ingin menghilangkan border anda cukup menuliskan style="border:none" Berikut adalah contoh gambar dengan border 4px warna hitam. Gambar Avril Hasil: Gambar Avril

Background HTML

   8:20 PM   No comments  
Background HTML Kalau sebelumnya kita menggunakan atribut background dan bgcolor dalam pelajaran HTML tentang Background HTML, sekarang kita akan belajar membuat latar belakang atau background tersebut dengan menggunakan atribut style. Untuk membuat background dengan warna di gunakan properti background-color. Membuat background di halaman website dengan warna: ... Contoh di dalam dokumen HTML:

Contoh membuat background warna dengan atribut style background-color.

Hasil: lihat Preview Contoh background di dalam tag HTML:

Paragraf dengan background aqua

Hasil: Paragraf dengan background aqua Untuk nilai dari properti background-color tersebut kita bisa menggunakan kode RGB, Hexadecimal maupun Nama Warna.

Warna background menggunakan kode RGB

Warna background menggunakan kode Hexadecimal

Warna background menggunakan Nama Warna

Hasil dari ketiga kode HTML diatas akan sama: Warna background menggunakan kode RGB Warna background menggunakan kode Hexadecimal Warna background menggunakan Nama Warna Klik link berikut untuk melihat kode hexadecimal dan nama warna, untuk RGB dapat menggunakan tool kode warna RGB. Untuk membuat background dengan gambar di gunakan properti background-image. Membuat background dengan gambar di dokumen HTML: ... background Sebagai contoh kita akan menggunakan gambar di samping (background.jpg) untuk membuat background di dokumen HTML, ukuran gambar tersebut adalah 100px X 100px :

Contoh membuat background gambar dengan atribut style background-image.

Hasil: lihat Preview Maka secara otomatis browser akan mengisi penuh halaman website dengan gambar tersebut secara berulang (repeat) baik secara vertikal maupun horizontal. Dengan adanya pengulangan ini maka dengan gambar ukuran 1 x 2px, hanya 2 titik (pixel) yaitu putih dan abu-abu kita dapat membuat background seperti berikut. Hasil: Lihat Preview Untuk pengaturan pengulangan tersebut dapat menggunakan properti background-repeat dengan nilai atau value: no-repeat, repeat, repeat-x dan repeat-y. Contoh jika kita ingin membuat pengulangan secara horizontal maka kita dapat menambah kode repeat-x ke dalam contoh diatas: ... Hasil: lihat Preview Sedangkan untuk pengulangan secara vertikal kita tambahkan kode repeat-y: ... Hasil: lihat Preview Anda bisa melakukan latihan selanjutnya dengan mengganti gambar dan nilainya. Untuk memposisikan background digunakan properti background-position dengan value top=atas, right=kanan, bottom=bawah left=kiri dan center=tengah atau dengan nilai x dan y. Sebagai contoh kita akan menggunakan gambar berikut yang berukuran 800px X 1px dengan nama bg-example.png. bg-example Kita akan membuat agar gambar tersebut berada tepat ditengah dokumen dengan pengulangan (repeated) secara vertikal. Hasil: lihat Preview

belajar html

   8:19 PM   No comments  
Belajar HTML Mari belajar HTML. Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website. Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubahan-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML. Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan. Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++. Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya. Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini. Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar. Pengenalan HTML Pengertian singkat tentang HTML HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video. Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll. HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html". Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) kode di bawah ini: Titel Websiteku Ini adalah dokumen HTML pertamaku Preview Simpan file tersebut ke C:\My Documents dengan nama "websiteku.htm." Ketika menyimpan file tersebut dengan Notepad ganti "save as type"-nya dengan "all files". Kemudian buka browser, dari menu File klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan. *Lakukan hal yang sama untuk contoh-contoh selanjutnya. Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <…>"dan diakhiri dengan tag penutup " </…>". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML. Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): , body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value). Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " " dan tag penutup " " dan yang berada diantaranya merupakan isi atau konten dari elemen html tersebut. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: , , , , semuanya adalah sama. Baca juga Update dari Pengenalan HTML ini di Tutorial HTML. Tag Dasar HTML Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut: Disini titel websiteku Disini adalah konten yang tampil di browser Preview Tag pertama pada dokumen HTML diatas adalah: " " tag ini merupakan awal dari suatu dokumen HTML, dan tag " " merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag …. Kemudian tag " …" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser. Tag berikutnya adalah " …" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku". Titel Websiteku Tag "…" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi maupun audio-video (multimedia). Baca juga Update dari Tag Dasar HTML ini di Tutorial HTML. Format Font HTML Tag HTML untuk font adalah …, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini: Untuk membuat jenis font (face):

Judul dengan font Verdana

Konten dengan font Times
Untuk membuat ukuran (size):

Judul dengan size 5

Konten dengan size 3
Untuk membuat warna font (color):

Judul dengan warna biru

Konten dengan warna merah
Contoh komplit untuk membuat jenis font (face),size dan color:

Judulnya Tentang Font

Ini adalah contoh tulisan dengan pengaturan font yang menggunakan
tag HTML elemen font dengan atribut face, size dan color...
Preview Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size: Atribut face="Jenis font yang digunakan", contoh: face="Tahoma" size="Ukuran dari font (1-7)", contoh: size="3" size="Memperbesar ukuran font", contoh: size="+1" size="Memperkecil ukuran font", contoh: size="-1" color="Warna dari font", contoh: color="blue" color="Warna dari font", contoh: color="#FF0000" Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag tidak dipergunakan lagi, sebagai gantinya dibuat tag

6:49 PM

sepuluh sunnah idul Adha

   6:49 PM   No comments  
Sepuluh Sunnah Idul 'Adha 1. Mandi sebelum berangkat shalat Idul Adha Sebelum shalat Idul Adha, kaum muslimin disunnahkan untuk mandi terlebih dahulu. Mandi idul adha dilakukan seperti mandi janabat, hanya niatnya yang berbeda, yakni niat mandi sunnah Idul Adha. 2. Memakai pakaian terbaik untuk shalat Idul Adha Kaum muslimin juga disunnahkan untuk memakai pakaian paling bagus yang dimilikinya. Tentu saja, pakaian tersebut adalah pakaian yang cocok untuk shalat. Ali bin Abi Thalib radhiyallahu ‘anhu berkata: “Rasulullah shallallahu ‘alaihi wasallam memerintahkan kami pada dua hari raya untuk memakai pakaian terbaik yang kami punya” (HR. Hakim) 3. Memakai minyak wangi Selain disunnahkan memakai pakaian terbaik, disunnahkan pula memakai minyak wangi. Sebagaimana lanjutan hadits di atas: “Rasulullah shallallahu ‘alaihi wasallam memerintahkan kami pada dua hari raya untuk memakai pakaian terbaik yang kami punya, memakai minyak wangi dan berqurban dengan hewan paling mahal yang kami punya” (HR. Hakim) 4. Membaca takbir sejak berangkat shalat Idul Adha Untuk takbir mutlak dilaksanakan sejak tanggal 1 Dzulhijjah hingga berakhirnya hari tasyrik dalam beragam situasi dan kondisi. Sedangkan untuk takbir yang terikat waktu dilaksanakan setelah shalat lima waktu sejak Subuh pada 9 Dzulhijjah hingga Asar pada 13 Dzulhijjah, juga sejak berangkat sampai dimulainya shalat Id. 5. Menghindari makan sebelum shalat Idul Adha Berbeda dengan Idul Fitri yang disunnahkan makan sebelum shalat Id, pada Idul Adha sunnahnya makan dilaksanakan setelah selesai shalat Id. 6. Berangkat shalat Idul Adha seawal mungkin Yakni setelah shalat Subuh, atau beberapa waktu setelah itu. Di zaman Rasulullah, shalat Idul Adha biasa dilakukan lebih pagi dibandingkan shalat Idul Fitri. 7. Menempuh jalan yang berbeda antara pergi dan pulang shalat Idul Adha “Nabi shallallahu ‘alaihi wa sallam ketika shalat ‘ied, beliau lewat jalan yang berbeda ketika berangkat dan pulang.“ (HR. Bukhari) 8. Jika memungkinkan, disunnahkan berjalan kaki menuju lapangan tempat shalat Idul Adha “Rasulullah shallallahu ‘alaihi wa sallam biasa berangkat shalat ‘id dengan berjalan kaki, begitu pula ketika pulang dengan berjalan kaki.“ (HR. Ibnu Majah) 9. Shalat Idul Adha dan mengajak serta anak-anak dan wanita mengikutinya Sebagian ulama berpendapat bahwa shalat Id adalah wajib. Sedangkan mayoritasnya berpendapat sunnah muakkad. Lepas dari itu, Rasulullah bahkan memerintahkan wanita dan anak- anak untuk ikut serta shalat Id. Bagi wanita yang sedang haid, mereka tidak ikut shalat tetapi ikut mendengarkan khutbah dari tepi/pinggir lapangan tempat shalat. 10. Menyembelih qurban setelah shalat Idul Adha Menyembelih qurban ini menurut sebagian ulama hukumnya wajib bagi yang mampu, berdasarkan hadits Rasulullah: "Barangsiapa yang memiliki kelapangan (rezeki) dan tidak berqurban, maka janganlah ia mendekati tempat shalat kami." (HR. Ibnu Majah dan Ahmad) Demikian 10 Sunnah Idul Adha, Semoga bisa kita amalkan hingga kita tercatat sebagai umat Rasulullah yang menghidupkan sunnahnya dan mendapatkan limpahan pahala di hari yang istimewa. Aamiin.. Wallahu a’lam bish shawab.

8:16 AM

8:18 AM

TULISAN YANG AKAN BERGERAK

   8:18 AM   No comments  
Bagaimana cara membuat tulisan berjalan? Tulisan atau teks berjalan atau running text ini biasa juga kita sebut marquee, karena untuk membuatnya menggunakan kode marquee. Tulisan ini bisa membuat blog anda terlihat lebih menarik bagi pengunjung. Untuk membuat tulisan berjalan atau Marquee ini sebenarnya sangat mudah. Kali ini kita akan mencoba membuat beberapa jenis marquee, agar lebih banyak variasi yang bisa anda pilih. Terlebih dulu kita akan belajar membuat kodenya, lalu belajar cara memasangnya pada blog.... Kode dasar untuk membuat marquee atau teks berjalan adalah.... TULISAN YANG AKAN BERGERAK

11:18 PM

motivasi

   11:18 PM   No comments  
Bila kamu melakukan kesalahan dan lari dari kesalahanmu itu, maka sia - sia lah perbuatanmu itu. Lari dari kesalahan akan membuat hidupmu tidak tenang. Sobat jadilah pribadi yang bertanggung jawab


.Allah memberi kita satu lidah, akan tetapi memberi kita dua telinga, agar kita mendengar dua kali lebih banyak daripada berbicara

 Teman sejati adalah mereka yang selalu ada di sisi anda bukan hanya pada saat kau berjaya, namun juga pada saat anda tak berdaya.

 Berjiwa besar untuk menerima kekurangan orang lain merupakan suatu hal yang luar biasa di tengah hal yang biasa
Jadilah orang yang luar biasa

Saat kita dirugikan, kadang muncul kemarahan. Mundur diri sejenak, gunakan waktu untuk tenang, agar kita punya tenggang rasa dan kendali emosi.

 Ejekan bukan untuk diratapi, tetapi untuk
dijadikan motivasi agar kamu terus berusaha
membuktikan kepada mereka bahwa Tuhan
telah menciptakan kamu sebagai pribadi yang
mampu dan berharga

 Bersyukurlah jika seseorang mengejek kamu,
karena sesungguhnya dia telah menyadarkan kamu
dari sanjungan yang melenakan.

 Tetap berjuang untuk meraih suksesmu Sobat, tidak peduli dalam hal kecil maupun besar! Dan hidup akan lebih bernilai bila sukses kita juga bermanfaat bagi org lain.

 Manusia HEBAT adalah Manusia yang bisa mengendalikan
diri disaat dikuasai amarah, Tenang saat dipermalukan, Tersenyum
disaat diremehkan, Bersabar saat menemui cobaan, dan Bersyukur untuk semua kekurangan yang dimilikinya.

 Sobat ketika kamu belajar mengalah kamu kehilangan sebuah kesempatan untuk menang namun kamu mendapatkan dua tropi sekaligus, apa tropi itu?
tropi itu adalah sabar dan ikhlas.


 Sobat,
Sukses tampaknya selalu berhubungan dengan TINDAKAN.
Orang sukses terus bergerak. Mereka melakukan kesalahan
Namun mereka selalu terus BERUSAHA


 Sobat,
Orang yang Bijak bukan berarti tak pernah salah.
Orang yang Kaya bukan berarti tak pernah susah.
Orang yang Sukses bukan berarti tak pernah lelah.
Bersyukurlah dan berusaha raih mimpimu!

 Hadiah terbesar yang kamu terima setelah mengerjakan suatu perkerjaan sulit bukanlah hasilnya, melainkan pertumbuhan dalam dirimu.


 Sobat,
Hilangkanlah rasa takutmu,
sebab orang yang dikuasai rasa takut akan kecil kekuatannya,
jika kita membiarkan ketakutan menguasai kehidupan kita
maka hidup kamu akan kosong

 Sobat, hidup mungkin penuh dengan masalah. Namun selama kamu memberikan yang terbaik dan terus berdoa, segalanya akan indah pada waktu-Nya.


 

7:31 PM

Contoh Software Aplikasi program

   7:31 PM   No comments  
 Software Aplikasi Program Pengolah Kata,Angka,Data,Database,Grafis,teknis,gamer,account ala             M.IRVAN.R

Perangkat lunak yang siap digunakan untuk keperluan tertentu. Perangkat lunak aplikasi merupakan bagian perangkat lunak yang sangat banyak di jumpai dan terus berkembang. Sebelum tahun 1990-an aplikasi yang di kenal yaitu pemroses kata (Word Star, Chi Write), pemroses tabel (Lotus 123, Quatro Pro), database (DBASE), dan hiburan (game). Pada perkembangan pemroses kata, tabel dan database saat ini telah di bundel menjadi aplikasi office dengan tambahan aplikasi untuk pembuatan presentasi.
Perangkat lunak aplikasi ini terbagi atas beberapa kelompok, yaitu:
1. Office Application,
2. Multimedia Application,
3. Internet Application.
1. Software pengolah kata ( Processor )
Definisi Software Pengolah KataSoftware Word Processor (selanjutnya disebut pengolah kata) adalah suatu program pengolah dokumen berisi teks dan gambar yang memiliki banyak keistimewaan dan sangat profesional dibanding dengan program teks yang sudah ada. Dalam sistem operasi berbasis teks seperti DOS kita bisa memanfaatkan perintah copy con untuk membuat file teks, walaupun sifatnya sangat-sangat terbatas. Sedangkan dalam sistem operasi GUI seperti Windows sebenarnya sudah ada notepad maupun Wordpad yang kemampuannya dalam mengolah kata sudah cukup baik. Namun karena tuntutan terhadap kebutuhan untuk bekerja dengan teks dan obyek-obyek lain yang semakin kompleks akhirnya harus dipergunakan software yang benar-benar bisa memenuhinya. Saat ini sudah terdapat banyak sekali software pengolah kata yang bisa mengerjakan bermacam tugas yang sangat kompleks. Contoh-contohnya adalah Wordstar, ChiWriter, WordPerfect, MS Work, Microsoft Word, KWriter dan AmiPro. Ciri khas software pengolah kata secara umum adalah mengolah mulai dari karakter, kata, kalimat, yang akhirnya membentuk suatu paragraf, sekumpulan paragraf membentuk satu halaman, dan kumpulan halaman membentuk sebuah naskah yang dalam hal ini disebut sebagai file atau dokumen.Kemampuan utama software pengolah kata meliputi penulisan, pembentukan (formatting) penambahan, penghapusan, penyimpanan dan pencetakan.
Contoh-contohnya adalah sebagai berikut :
 Microsoft Word,
 Wordstar,
 WordPerfect,
 OpenOffice Writer.
2. Software pengolah lembar kerja (spreadsheet) :
Contoh-contohnya adalah sebagai berikut :
 Microsoft Excel,
 Lotus 123,
 OpenOffice Calc,
 Quattro Pro
3. Software presentasi :
Contoh-contohnya adalah sebagai berikut :
 Microsoft PowerPoint,
 Presentation,
 Impress,
 Macromedia Flash.
4. Software pengolah publikasi :
Contoh-contohnya adalah sebagai berikut :
 Microsoft Publisher
5. Software pengolah halaman web :
Contoh-contohnya adalah sebagai berikut :
 Microsoft FrontPage
6. Software pengolah database :
Software pengolah database. Software buatan Ashton Tate. Dengan dbase, pengguna dapat membangun, mengakses, mengolah dan membuat laporan dari file-file buatannya sendiri.
Representasi kumpulan fakta yang saling berhubungan disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redudansi)yang tidak perlu, untuk memenuhi berbagai kebutuhan.
Data perlu disimpan dalam basis data untuk keperluan penyediaan informasi lebih lanjut. Data di dalam basis data perlu diorganisasikan sedemikian rupa, supaya informasi yang dihasilkan berkualitas. Organisasi basis data yang baik juga berguna untuk efisiensi kapasitas penyimpanannya.
Dalam maksud yang sama, bisa juga diartikan sebagai sekumpulan informasi yang disusun sedemikian rupa untuk dapat diakses oleh sebuah software tertentu. Database tersusun atas bagian yang disebut field dan record yang tersimpan dalam sebuah file. Sebuah field merupakan kesatuan terkecil dari informasi dalam sebuah database. Sekumpulan field yang saling berkaitan akan membentuk record.
Contoh-contohnya adalah sebagai berikut :
 Microsoft Access,
 Base,
 SQL Server
7. Software Internet Browser :
Dikenal juga dengan istilah browser, atau peselancar, atau internet browser. Adalah suatu program komputer yang menyediakan fasilitas untuk membaca halaman web di suatu komputer. Dua program web browser yang cukup populer saat ini adalah Microsoft Internet Explorer dan Netscape Navigator. Program browser pertama adalah Mosaic, yang merupakan suatu text browser, yang sekarang web browser telah berkembang ke dalam bentuk multimedia.
Contoh-contohnya adalah sebagai berikut :
 Internet Explorer,
 Mozilla Firefox,
 Opera,
 Safari,
 Google Chrome,
8. Software desain grafis :
Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan teks dan atau gambar page layout. Desain grafis untuk menyampaikan informasi atau pesan. Seni desain grafis mencakup kemampuan kognitif dan keterampilan termasuk tipografi, pengolahan gambar, dan menata tampilan huruf dan ruang komposisi untuk menciptakan sebuah rancangan yang efektif dan komunikatif. Jasa desain grafis melingkupi segala bidang yang membutuhkan penerjemahan bahasa verbal menjadi perancangan secara visual terhadap teks dan gambar pada berbagai media publikasi guna menyampaikan pesan-pesan kepada komunikan seefektif mungkin.
Desain grafis diterapkan dalam desain komunikasi dan fine art. Seperti jenis komunikasi lainnya, desain grafis dapat merujuk kepada proses pembuatan (mendesain) atau pun produk yang dihasilkan (desain/rancangan). Jasa desain grafis pada awalnya diterapkan untuk media-media statis, seperti design kartu nama , buku, majalah, desain brosur, pembuatan company profile, dan desain produk. Sebagai tambahan, sejalan dengan perkembangan zaman, desain grafis juga diterapkan dalam media elektronik – yang sering kali disebut sebagai “desain interaktif” (interactive design), atau “desain multimedia” (multimedia design’). Untuk membuat desain grafis sendiri membutuhkan software-software pembuat grafis, seperti Adobe Photoshop CS dan Corel Draw, maka kami akan membahas lebih lanjut tentang kedua software tersebut.
Contoh-contohnya adalah sebagai berikut :
 Adobe Photoshop,
 Corel Draw,
 ACDSee,
 Paint,
 Photopaint.
9. Software desain animasi:
Contoh-contohnya adalah sebagai berikut :
 Macromedia (Adobe) Flash
10. Software antivirus :
Yang dimaksud dengan perangkat lunak atau software antivirus adalah sebuah jenis perangkat lunak yang digunakan untuk mendeteksi virus yang ada pada komputer lalu kemudian menghapus virus yang ada pada sistem komputer
Contoh-contohnya adalah sebagai berikut :
 Norton Internet Security,
 AVG Free,
 Kaspersky,
 PCMAV,
 Norton 360,
 Nod32,
 Norton AntiVirus,
 Avira,
 McAfee.
11. Software extractor / pengolah archive :
Contoh-contohnya adalah sebagai berikut :
 WinZip,
 WinRAR,
 KGB Archiver,
 WinACE.
12. Software Video Editing :
Contoh-contohnya adlah sebagai berikut :
 Pinnacle Studio Plus,
 Ulead Movie Studio,
 Adobe After Effect,
 Adobe Premiere.
13. Software Programming :
Contoh-contohnya adalah sebagai berikut :
 Microsoft Visual Basic,
 Microsoft Visual FoxPro,
 FileMaker Pro,
 Turbo Pascal,
 Delphi.
14. Software burning CD / DVD :
Contoh-contohnya adalah sebagai berikut :
 Nero Burning ROM / Nero StartSmart,
 WinISO,
 Daemon Tools,
 UltraISO,
 CloneCD. CloneDVD,
 Alcohol 120%.
15. Software Download Manager :
Contoh-contohnya adalah sebagai berikut :
 Download Accelerator Plus (DAP),
 Internet Download Manager (IDM),
 Free Download Manager (FDM),
 FlashGet, Kazaa Download Accelerator.
16. Software pengolah e-mail:
Contoh-contohnya adalah sebagai berikut :
 Microsoft Outlook,
 Outlook Express
17. Software music / video player:
Contoh-contohnya adalah sebagai berikut :
 Windows Media Player,
 iTunes,
 Real Player,
 Winamp
18. Software pengolah / pembaca PDF:
Contoh-contohnya adalah sebagai berikut :
 Photoshop (bisa untuk edit PDF),
 Adobe Reader,
 PDF Creator.
19. Software game:
Warcraft III, Platypus, Feeding Frenzy 2, dan isilah sesuai keinginanmu.
20. Software pengaturan tampilan:
Contoh-contohnya adalah sebagai berikut :
Vista Transformation Pack,
 WinFlip,
 ViStart,
 Bricopack Vista Inspirat,
 DesktopX.
21. Software Messenger:
Contoh-contohnya adalah sebagai berikut :
 Windows Messenger,
 Yahoo! Messenger
Bahasa Tingkat Tinggi
Mengetahui fasilitas-fasilitas bahasa tingkat tinggi maupun fasilitas tertentu dari suatu contoh representatif bahasa tingkat tinggi yang digunakan saat ini
Dikembangkan untuk mengatasi kelemahan / keterbatasan bahasa tingkat rendah (BTR), yaitu:
Proses asembly-nya berbasis ONE-for-ONE (satu instruksi dalam BTR = satu instruksi dalam bahasa mesin) sehingga penulisan program memakan waktu yang cukup lama bagi programmer
bersifat machine oriented, yaitu sesuai atau sama dengan set instruksi mesin tempat ia digunakan, sehingga terbatasi penggunaannya pada mesin itu
Dirancang untuk bersifat :
machine independent, artinya tidak tergantung pada mesin yang digunakan sehingga bisa dijalankan pada mesin yang berbeda dan program bisa ditulis dalam bahasa yang portabel.
Problem oriented language (POL), yaitu ia merefleksikan jenis masalah yang dipecahkan, bukannya fasilitas dari mesin itu.
Yang pertama kali dikeluarkan adalah FORTRAN (Formula Translation) pada tahun 1957
Portabilitas bahasa tingkat tinggi memiliki kelebihan/keuntungan :
Pemakai program dapat beralih ke komputer yang lebih baru tanpa perlu menulis ulang program
Para pemakai komputer yang berbeda akan bisa membagi (menggunakan bersama) dan menukarkan program-program
Software house dapat menjual program yang sama kepada para pemakai komputer yang berbeda tanpa perlu menulis ulang program untuk setiap jenis komputer
Fasilitas Umum Bhs. Tk. Tinggi
Mempunyai kosa kata, simbol, dan kalimat yang ekstensif
Satu statement dalam bahasa tingkat tinggi diterjemahkan ke dalam banyak (instruksi mesin)
Library macro dan subroutine dapat digabungkan
Machine independent
Set rule (aturan) harus dipenuhi ketika menulis program sumber
Instruksi dalam bahasa tingkat tinggi biasanya disebut statement
Jenis Bahasa Tingkat Tinggi
 Bahasa komersial
 Bahasa ilmiah
 Bahasa penggunaan khusus (special purpose)
 Bahasa perintah untuk sistem pengoperasian
 Bahasa multi-guna (general purpose)
Bahasa Komersial
Yang paling terkenal adalah COBOL (Common Business Oriented Language)
Dibuat oleh CODASYL (Committee on Data Systems Languages) pada tahun 1959
Lainnya adalah :
 BASIC
 UCSD
 Pascal
Fasilitas COBOL
Fasilitas penganganan file yang ekstensif, seperti penamaan, pergerakan/perpindahan, dan pemrosesan file, field-field record, dsb.
Mempunyai kemiripan yang dekat dengan Bahasa Inggris dalam hal penggabungan istilah Bahasa Inggris umum dalam bentuk seperti kalimat dan menghindari notasi matematika.
Cocok atau sesuai dengan layout penstrukturan dan penanganan output tertabulasi, laporan, bentuk-bentuk khusus, dsb.
Setiap program COBOL terdiri dari empat divisi :
Identification Division, berisi judul program, tanggal pembuatan dan nama penulisnya
Environment Division, menetapkan konfigurasi hardware tertentu tempat akan disusun dan dieksekusinya object program, misalnya model mesin, ukuran penyimpanan internal yang diperlukan, unit peripheral, dsb.
Data Division, identifikasi dari semua item data yang akan digunakan dalam penulisan program
Procedure Division, berisi instruksi program yang diperlukan untuk memecahkan masalah
Macam-macam Interface :
 interface Global
 Interface Wikipedia, the free encyclopedia
 Interface ( computer science ) – Wikipedia,the free encyclopedia
 Graphics Interface Home Page
 Benefits Interface ( Candian Employee Benefits Informatiaon )
 Interface Technologies – blank
 Introduction to The Common Gateway Interface

7:01 PM

MOTIVASI DIRI BANGKIT DARI KEGAGALAN

   6:57 PM   No comments  











Miliki Motivasi Diri Bangkit dari Kegagalan!
Anda harus memiliki motivasi diri bangkit dari kegagalan atau Anda akan terpuruk terus dalam sumur kegagalan. Siapa yang tidak pernah gagal? Semua orang pernah gagal. Bahkan, saya selalu mengatakan ini, manusia yang paling agung dan kekasih Allah pun bisa gagal. Silahkan lihat sirah Nabi, kita melihat banyak kegagalan.
Apalah kita, manusia biasa yang punya banyak kelemahan dan kekurangan. Gagal adalah makanan kita sehari-hari bagi Anda yang bertindak. Ada yang mengatakan, hanya orang yang tidak bertindaklah yang tidak pernah gagal. SALAH, saya tidak sependapat dengan itu.
Orang yang tidak bertindak, bukan tidak pernah gagal, tetapi dia terus berada dalam kubangan kegagalan itu dan tidak pernah bangkit.
Jika Anda saat ini sedang mengalami kegagalan, maka bangkitlah. Anda harus memiliki motivasi diri bangkit dari kegagalan. Atau, jika tidak memiliki motivasi, silahkan nikmati kegagalan Anda.
Apa Motivasi Anda Saat Memulai?
Pastinya, Anda memiliki motivasi saat memulainya dulu. Sekarang, ingat-ingat kembali, apa motivasi Anda bertindak?
Mengapa harus mengingatnya? Ya, itulah yang mendorong Anda bertindak, maka itu juga yang akan mendorong Anda untuk bangkit lagi. Sesungguhnya, Anda sudah memiliki motivasi diri, tinggal membangkitkan kembali motivasi itu.
Ingat lagi motivasi tersebut, kemudian visualisasikan saat apa yang Anda inginkan sudah tercapai. Kuat visualisasi, yakinlah bahwa itu akan terwujud.
Tapi Kegagalan Membuat Saya Ragu
Anda adalah Anda. Kegagalan adalah kegagalan. Dua hal yang berbeda. Pengendara sepeda, dia tetap mampu mengendarai sepeda meski dia pernah terjatuh. Kalau luka, tinggal obati, begitu sembuh dia bisa mengendarai sepeda lagi. Bahkan, dia akan lebih pandai bersepeda karena sudah mengetahui penyebab jatuh.
Jika seseorang sudah jatuh, kemudia dia mengeluh, dan berhenti dia naik sepeda, artinya dia menyerah. Orang seperti inilah yang namanya gagal. Menyerah sama dengan gagal. Selama Anda tidak menyerah, Anda bukan orang gagal.
Seharusnya, kegagalan membuat Anda semakin mantap, sebab Anda lebih bijak karena sudah mengetahui cara yang salah. Sekarang coba lagi dengan cara yang lain, mudah-mudahan cara yang benar.
Motivasi diri untuk bangkit dari kegagalan tidak berubah. Sama saja antara sebelum gagal dengan setelah gagal. Bahkan, seharusnya malah lebih besar karena sudah bertambah ilmu dan pengalaman.
Masa Depan Anda Ditentukan Tindakan Saat Ini
Tidak peduli masa lalu Anda. Tidak peduli kondisi saat ini. Masa depan Anda ditentukan oleh tindakan Anda saat ini.
Contoh, ada orang yang kaya raya karena mendapatkan warisan besar dari orang tuanya. Namun tidak sedikit menjadi miskin di akhir hidupnya. Masa lalu dia dan kondisi dia memang kaya, namun tindakan-tindakan dia yang menyeret dia menjadi miskin.
Contoh sebaliknya, kita mungkin sering mendengar, yang asalnya orang miskin dan kondisi hidup yang memprihatinkan, namun kini berubah menjadi orang yang kaya raya.
Dua contoh ini bisa menjadi motivasi diri bangkit dari kegagalan Anda. Tidak peduli seberapa parah Anda saat ini, jika tindakan Anda benar dan terus bertindak, maka masa depan bisa berubah.
Allah tidak merobah keadaan sesuatu kaum sehingga mereka merobah keadaan yang ada pada diri mereka sendiri. (QS Ar Ra’d:11)
Hai orang-orang yang beriman, bertakwalah kepada Allah dan hendaklah setiap diri memperhatikan apa yang telah diperbuatnya untuk hari esok; dan bertakwalah kepada Allah, sesungguhnya Allah Maha Mengetahui apa yang kamu kerjakan. (QS Al Hasyr:18)
Ubahlah hari esok, dengan rencana-rencana matang yang menjadikan Anda bangkit. Separah apa pun Anda gagal, Anda bisa bangkit. Berapa kali pun Anda gagal, Anda bisa bangkit. Sebesar apa pun utang Anda, Anda bisa bankit.
Jangan Ratapi Kegagalan, Tapi Ambil Hikmah
Apa manfaat meratapi kegagalan? Tidak ada, bahkan malah memperburuk. Pikiran Anda semakin sedih, kecewa, marah, dendam, dan putus asa. Semuanya hanya emosi negatif yang akan mengikis habis energi Anda, sehingga tidak ada lagi tersisa energi untuk bergerak.
Berbeda jika Anda mengambil hikmah. Anda jadi mengetahui cara salah. Kemudian mengetahui cara menghindarinya.
Maka kembali kepada visi Anda, susun rencana, bangun sistem dan bertindaklah. Rencana dan sistem Anda tentu jauh lebih baik dibandingkan sebelumnya berkat hikmah dari kegagalan Anda.
Kuncinya Jangan Seperti Keledai Atau Lebih Parah yang tidak mengambil pelajaran dan melakukan kesalahan yang berulang-ulang.
Jangan Menyerah, Mungkin Tiga Langkah Lagi
Bisa jadi, keberhasilan Anda hanya 3 langkah lagi. Jika berhenti sekarang, maka langkah-langkah yang lalu menjadi sia-sia. Seperti dalam cerita ini: Tiga Langkah Lagi
Jangan menyerah, teruslah melangkah, tetap pada visi, perbaiki langkah agar tidak mudah jatuh, dan jika seandainya jatuh, bangkitlah. Bukan diam terpaku dibawah. Berdiri lagi, dan ayunkan langkah Anda.
Silahkan baca artikel-artikel yang akan meningkatkan motivasi diri Anda:
Badai Pasti Berlalu
Bagaimana Agar Tidak Menyerah Saat Membangun Bisnis
Bangkit Dari Keterpurukan

motivasi

   6:51 PM   No comments  
Niat adalah ukuran dalam menilai benarnya suatu perbuatan, oleh karenanya, ketika niatnya benar, maka perbuatan itu benar, dan jika niatnya buruk, maka perbuatan itu buruk. ~ Imam An Nawawi

6:33 PM

6:38 PM

6:23 AM

8:55 PM

   8:55 PM   No comments  


A. Cara Membongkar Cpu
Langkah pertama cara membongkar CPU adalah :
· Buka cassing.
· Lepas semua kabel yang terhubung dari Mother Board (Kabel data,power,swib,floppy,tombol reset,kipas,CD ROM,harddisk,LED,dsb).
· Lepas Power supply,Harddisk,Floppy,CD ROM.
· Lepas LAN card,RAM,Fan atau Processor.
· Lepas mother board.

Setelah semua komponen terlepas langkah selanjutnya yang harus kita lakukan adalah mengetahui semua fungsi yang ada dalam sebuah PC.Komponen beserta fungsinya tersebut adalah:
· Power supply :Menyalurkan arus AC ke DC.
· Harddisk :Menyimpan data berkapasitas besar.
· CD ROM :Membaca atau mengolah CD.
· Floppy disk :Membaca atau mengolah Disket.
· RAM :Menyimpan data sementara.
· LAN Card :Menghubungkan PC ke jaringan melalui kabel UTP dan RJ 45
· Fan :Pendingin PC.
· Mother board :Tempat meletakkan semua komponen.
· Kabel Data :Menghubungkan komponen dari mother board ke komponen lain.
· Kabel Swib :Menyalurkan aris AC ke DC.




B. Cara Memasang Cpu
Setelah mengetahui semua fungsi komponen tersebut langkah berikutnya adalah memasang kembali komponen PC tersebut.Langkah-langkah memasang PC tersebut adalah:
· Pasang Motherboard.
· Pasang harddisk,CD ROM,Floppyke cassing pada tempat yang telah disediakan dengan Rapi,hati-hati,dan benar.
· Pasangkan Processor beserta pendingin pada mother board dengan hati-hati dan benar.
· Pasang RAM pada mother board.
· Pasang kabel power ke Floppy,Harddisk,dan CD ROM dengan urutan yang benar.
· Pasang semua Card yang ada pada slot yang tersedia di Mother board dengan benar kemudian disekrup pada pemegangnya supaya kuat dan kokoh.
· Tutup kembali cassing.
· Pastikan semua terpasang dengan rapi dan benar.