Friday, November 25, 2016

Cara Melanjutkan/Resume Download File Karena Server Error Pada Internet Download Manager

Assalamu’alaikum…
            Pernahkah sobat download file yang beratus-ratus MB atau berpuluh-puluh MB tapi tiba tiba terputus koneksinya dan tidak bisa lagi ketika di resume ? entah karna server error atau apalah, pastinya kesel banget tuh… saya juga pernah ngerasain hal seperti itu, apalagi udah 80% hampir selesai download-nya, rasanya tuh sesuatu banget, hihihi.. :D
            Nah dalam pembahasan kali ini, saya ingin sharing ilmu saja nih pada sobat semua agar tidak terjadi kekesalan saat download-an kita terputus, server error  dan tidak bisa di resume lagi. Oke langsung saja ya disimak.. :
1.         Pastinya sobat buka dulu Kotak dialog Internet Download Manager-nya (IDM). Biasanya gambar IDM terletak di bawah pojok layar. Atau di Desktop . Gambarnya seperti :

2.         Setelah Tampilan IDM terbuka, cari file yang sobat ingin Resume Download-nya, caranya klik kanan pada file tersebut – lalu akan muncul tampilan “File Properties”. Lihat pada file propertiesAddressblok semua URL-nya dan Copy (ctrl+c) – klik saja OK pada “file Properties”. dan Pastekan pada kotak URL browser sobat.
            Maka akan tertuju pada Link asli download yang waktu itu sobat pernah download. Lihat gambar dibawah untuk langkah jelasnya :

3.         Coba sobat download lagi file nya pada website yang bersangkutan, tapi INGAT jangan di klik “Start Download” terlebih dahulu. Copy semua URL yang ada pada tampilan “Download File Info” dan buka lagi “File Properties” pada langkah ke-2.
            Pastekan di “Address” pada file properties download-an sobat yang tadi tidak bisa. Lihat gambar dibawah untuk lebih jelasnya .

NB : sebelum di pastekan di “Address” hapus terlebuh dahulu link yang ada, baru Paste Link Barunya.
4.         setelah itu sobat klik OK pada tampilan “File Properties”. Dan pada tampilan IDM-nya, klik Resume . seperti gambar dibawah :

5.         selamat File sobat sekarang telah berhasil melanjutkan download-nya. Tak perlu download dari awal lagi.. :D
            Mungkin itu saja berbagi pengetahuan mengenai Cara Melanjutkan/Resume Download File Karena Server Error Pada Internet Download Manager. Mohon maaf apabila ada kata yang salah dan kurang berkenan. Semoga bermanfaat.. terima kasih… ^^

Format Text Pada Halaman Web

FORMAT TEKS HALAMAN WEB

a . Mengatur Ukuran Teks atau atribut size

Dalam HTML digunakan  untuk mengatur ukuran font/teks, Ring dari ukuran adalah 1-7 . Nilai 1 adalah ukuran font ukuran terkecil dan terbesar 7 . Dan untuk html dengan css bisa seperti ini:
<p style=”font-size:20px”>

b . Mengatur Jenis Teks/Format teks

Adalah pengaturan jenis font atau teks yang digunakan. Anda dapat memilih jenis font dengan maksimal 3 jenis font. Untuk melihat jenis font , Anda dapat menyalin dan paste dari MS.Word , corel , photoshop , adobe dreamweaver dan lain-lain . contoh:
<font face=”Comic Sans MS“>teks dengan font Comic San MS </font>

c . Mengatur Warna Font/ teks html

