Skip to content Skip to sidebar Skip to footer

Widget HTML #1

Membuat Kotak dan tombol Highlight All di Postingan Blog Website

Membuat Kotak dan tombol Highlight All di Postingan Blog Website

Cara Membuat Kotak dan Tombol Highlight All di Postingan Blog Website - Kotak Highlight pada postingan blog adalah kotak yang berfungsi untuk menyimpan Text atau source code seperti HTML, CSS, PHP, JavaScript dan sebagainya. Tombol Highlight All adalah tombol yang berfungsi untuk memilih secara keseluruhan text atau source code yang berada di dalam kotak highlight. 

Jadi dapat disimpulkan kotak highlight dan tombol highlight all saling terhubung. Cara ini biasa digunakan oleh blogger dalam menampilkan source code di postingan blog. 

Jika kamu ingin membuat kotak highlight disarankan untuk parse source code terlebih dahulu agar source code bisa tampil di dalam kotak highlight.

Baca Juga : Cara Membuat Parse Kode HTML, JavaScript, PHP

Cara Memasang Kotak Highlight dan Tombol Highlight All di Postingan Blog

  1. Masuk ke blog dan Buat Postingan Baru.

    Cara Memasang Kotak Highlight dan Tombol Highlight All di Postingan Blog

  2. Ubah Tampilan Menulis menjadi Tampilan HTML.

    Cara Memasang Kotak Highlight dan Tombol Highlight All di Postingan Blog

  3. Copy code berikut ini dan pastekan di postingan blog kamu.

    <div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 180px; height: 80px;" name="txt" rows="4" wrap="VIRTUAL" cols="20">http://www.share28s.com</textarea></p></form></div>



  4. Keterangan :
    • Warna orange adalah lebar kotak untuk menyimpan kode html semakin besar angka nya semakin lebar ke samping kotaknya.
    • Warna merah adalah panjang kotak untuk menyimpan kode html semakin besar angka nya semakin panjang ke bawah kotaknya.
    • Warna biru adalah tempat menempatkan text atau kode html yang sudah diparse sebelumnya untuk ditampilkan dalam blog.

    Hasilnya


Sampai sini kamu sudah bisa membuat kotak highlight dan tombol highlight all. Kamu juga bisa menggunakan cara lain untuk menyisipkan kode script di postingan blog atau website.
Baca Juga : Cara Menyisipkan Kode Script di Postingan Blog

Post a Comment for "Membuat Kotak dan tombol Highlight All di Postingan Blog Website"