Tips Tutorial Cara Supaya Goresan Pena / Kata Tertentu Tidak Diterjemahkan

<pre class="notranslate">... cuplikan kode HTML / CSS ...</pre>

Agar cuplikan kode menjadi lebih manis dan berwarna

<pre class="notranslate prettyprint">... cuplikan kode HTML / CSS ...</pre>

Khusus untuk menciptakan goresan pena berwarna, Anda harus memasang kode prettyfy.js terlebih dahulu. Pelajari cara menciptakan syntax highlighter di blog dengan prettyfy.js

Masalah
Ada kejanggalan yang terjadi ketika memakai fitur penerjemahan yang ada di bawah hasil indeks Google penelusuran versi desktop "Terjemahkan halaman ini". Dimana penggunaan attribute class notranslate menimbulkan semua goresan pena di bawah attribute class notranslate tidak ikut diterjemahkan, meskipun goresan pena / kata tersebut diluar atau tidak terbungkus dalam nilai tersebut.

Solusi
Tambahkan satu tag code sebelum memakai attribute class notranslate dalam satu artikel / postingan.

Contoh: pada mode HTML

<div style="text-align: center;">Surat Pernyataan</div><br /> <br /> Dengan ini aku ... ....<br /> <code></code><br /> Nama: <span class="notranslate">Tuk Ijo</span><br /> Alamat: <span class="notranslate">Jl. Jambu no.  15</span><br /> <br /> Saksi 1: <span class="notranslate">Kolor Ijo</span>

#2. Tag code

Apa kesannya kalau kode yang kita bagikan ikut diterjemahkan? Sudah dapat dipastikan kode tersebut tidak berfungsi lagi, dan tutorial Anda akan sulit diikuti oleh pengguna bahasa asing. Oleh alasannya itu, sudah semestinya untuk mendefinisikan sebuah kode komputer (XML, HTML, CSS, Java, dan yang lainnya) dalam sebuah artikel harus dibentuk selalu tetap.

Penerapan

<code>... isi kode ...</code>

Atau

<pre><code>... isi kode ...</code></pre>

---

"Buatlah konten Anda gampang untuk dimengerti dan diikuti semua orang di dunia"