Digunakan untuk mengatur warna font, didefinisikan dengan menggunakan nilai RGB / HEX atau canalso langsung menggunakan nama warna (“red” misalnya) . Sintak Penulisan atribut seperti ini (font color=”….” ), kita bisa mengisi dengan nama warna langsung atau dengan code warna dari photoshop, corel, editplus,dll.  Pada tag font, Untuk nilai RGB / HEX dapat dilihat di bawah ini :
contoh :
<html>
<head>
</ head >
<body>
<font color=”red”> HTML font warna merah </font>
<font size=”5″> Ini adalah contoh ukuran teks 5 </font>
<font face=”Times New Roman, Times, serif”> Contoh ini Comic Sans Font Comic San MS </font>
<font size=”5″ color=”blue” face=”Comic Sans MS”> Ini contoh kombinasi warna, ukuran , dan wajah . </font>
< / body>
< / html >
hasil dari contoh pengaturan format teks pada html diatas adalah:
Format Teks pada HTML
Selain itu font yang tag HTML juga dapat ditandai <b> , <u> , <i> , <strong> , <big> , <center> , <anchor> , <p> dan lain-lain . Dan tag ditempatkan sebelum dan setelah tag font. Sebagai contoh:
<b> <font color=”green”> Belajar teks html dengan warna hijau tebal </font> </b><br>
<u> <font size=”5″ face=”Comic Sans MS”> Teks html jenis teks komik , TEks besar dan bergaris bawah</font> </u><br>
<a href=”seputarti.com”> <font color=”red”> HTML font warna merah dengan anchor </font> < / a>
hasil dari pengaturan teks pada html diatas adalah:
mengatur teks di htmlSekarang untuk mengatur teks menjadi rata kanan, kiri, atau rata kanan+kiri kita gunakan atribu align. biasanya tag html yang digunakan adalah tag <p>. bisa di contohkan sebagai berikut:
<body>
<p align=”left”> Teks HTML rata kiri</p>
<p align=”right”> Teks HTML rata kanan</p>
<p align=”justify”> Teks HTML rata kanan dan kiri</p>
</body>
Tambahan beberapa tag yang kerap digunakan untuk mengatur format teks html :

tag <b> (Bold)

Tag bold berfungsi untuk membuat tampilan teks tercetak tebal (bold).
Sintaks:
<b>
Teks tebal
</b>

tag <i> (Italic)

Tag italic berfungsi untuk membuat tampilan teks tercetak miring (italic).
Sintaks:
<i>
Teks miring
</i>

tag <u>  (Underline)

Tag Underline berfungsi untuk membuat tampilan teks tercetak garis bawah (underline).
Sintaks:
<u>
Teks bergaris bawah
</u>

tag <pre> (Preformated text)

Tag PRE berfungsi untuk menampilkan teks seperti apa adanya.
Sintaks:
<pre>
Teks seperti aslinya
</pre>

Sunday, November 13, 2016

Cara membuat Unordered List dan Ordered List (HTML)

1. Ordered List

Ordered list digunakan untuk daftar yang memiliki urutan, dan tag yang digunakan adalah <ol>. Di ordered list juga ada 3 tipe yaitu:

  1. Type Desima.
<b>Jurusan di SMKN 2 Karanganyar</b>

<ol type="1">

<li>Teknik Pemesinan</li>

<li>Teknik Pembuatan Kain</li>

<li>Teknik Otomotif Elektronik</li>

<li>Teknik Rekayasa Perangkat Lunak</li>

</ol>
Hasil:

Jurusan di SMKN 2 Karanganyar
  1. Teknik Pemesinan
  2. Teknik Pembuatan Kain
  3. Teknik Otomotif Elektronik
  4. Teknik Rekayasa Perangkat Lunak


  1. Tipe Romawi
<b>Jurusan di SMKN 2 Karanganyar</b>

<ol type="i">

<li>Teknik Pemesinan</li>

<li>Teknik Pembuatan Kain</li>

<li>Teknik Otomotif Elektronik</li>

<li>Teknik Rekayasa Perangkat Lunak</li>

</ol>
Hasil

Jurusan di SMKN 2 Karanganyar
  1. Teknik Pemesinan
  2. Teknik Pembuatan Kain
  3. Teknik Otomotif Elektronik
  4. Teknik Rekayasa Perangkat Lunak
  1. Tipe Alfabet
<b>Jurusan di SMKN 2 Karanganyar</b>

<ol type="a">

<li>Teknik Pemesinan</li>

<li>Teknik Pembuatan Kain</li>

<li>Teknik Otomotif Elektronik</li>

<li>Teknik Rekayasa Perangkat Lunak</li>

</ol> 
Hasil

Jurusan di SMKN 2 Karanganyar
  1. Teknik Pemesinan
  2. Teknik Pembuatan Kain
  3. Teknik Otomotif Elektronik
  4. Teknik Rekayasa Perangkat Lunak

Catatan!!! untuk ROMAWI dan ALFABET Bisa di ganti dengan huruf besar atau kecil 

2. Unordered List

Unordered list digunakan untuk daftar yang tidak memiliki urutan. List ini menggunakan tag <ul>. Ada 3 tipe untuk unordered list ini yaitu:
  1. Tipe Disk
<b>Jurusan di SMKN 2 Karanganyar</b>

