Tips Membuat Text Highlight / Penandaan Pada Suatu Teks

Tips Membuat Text Highlight / Penandaan Pada Suatu Teks

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>


Source : http://dhuwuh.blogspot.com/2008/09/tips-membuat-text-highlight-penandaan.html



Related Posts by Categories :


Add to Technorati Favorites

Technorati Ping To Your Blog
Including Yours E-Mail Address To Subscribe New Tricks