503 valid RCPT Command Must Precede DATA

Jika suatu saat program email Anda (terutama Microsoft Outlook) mengalami error “503 valid RCPT Command Must Precede DATA” pada saat pengiriman email, maka di bawah ini saya sampaikan beberapa langkah untuk mengatasinya.

Mengatasi Error 503

• Apostrop – hapus setiap apostrop (tanda kutip single) atau karakter non-alfabet lain dari nama account email pada program email Anda.
• VPN – kalau Anda mengirim email melalui VPN, maka akan muncul error ini. Coba putus koneksi VPN sebelum mengirim/menerima email.
• Full mailbox – pastikan mailbox tidak penuh (melebihi quota). Anda bisa menghilangkan tanda check pada opsi berikut (peringatan: dengan menghilangkan tanda check ini maka setelah program email selesai mendownload seluruh email, maka data email yang ada di server akan dihapus). Dalam Outlook buka Tools > Account Setting > More Settings > Advanced > Uncheck “leave a copy of this message on the server.”
• SMTP port – gunakan port 27 (sebagai pengganti port 25) untuk email keluar.
• Server authentication – setup email keluar Anda untuk menggunakan outgoing server authentication (mengirim email dengan login menggunakan alamat email dan password email Anda). Dalam Outlook, buka Tools > Account Settings > More Settings > Advanced dan ubah outgoing server ke ‘Auto.’ Kemudian, buka kembali ke More Settings > Outgoing Server lalu check kotak “My outgoing server uses the same authentication as my incoming server”. Apabila Anda memilih “remember your password” maka Anda tidak perlu mengetik password setiap kali Anda mengirim email.
• Sender matching – pastikan Anda mengirim email menggunakan alamat email Anda yang sama dengan yang akan dilihat nanti oleh penerima email (Jadi JANGAN mengisi data alamat email “from” yang berbeda dengan alamat email yang Anda gunakan untuk outgoing mail settings).
• Outlook PST files – kadang-kadang juga error 503 disebabkan oleh adanya file corrupt pada file Outlook PST (mail archive). Coba lakukan perbaikan  file ini.
• Mail Screening – jika setelah melakukan langkah-langkah di atas masih belum juga berhasil, solusi terakhir cek apakah Anda menggunakan program mail screening, misalnya Mail Washer atau program anti virus yang ada fasilitas mail screening. Coba nonaktifkan fasilitas mail screening tersebut.

Semoga dengan melakukan langkah-langkah di atas, sekarang program email Anda telah kembali berfungsi normal.

sumber :
https://www.indosite.com/mengatasi-error-503-valid-rcpt-command-must-precede-data/

Membuka situs yang diblokir dengan mikrotik

Contoh website yang diblokir : vimeo.com

 Note : 

 Do with your own risk.

• Masuk ke mikrotik dari winbox, buka IP -> FIREWALL -> NAT dan add rule baru

 Pada tab general inputkan 

 - chain : dstnat 

 - protocol : tcp

 - dst. port : 53 

 Pada tab action inputkan

 - action : dstnat

 - to addressess : 208.67.220.220 (Open DNS)

 - to ports : 5353

 Klik tombol "Apply" kemudian klik tombol "Copy" di sebelah kanan untuk menduplikasi rule tersebut, kemudian pada tab general, field protocol pilih udp kemudian klik "Apply"

 Agar dieksekusi duluan, drag kedua rule tersebut ke bagian atas rule masquerade pada list nat.

 Refresh DNS dengan cara masuk ke menu IP -> DNS kemudian klik tombol "Cache" lalu klik "Flush cache"

 Coba akses kembali website yang sebelumnya diblokir

sumber :

https://arisstech.blogspot.com/2014/11/membuka-situs-yang-diblokir-dengan-mikrotik.html

Learn HTML5 part 8

Links

HTML link adalah elemen yang digunakan untuk membuat kaitan ke halaman lain. Ketika elemen link diklik maka halaman browser akan berpindah menampilkan halaman lain yang dituju link tersebut.

<a href="url">teks link</a>

Tag <a> menggunakan atribut href untuk menentukan alamat tujuan link. teks link adalah teks yang akan kita jadikan link. Ketika teks link diklik, maka halaman akan berpindah ke alamat tujuan link.

Kita tidak hanya dapat menggunakan teks sebagai link, tapi juga gambar atau elemen lainnya.

<a href="url"><img src="gambar.jpg" /></a>

Atribut Target

Atribut target kita gunakan untuk menentukan dimana alamat link harus dibuka.

