Highlight adalah penandaan pada suatu bentuk kalimat tertentu, sehingga ada pembeda antara kalimat/kata yang satu dengan lainnya. Disini saya ingin mencoba dengan 2 metode, Langsung ( Dimana kode ini akan langsung ditempatkan pada suatu paragraf yang dibutuhkan ) dan dengan CSS Style ( menempatkan kode pada halaman html untuk mempersingkat penggunaan kode tsb ).
contoh yang akan di highlight
Langkah yang harus ditempuh :
Metode Langsung :
Copy paste kode ini dan tempatkan pada suatu kalimat setiap kali yang akan di tandai.
<p class="alert" style="-webkit-background-clip: initial; -webkit-background-origin: initial; font-size:10px; text-align: left; border: 1px dotted #000000; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0.75em; padding: 5px; background: #F4F6Fa ">
................... </p>
keterangan : " ................... " adalah masukan suatu kalimat dsb yang akan di highlight.
Metode CSS :
1. Login blogger
2. Layout --> edit HTML
3. Jangan lupa backup dahulu
4. Kemudian cari kode --> ]]></b:skin> dan copy kan kode dibawah ini tepat diatasnya.
.alert { background: #F4F6Fa;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}
]]></b:skin>
5. Simpan
6. Cara penggunaannya sbb : setiap kali kalimat yang akan kita tandai, maka harus kita awali dengan <p class="alert"> posisi penempatan text/kalimat yg akan kita highlight </p>
Tidak ada komentar:
Posting Komentar