February 8, 2014

Membuat Highlight Text Dengan "CODE"

Highlight text yang satu ini bukan jenis highlight text yang biasa digunakan untuk mem-blok semua isi text di dalam form atau kotak dialog untuk di-copy, highlight text ini hampir sama dengan text/kalimat yang sudah diberi text background color agar background pada text berwarna. Tapi, kita akan membuatnya secara manual agar terlihat lebih menarik seperti contoh dibawah.
Membuat highlight text pada blog menggunakan css "CODE"
Kita akan membuat highlight text dengan menggunakan code css yang biasanya digunakan oleh blogger untuk menampilkan kode html atau css yang akan diposting baik di blogger, wordpress dan bahasa pemograman lainnya.

Cara pembuatan pada blog
  • Masuk ke akun blogger lalu pilih template, klik tombol edit html dan cari kode ]]</b:skin>
  • Lalu copy kode css dibawah ini diatas kode ]]</b:skin>
  • code { color:#000000;
    background-color: #EDEAE9;
    border: 1px solid #C2BEBD;
    border-radius: 5px
    font-weight:bold;
    padding: 2px 4px;
    }
  • Setelah itu simpan template anda. Sampai disini kita sudah selesai membuat code css untuk highlight text yang akan digunakan di dalam postingan.
  • Sekarang kita akan membuat highlight text pada kalimat/text di postingan anda.
  • Buat postingan baru atau new entry lalu ketik kalimat yang akan di buat highlight text.
  • Klik tombol HTML disebelah tombol Compose yang ada disebelah kiri atas text editor, karena kita akan menambahkan sedikit kode pada html tersebut.
  • Tambahkan <code> sebelum text yang akan di beri highlight dan ditutup dengan </code> seperti contoh dibawah.
  • <code>Text yang akan diberi highlight</code>
  • Setelah itu klik pratinjau untuk melihat hasilnya dan jangan lupa disimpan. Semoga bermanfaat.
No comments:
Post a Comment

Jika ada artikel yang tidak Anda mengerti, maka gunakan fasilitas kotak komentar ini atau pada halaman kontak untuk menanyakannya.

Best Regard


Decky canser