• _self - Membuka alamat link di tab/jendela browser yang sama (nilai bawaan)
• _blank - Membuka alamat link di tab/jendela browser yang baru
• _parent - Membuka alamat link di frame induk
• _top - Membuka alamat link di jendela penuh
• framename - Membuka alamat link di frame yang namanya sudah ditentukan

Umumnya kita akan sering menggunakan nilai _blank untuk menampilkan halaman di tab browser baru. Bila atribut ini tidak dipasang, maka nilai defaultnya adalah _self, artinya alamat link tersebut akan dibuka di jendela yang sedang aktif.

PRAKTEK

• Pada editor terdapat contoh penggunaan tag <a> dengan link berupa teks dan juga gambar. Jalankan program dan coba klik contoh link tersebut.
• Coba ganti nilai atribut target dengan _self dan _parent. Apa yang terjadi saat link diklik? Apa perbedaannya dengan saat atribut target diset dengan _blank?

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML</title>

</head>

<body>

      <p>Contoh link dengan teks:</p>

      <a href="https://www.codepolitan.com" target="_blank">CodePolitan.com</a>

      

      <p>Contoh link dengan gambar:</p>

      <a href="https://www.codepolitan.com" target="_blank">

        <img src="https://i.imgur.com/urfCJFH.png" />

      </a>

</body>

</html>

Lear HTML5 part 7

Text Formatting

Kita dapat menandai bagian-bagian tertentu dari sebuah teks HTML seperti cetak tebal, cetak miring dan lain-lain.

• <b> - mencetak tebal teks
• <strong> - menandai teks penting
• <i> - mencetak miring teks
• <em> - memberikan penekanan pada teks
• <mark> - menandai teks dengan sorotan
• <small> - membuat teks lebih kecil dari ukuran bawaan
• <del> - memberi coretan pada teks
• <ins> - mengarisbawahi teks
• <sub> - membuat tulisan lebih bawah dari garis datar tulisan
• <sup> - membuat tulisan lebih atas dari garis datar tulisan

PRAKTEK

• Pada editor terdapat contoh penggunaan masing-masing tag formatting. Jalankan kode program untuk melihat hasil tampilannya.
• Bila kita perhatikan, tag <b> dan <strong> menampilkan hasil yang serupa, begitu juga dengan tag <i> dan <em>. Mengapa demikian?

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML</title>

</head>

<body>

    <b>mencetak tebal</b> <br />

<strong>teks penting</strong> <br />

mencetak <i>miring</i> teks <br />

memberi <em>penekanan</em> pada teks <br />

<mark>menandai teks</mark><br />

teks <small>lebih kecil</small> dari default <br />

<del>coretan</del> pada teks <br />

<ins>mengarisbawahi</ins> teks <br />

tulisan _{di bawah} garis <br />

tulisan ^{di atas} garis

</body>

</html>

Lear HTML5 part 6

Paragraph

Elemen <p> mendefinisikan sebuah konten paragraf.

<p>Ini adalah sebuah paragraf.</p>
<p>Dan ini adalah paragraf lain.</p>

Suatu konten teks yang kita tulis di dalam sebuah elemen HTML dan kita buat baris baru atau spasi/tab di dalamnya, akan tetap dihitung sebagai satu spasi.

<p>Ini      adalah sebuah 
paragraf.</p>

Kode HTML di atas akan tetap ditampilkan dalam satu baris tanpa ada jarak spasi lebih dari satu di dalamnya. Bila kita hendak membuat baris baru di dalam sebuah teks, maka gunakanlah tag <br> atau <br />.

<p>Ini<br>
adalah<br>
sebuah<br>
paragraf.</p>

PRAKTEK

• Jalankan kode pada editor. Elemen <p>akan dicetak dalam satu baris, meskipun pada editor ditulis dalam baris yang berbeda. Tambahkan elemen <br> untuk setiap barisnya sehingga konten paragraf dicetak seperti ini:

  Ini
  adalah
  sebuah
  paragraf

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML</title>

</head>

<body>

    <h1>Judul Utama</h1>

      <p>Ini

adalah

sebuah

paragraf</p>

      <p>Ini<br>

adalah<br>

sebuah<br>

paragraf</p>

</body>

</html>

Learn HTML5 part 5

Headings

Headings adalah elemen HTML yang digunakan untuk menampilkan judul dari sebuah konten. Elemen headings ada 6 jenis, yakni <h1>, <h2>, <h3>, <h4>, <h5> dan <h6>.

Elemen <h1> menunjukkan tingkat kepentingan yang lebih tinggi daripada <h2> dan seterusnya. Elemen <h1> umumnya akan ditampilkan dengan ukuran huruf yang lebih besar dibanding <h2>, dan begitu seterusnya sampai <h6>.

