Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget Atas Posting

Suka dengan konten Maringngerrang.com?
Jika kamu merasa terbantu dengan konten di blog ini, silakan dukung kami melalui Saweria.co/maringngerrang. Dukungan berharga dari kalian semua-lah yang membuat blog ini bisa tetap hadir di hadapan kamu. Terima kasih!

Membuat Halaman Script Converter di Blogger

Membuat Halaman Script Converter di Blogger

Penggunaan Karakter Entitas

Bagi kamu yang menggunakan Blogger dalam waktu yang cukup lama, khususnya jika kamu sering mengutak-atik kode yang ada di dalam sebuah blog di Blogger tentunya kamu sudah tau bahwa kode yang digunakan adalah kode XML dengan dukungan CSS dan Javascript. Pada dasarnya di Blogger menggunakan HTML sederhana dengan fungsi yang lebih dinamis.

Terkhusus untuk kode Javascript, salah satu sintaks yang juga cukup banyak digunakan bukan hanya di Blogger, melainkan sebagian besar halaman web menggunakannya. Meskipun kode javascript terkesan lebih kaku dibandingkan beberapa kode lainnya, khususnya dalam penggunaan simbol-simbol yang menjadi kunci dalam susunannya.

Berbeda dengan cara kerja kode CSS yang letaknya bisa lebih bebas, kode Javascript dapat menjadi sintaks penyusun layaknya HTML di mana posisi/letaknya sangat berpengaruh. Oleh karena itu terkadang kode Javascript harus diletakkan pada posisi yang berisiko dan rentan mengalami error.

Jika kamu sudah sering melakukan modifikasi terhadap kode yang ada di Blogger, kemungkinan kamu pernah mendapati kasus dimana kode Javascript sama sekali tidak dapat diterima dalam susunan kode di Blogger. Hal ini biasanya terjadi apabila sintaks dipasang sebagai penyusun dan bukan sebagai fungsi.

Hal ini wajar dan lumrah terjadi, pada dasarnya karena kode HTML dan kode Javascript mempunyai kesamaan simbol yang digunakan yang mengakibatkan kegagalan membaca maksud dari sintaks tersebut, oleh karena itu dikenal sistem karakter entitas di HTML yang berfungsi untuk mengatasi hal tersebut. Misalnya saja dalam mode penulisan HTML di Blogger, simbol seperti &, <, atau > tidak dapat langsung ditulis, sedangkan dalam penulisan mode Compact simbol tersebut bisa langsung ditulis. Lalu bentuk konversi dari karakter tersebut sehingga bisa dibaca ketika ditulis dalam mode HTML haruslah menjadi &amp;, &lt;, atau &gt;.

Contoh Penerapan pada Kode Iklan

Pada dasarnya cara kerja karakter entitas tersebut adalah mengubah simbol kedalam sebuah kode dengan penggunaan simbol yang lebih bebas dan aman dari kesalahan pembacaan oleh sistem. Paling umum kasus ini biasanya ditemukan ketika memasang sintaks kode iklan dari Adsense misalnya, sintaks dengan bentuk seperti ini:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ini adalah kode iklan saya -->
<ins class="adsbygoogle"
    style="display:block"
    data-ad-client="ca-pub-112233445566xxxx"
    data-ad-slot="0987654321"
    data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Biasanya harus dikonversi setiap karakter entitas nya agar dapat dikenali oleh sistem. Meskipun sebenarnya kode yang digunakan bukan sepenuhnya kode Javascript namun terdapat karakter yang akan bertabrakan dengan susunan kode HTML utama yang ada di blog sehingga kode tambahan tersebut harus diletakkan dalam tag dengan bentuk yang terkonversi. Misalnya seperti ini:

&lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- ini adalah kode iklan saya --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
    style=&quot;display:block&quot;
    data-ad-client=&quot;ca-pub-112233445566xxxx&quot;
    data-ad-slot=&quot;0987654321&quot;
    data-ad-format=&quot;auto&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;

Sedangkan untuk melakukan konversi terhadap sintaks seperti di atas agar siap dilakukan sebenarnya bisa dilakukan secara manual, akan tetapi hal tersebut akan cukup memakan waktu ketika harus find and replate beberapa jenis karakter. Oleh karena itu kamu bisa menggunakan alternatif mudah untuk dapat dengan cepat mengkonversi kode (khususnya kode iklan) agar siap digunakan dalam bentuk karakter entitas.

Memasang Script Converter di Blog

Salah satu contoh halaman Script Converter yang dapat mengubah kode di atas bisa kamu lihat di sini atau di sini. Halaman script converter tersebut tergolong lengkap karena disertai dengan fitur pilihan simbol mana saja yang ingin dikonversi. Jadi akan lebih memudahkan sesuai dengan kebutuhan di mana sintaks akan dipasang.

Jika kamu ingin memasang tools Script Converter yang serupa di blog kamu, kamu bisa melakukannya dengan cara yang cukup mudah, silakan ikuti langkah-langkah berikut ini:
  1. Buka Blogger kemudian pada bagian "Halaman" buatlah sebuah halaman baru dengan judul "Script Converter" atau "Ads Converter" atau nama lain yang kamu sukai.
  2. Kemudian masuk pada mode penulisan HTML. Pada Blogger versi terbaru, klik tombol dengan ikon <>.
  3. Setelah itu copy dan paste kode berikut ini pada halaman yang baru kamu buat tersebut.
  4. <div id="script-converter">
    <script src="https://code.maringngerrang.com/script-converter.js"></script>
    <textarea id='codes' placeholder='Tulis/paste kode di sini lalu klik "Konversi"' spellcheck='false'></textarea>
    <div class='button-group'>
    <button id='cvrt' onclick='cdConvert();this.disabled = true;'>Konversi</button><button onclick='cdClear();'>Bersihkan</button></div>
    <ul id='wrapin'>
    <li><label><input checked='true' id='opt1' type='checkbox' />Konversi <code>&amp;</code> menjadi <code>&amp;amp;</code></label></li>
    <li><label><input id='opt2' type='checkbox' />Konversi <code>'</code> menjadi <code>&amp;#039;</code></label></li>
    <li><label><input id='opt3' type='checkbox' />Konversi <code>"</code> menjadi <code>&amp;quot;</code></label></li>
    <li><label><input checked='true' id='opt4' type='checkbox' />Konversi <code>&lt;</code> menjadi <code>&amp;lt;</code></label></li>
    <li><label><input checked='true' id='opt5' type='checkbox' />Konversi <code>&gt;</code> menjadi <code>&amp;gt;</code></label></li>
    </ul>
    </div>
  5. Setelah itu Simpan dan Publikasikan halaman tersebut lalu lihat hasilnya di Blog kamu.

Penutup

Apabila script converter yang telah kamu pasang di blog kamu tampilannya sedikit kacau, hal itu mungkin terjadi akibat beberapa kode Javascript saling bertabrakan satu sama lain. Silakan laporkan melalui contact atau komentar di bawah jika kamu ingin dibantu untuk mengatasinya.

Itulah langkah-langkah yang bisa kamu gunakan untuk memasang script converter di blog kamu. Terlebih kamu telah memahami tentang entitas karakter dan beberapa kasus dimana kode yang perlu dipasang diblog harus dikonversi terlebih dahulu. Semoga artikel ini bisa bermanfaat dan menambah wawasan untuk kamu, terima kasih dan sampai jumpa!

Posting Komentar untuk "Membuat Halaman Script Converter di Blogger"

Dapatkan Info Terbaru!