This Blog is protected by DMCA.com

DMCA.com for Blogger blogs
UY0EvzZgeEEo4KiQ1NIivy9VYY1PQHFF9n6p7Enr
Bookmark

Cara Memasang Widget Tools HTML Parse Di Blogger Beserta Fungsi Dan Manfaatnya

Cara Memasang Widget Tools HTML Parse di Blogger
Mengelola blog dengan konten yang menarik dan informatif memerlukan pemahaman tentang penggunaan kode HTML yang efektif. Namun, ketika Anda sering menyisipkan kode-kode HTML kompleks dalam artikel Anda, terkadang tampilan blog bisa terpengaruh oleh masalah format atau kesalahan kode. Untuk mengatasi masalah tersebut, penggunaan alat konversi kode HTML seperti Parse HTML menjadi solusi yang praktis dan efisien.

Apa Itu Tools HTML Parse dan Bagaimana Cara Kerjanya?

Tools HTML Parse adalah alat yang berfungsi untuk menguraikan atau mengonversi kode HTML menjadi entitas HTML secara otomatis. Alat ini membantu Anda menghindari masalah tampilan dan menyajikan kode HTML dengan benar di halaman blog Anda. Ketika kode HTML diurai oleh alat parse, tanda-tanda khusus seperti ">", "<", " ' ", " " ", dan "&" dikonversi menjadi entitas HTML yang sesuai, sehingga kode-kode tersebut tidak lagi dianggap sebagai kode, tetapi sebagai karakter khusus yang akan ditampilkan dengan benar di browser.

Contoh hasil konversi kode HTML oleh tools parse:
Atribut < di konversi menjadi &lt;
Atribut > di konversi menjadi &gt;
Atribut ' di konversi menjadi &#039;
Atribut " di konversi menjadi &quot;
Atribut & di konversi menjadi &amp;
Biasanya, tools parse banyak digunakan oleh situs atau blog yang berfokus pada niche tutorial blogging dan koding. Karena situs-situs ini sering membutuhkan banyak kode yang disisipkan ke dalam sebuah artikel, keberadaan tools parse menjadi sangat diperlukan untuk mengonversi kode script sebelum disisipkan pada artikel. 

Fungsi dan Manfaat Tools HTML Parse

Dengan menggunakan Tools HTML Parse, pengguna dapat memastikan bahwa kode-kode HTML akan ditampilkan dengan benar tanpa ada kesalahan yang dapat mengganggu tampilan halaman. Berikut beberapa fungsi dan manfaat dari tools html parse:

1. Mencegah Kesalahan Tampilan

Dengan menggunakan Parse HTML, Anda dapat memastikan bahwa kode-kode HTML yang disisipkan dalam artikel tidak menyebabkan kesalahan tampilan atau mempengaruhi tata letak blog Anda.

2. Mempercepat Proses Penyuntingan

Alat parse membantu mempercepat proses penyuntingan artikel karena Anda tidak perlu lagi secara manual mengonversi kode-kode HTML secara satu per satu.

3. Mempermudah Penyisipan Kode

Alat parse membuat proses penyisipan kode-kode HTML menjadi lebih lancar dan cepat. Anda dapat dengan mudah menyalin kode dari sumber lain dan mengonversinya menggunakan alat parse sebelum disisipkan di artikel Anda.

4. Menjaga Konsistensi Tampilan

Dengan menggunakan alat parse, Anda dapat memastikan konsistensi tampilan di seluruh halaman blog Anda, bahkan jika Anda menggunakan kode HTML yang kompleks dalam berbagai posting.

5. Parsing Skrip Iklan Adsense

HTML Parser umumnya juga digunakan untuk melakukan parsing skrip iklan Google AdSense agar dapat dimasukkan ke dalam Template Blogger.

Cara Memasang Tools HTML Parse di Blogger

Meskipun keberadaan tools parse dianggap bermanfaat oleh sebagian Blogger, namun pada kenyataannya banyak situs yang belum dilengkapi dengan tools parse. Beberapa situs bahkan jarang menyediakan alat ini ketika kita mengunjunginya. Mungkin ada alasan tertentu mengapa mereka memilih untuk menggunakan tools parse dari situs lain, mungkin karena dinilai lebih praktis.