<ul type="disk">

<li>Teknik Pemesinan</li>

<li>Teknik Pembuatan Kain</li>

<li>Teknik Otomotif Elektronik</li>

<li>Teknik Rekayasa Perangkat Lunak</li>

</ul>
Hasil

Jurusan di SMKN 2 Karanganyar
  • Teknik Pemesinan
  • Teknik Pembuatan Kain
  • Teknik Otomotif Elektronik
  • Teknik Rekayasa Perangkat Lunak
  1. Tipe Circle
<b>Jurusan di SMKN 2 Karanganyar</b>

<ul type="circle">

<li>Teknik Pemesinan</li>

<li>Teknik Pembuatan Kain</li>

<li>Teknik Otomotif Elektronik</li>

<li>Teknik Rekayasa Perangkat Lunak</li>

</ul
Hasil

Jurusan di SMKN 2 Karanganyar
  • Teknik Pemesinan
  • Teknik Pembuatan Kain
  • Teknik Otomotif Elektronik
  • Teknik Rekayasa Perangkat Lunak
  1. Tipe Square
<b>Jurusan di SMKN 2 Karanganyar</b>

<ul type="square">

<li>Teknik Pemesinan</li>

<li>Teknik Pembuatan Kain</li>

<li>Teknik Otomotif Elektronik</li>

<li>Teknik Rekayasa Perangkat Lunak</li>

</ul>
Hasil

Jurusan di SMKN 2 Karanganyar
  • Teknik Pemesinan
  • Teknik Pembuatan Kain
  • Teknik Otomotif Elektronik
  • Teknik Rekayasa Perangkat Lunak

Cara Menulis Karakter Khusus Pada HTML


Karakter khusus yang biasanya kita gunakan dengan cara menekan tombok ATL+(kombinasi angka) berbeda lagi bila di HTML dan berikut  adalah beberapa contoh dari karakter khusus di HTML

< - &lt;

> - &gt;
≤ - &le;
≥ - &ge;
≠ - &ne;
« - &laquo;
» - &raquo;
& - &amp;
" - &quot;
± - &plusmn;
© - &copy;
® - &reg;
Σ - &Sigma;
™ - &trade;
½ - &frac12;
¼ - &frac14;
¾ - &frac34;
€ - &euro;
¥ - &yen;


Contoh

copyright &copy; smkn2kra.sch.id <br>
registered to X RPL A &reg; X RPL C <br>
trademark by &raquo; &trade; SMK N2 Kra &laquo;

Hasil

copyright © smkn2kra.sch.id
registered to X RPL A ® X RPL C
trademark by » ™ SMK N2 Kra «

Cara Membuat Tabel Menggunakan HTML


Pada HTML tabel menggunakan 3 elemen yaitu  <table>, <tr> (table rows) untuk membuat baris, dan <td> (table data) yang digunakan untuk membuat kolom-kolom. Berikut beberapa contoh penggunaan tabel pada HTML.
  • Cara membuat Tabel menggunakan HTML dan berikut adalah caranya:

1. Tabel Sederhana

<table border="1">
<tr>
<td>Baris 1 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
</tr>
<tr>
<td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
</tr>
</table>

Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2


2. Tabel Dengan Ukuran

<table border="1" style="height:100px;width:200px;">
<tr>
<td>Baris 1 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
</tr>
<tr>
<td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
</tr>
</table>

Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2


3. Menggabungkan Baris Pada Tabel

<table border="1">
<tr>
<td rowspan="2">Baris 1 dan 2 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
</tr>
<tr>
<td>Baris 2 Kolom 1</td>
</tr>
</table>

Baris 1 dan 2 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1


4. Menggabungkan Kolom Pada Tabel

<table border="1">
<tr>
<td colspan="2">Baris 1</td>
</tr>
<tr>
<td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
</tr>
</table>

Baris 1
Baris 2 Kolom 1 Baris 2 Kolom 2


5. Membuat Judul Pada Tabel

<table border="1">
<tr>
<th>Judul Kolom 1</th>
<th>Judul Kolom 2</th>
</tr>
<tr>
<td>Baris 1 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
</tr>
<tr>
<td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
</tr>
</table>

Judul Kolom 1 Judul Kolom 2
Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2


6. Menambah Background Pada Tabel

<table border="1" style="background: Blue;">
<tbody>
<tr>
<td>Baris 1 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
</tr>
<tr>
<td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
</tr>
</tbody></table>
 
Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2