3 Cara Membuat Highlight Text di Artikel Blog
Kali ini saya akan menjelaskan tutorial bagaimana caranya membuat Highlight Text pada postingan blog di Blogger / Blogspot.
Yang dimaksud Highlight Text adalah suatu teks, huruf, kata, atau kalimat yang dicolok (atau mencolok) - susah banget bahasanya hahaha...
Contohnya seperti ini: Teks ini adalah contoh dari Highlight Text.
Jika disederhanakan, Highlight Text adalah suatu teks dimana Background-nya akan diubah, dari yang awalnya putih (Transparant) menjadi terang benderang.
Pernah menggunakan Stabilo warna hijau atau kuning di buku? Nah, inilah yang dimaksud dari Highlight Text.
Highlight Text bisa digunakan dengan 3 cara yang berbeda. Kalian bisa memilih salah satunya untuk diimplementasikan di postingan blog.
Selesaikan artikel terlebih dahulu, lalu blok teks yang ingin di Highlight.
Jika teks tersebut sudah diblok, tekan tombol menu Text Background Color seperti gambar di bawah ini:
Hasilnya akan seperti ini:
Ok, selesai. Kita lanjutkan ke tutorial No. 2 di bawah ini.
Contohnya seperti ini:
Hasilnya seperti ini:
Bagi yang ingin mencoba poin No. 2 ini, harus dipraktekkan di gaya mode tulis HTML (bukan Compose).
Tutorial ketiga yaitu menggunakan tag Mark dari HTML di dalam postingan blog, tepatnya di mode tulis HTML.
Yang diperlukan adalah tag <mark> di bagian pembuka, diisi teks, lalu ditutup dengan tag </mark> untuk membungkus teks tersebut.
Contoh teks yang <mark>Highlight</mark>.
Hasilnya seperti ini:
Contoh teks yang Highlight.
Sebenarnya, artikel penggunaan kode tag Mark sudah saya publikasikan di sini: Cara Membuat dan Menggunakan Kode Mark HTML di Postingan Blog.
Begitulah bagaimana caranya membuat Highlight Text pada artikel blog. Ok semoga bermanfaat.*
Yang dimaksud Highlight Text adalah suatu teks, huruf, kata, atau kalimat yang dicolok (atau mencolok) - susah banget bahasanya hahaha...
Contohnya seperti ini: Teks ini adalah contoh dari Highlight Text.
Jika disederhanakan, Highlight Text adalah suatu teks dimana Background-nya akan diubah, dari yang awalnya putih (Transparant) menjadi terang benderang.
Pernah menggunakan Stabilo warna hijau atau kuning di buku? Nah, inilah yang dimaksud dari Highlight Text.
3 Cara Membuat Highlight Text di Artikel Blog
Highlight Text bisa digunakan dengan 3 cara yang berbeda. Kalian bisa memilih salah satunya untuk diimplementasikan di postingan blog.
1. Cara Pertama: Menampilkan Highlight Text di Blogger
Selesaikan artikel terlebih dahulu, lalu blok teks yang ingin di Highlight.
Jika teks tersebut sudah diblok, tekan tombol menu Text Background Color seperti gambar di bawah ini:
Hasilnya akan seperti ini:
Ok, selesai. Kita lanjutkan ke tutorial No. 2 di bawah ini.
2. Cara Kedua: Highlight Text di Artikel Blogger
Pada tutorial No. 2 ini kita menggunakan tag style-background yang dibungkus oleh kode <span> di awal dan </span> di bagian akhir.
Contohnya seperti ini:
<span style="background-color: #f2f2f2;"> Arief Ghozaly </span>Hasilnya seperti ini:
Bagi yang ingin mencoba poin No. 2 ini, harus dipraktekkan di gaya mode tulis HTML (bukan Compose).
3. Cara Ketiga: Membuat Highlight Text di Postingan Blog
Tutorial ketiga yaitu menggunakan tag Mark dari HTML di dalam postingan blog, tepatnya di mode tulis HTML.
Yang diperlukan adalah tag <mark> di bagian pembuka, diisi teks, lalu ditutup dengan tag </mark> untuk membungkus teks tersebut.
Contoh teks yang <mark>Highlight</mark>.
Hasilnya seperti ini:
Contoh teks yang Highlight.
Sebenarnya, artikel penggunaan kode tag Mark sudah saya publikasikan di sini: Cara Membuat dan Menggunakan Kode Mark HTML di Postingan Blog.
Begitulah bagaimana caranya membuat Highlight Text pada artikel blog. Ok semoga bermanfaat.*
Post a Comment for "3 Cara Membuat Highlight Text di Artikel Blog"
Thanks for visiting. Bertanyalah secara jelas.