Namun sebenarnya, kita dapat dengan mudah membuat tools parse sendiri pada situs kita sehingga tidak perlu repot mencarinya di situs lain. Dengan menggunakan tools parse, kita dapat memastikan bahwa kode-kode yang kita sisipkan dalam artikel akan ditampilkan dengan benar tanpa masalah.

Berikut adalah langkah-langkah cara memasang Tools HTML Parse di laman sttis blogger:

  • Login ke akun Blogger anda.
  • Klik menu Halaman.
  • Klik icon + untuk membuat Halaman Baru.
  • Pada menu postingan beralih ke Tampilan HTML.
  • Lalu Copy dan Paste skrip berikut pada halaman postingan:
<style>
/* Tools by www.jamey.id */
#parseArea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;}button{padding:10px 20px;font-size:16px;background-color:#10a5e6;color:#fff;border:none;border-radius:5px;cursor:pointer;margin:5px 10px 0 0;}#clearButton,#copyButton{display:none;}.notification{position:fixed;top:10px;right:10px;padding:10px;background-color:#4CAF50;color:#fff;border-radius:4px;z-index:9999;display:none;}#toolsText{font-size:8px;text-align:right;}</style> 
<div>
<textarea cols="50" id="parseArea" rows="10" placeholder="Masukan kode HTML di sini."></textarea>
<span id="toolsText">
<div id="toolsTextContainer">©Tools by <a href="https://www.jamey.id/" target="_blank">jamey.id</a></div></span>
<button id="parseButton" onclick="parse()" disabled>Parse</button>
<button id="unparseButton" onclick="unparse()" style="display: none;">Unparse</button>
<button id="clearButton" onclick="cdClear()" style="display: none;">Clear</button>
<button id="copyButton" onclick="copyToClipboard()" style="display: none;">Copy</button>
<div class="notification" id="copyNotification">Tersalin ke clipboard!</div>
</div>
<script>
// Tools by www.jamey.id
function parse(){var e,t=document.getElementById("parseArea");e=t.value.replace(/&/ig,"&amp;").replace(/</ig,"&lt;").replace(/>/ig,"&gt;").replace(/"/ig,"&quot;").replace(/'/ig,"&#039;").replace(/^/,"<pre><code>").replace(/$/,"</code></pre>"),t.value=e,document.getElementById("parseButton").style.display="none",document.getElementById("unparseButton").style.display="inline-block",document.getElementById("clearButton").style.display="inline-block",document.getElementById("copyButton").style.display="inline-block"}function unparse(){var e,t=document.getElementById("parseArea");e=t.value.replace(/^<pre><code>/,"").replace(/<\/code><\/pre>$/,"").replace(/&lt;/ig,"<").replace(/&gt;/ig,">").replace(/&quot;/ig,'"').replace(/&#039;/ig,"'").replace(/&amp;/ig,"&"),t.value=e,document.getElementById("unparseButton").style.display="none",document.getElementById("parseButton").style.display="inline-block",document.getElementById("clearButton").style.display="none",document.getElementById("copyButton").style.display="none"}function cdClear(){document.getElementById("parseArea").value="",document.getElementById("unparseButton").style.display="none",document.getElementById("parseButton").style.display="inline-block",document.getElementById("clearButton").style.display="none",document.getElementById("copyButton").style.display="none"}function copyToClipboard(){var e=document.getElementById("parseArea");e.select(),e.setSelectionRange(0,99999),document.execCommand("copy");var t=document.getElementById("copyNotification");t.style.display="block",setTimeout(function(){t.style.display="none"},2e3)}for(var desiredLink="jamey.id",links=document.querySelectorAll("#toolsTextContainer a"),found=!1,i=0;i<links.length;i++)if(links[i].textContent===desiredLink){found=!0;break}found&&(document.getElementById("parseButton").disabled=!1);</script>
  • Lalu klik Simpan dan lihat hasilnya.

Jadi, apabila Anda sering menyisipkan kode script dalam artikel blog Anda, alat Parse HTML bisa menjadi solusi yang efisien untuk memastikan kode tersebut ditampilkan dengan benar dan menghindari masalah tampilan yang tidak diinginkan. Semoga artikel ini membantu Anda bagimana cara memasang Tools HTML Parse di Blogger dan juga membantu memahami pentingnya dan manfaat dari penggunaan tools HTML Parse dalam menjalankan blog Anda. Selamat mencoba!
Posting Komentar

Related Posts

Posting Komentar