Bila kita hendak membuat judul sebuah konten, maka gunakanlah <h1> sebagai prioritas utama. Bila hendak membuat subjudul di dalam konten, maka gunakan <h2>, dan bila hendak membuat sub-subjudul, maka gunakan <h3>, dan seterusnya.

PRAKTEK

• Pada editor terdapat contoh kode berisi <h1> dan <h2>. Jalankan kode dan lihat hasilnya.
• Buatlah elemen <h3> hingga <h6> di bawah paragraf kedua. Jalankan dan bandingkan tampilan heading 1 sampai 6.

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML</title>

</head>

<body>

    <h1>Judul Utama</h1>

      <p>Paragraf pertama.</p>

        

        <h2>Subjudul 1</h2>

        <p>Paragraf kedua.</p>

      <h3>Subjudul 2</h3>

        <h4>Subjudul 3</h4>

      <h5>Subjudul 4</h5>

      <h6>Subjudul 5</h6>

      <p> lebih gede paragraf daripada subjudul</p>

</body>

</html>

Learn HTML5 part 4

Atribut HTML

Atribut HTML adalah informasi tambahan yang diperlukan oleh sebuah elemen HTML.

Pada pembahasan sebelumnya kita sudah melihat contoh elemen <img>. Elemen ini memiliki konten tambahan di dalam tagnya, yakni src.

<img src="image.jpg" />

src yang terdapat di dalam tag <img> adalah salahsatu contoh atribut HTML.

Atribut HTML selalu didefinisikan di dalam tag pembuka suatu elemen. Atribut biasanya ditulis dalam bentuk pasangan nama dan nilai atribut dengan format seperti ini: nama="nilai".

Semua elemen HTML dapat mengandung atribut, baik itu atribut yang umum yang dapat dimiliki oleh semua elemen HTML, maupun atribut khusus untuk elemen HTML tertentu. Contoh atribut umum adalah id dan class. Contoh atribut khusus adalah src pada elemen <img> dan href pada elemen <a>.

Nama Atribut

Nama atribut dapat ditulis baik menggunakan huruf kapital maupun huruf kecil, akan tetapi sangat dianjurkan menggunakan huruf kecil semua sebagai sebuah standar sejak versi XHTML.

Nilai Atribut

Nilai dari atribut HTML dapat ditulis tanpa menggunakan tanda kutip. Namun dalam banyak kasus tanda kutip harus digunakan untuk membungkus nilai atribut yang mengandung spasi.

<h1 title=judul konten>Pendahuluan</h1>

Pada contoh di atas, atribut title bernilai 'judul' dan kata 'konten' akan dianggap sebagai sebuah atribut lain karena antara kata 'judul' dan 'konten' terpisah oleh koma. Bila kita hendak mengisi nilai atribut title di atas dengan 'judul konten', maka kita harus menulisnya dengan tanda kutip:

<h1 title="judul konten">Pendahuluan</h1>

Tanda Kutip atau Petik?

Nilai atribut dapat menggunakan baik tanda kutip "maupun tanda petik '. Bila kita membuka dengan tanda kutip, maka tutup juga dengan tanda kutip. Begitu pula bila membuka dengan tanda petik, maka tutuplah dengan tanda petik.

Hal ini sangat berguna bila nilai atribut mengandung tanda kutip atau petik. Bila nilai atribut mengandung tanda kutip, maka gunakanlah petik untuk membungkus nilai atribut. Dan bila nilai atribut mengandung tanda petik, maka gunakanlah kutip untuk membungkus nilai atribut.

<h1 title='Bosnya "Microsoft"'>Bill Gates</h1>

PRAKTEK

• Pada editor terdapat elemen <h1> dan <img>. Pada elemen <img> terdapat atribut title dengan nilai teks 'Gambar Anjing'. Jalankan kode dan perhatikan output. Arahkan mouse ke atas gambar anjing yang ada di kolom output dan biarkan sejenak. Apa yang muncul?
   Tampilkan Petunjuk
• Pada elemen <img> terdapat atribut src, yakni atribut berisi URL dari gambar yang hendak ditampilkan. Cari gambar lain dari internet dan salin (copy) URL gambar tersebut, lalu ganti nilai atribut src pada elemen <img> dengan URL gambar yang sudah Kamu punya.

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML</title>

</head>

<body>

    <h1>Contoh Elemen HTML</h1>

      <img src="https://i.imgur.com/s2YreFg.jpg"

        title="gambar anjing" />

</body>

</html>