Ada beberapa dari kita yang tanpa sadar sudah menggunakan Text Review di blog namun tidak tahu bahwa itu adalah Text Review. Pada intinya, text review adalah bagian khusus dari sebagian post yang dianggap penting dan dianggap perlu 'dibedakan' agar mendapat perhatian khusus oleh pembaca.
Contohnya seperti ini :
"Ini adalah COntoh Text Review yang berisi text yang penting."
Langsung saja kita coba dengan langkah-langkah berikut :
1. Cari bagian text yang dianggap penting dan ingin dijadikan text review.
2. Paste kode HTML berikut di atas/awal bagian text yang dijadikan text review :
<div style="border: 3px solid #000000; background: #ffffff; padding:10px; text-align:left; color:#000000;">
Lalu pada bagian bawah/akhir dari text review, akhiri dengan </div>
nb : background = warna latar belakang kotak, border = warna garis tepi, color = warna font, padding = jarak pinggir kotak dengan text di dalam kotak.
Nah itu contoh yang sederhana dengan menggunakan sedikit kode HTML. Sebenarnya kita bisa menambahkan gambar ke dalam kotak text review, jadi nanti tampilannya akan seperti ini :
Terlihat lebih indah bukan ? hehe ...
Bedanya dimana dengan yang di atas ? Ehm perhatikan kode HTML yang berwarna merah berikut :
<div style="border: 3px solid #000000; background: #ffffff url(http://i40.tinypic.com/2iaxx85.png) no-repeat left top; padding:10px; text-align:left; color:#000000;">
Cukup dengan menambahkan kode merah di atas = alamat url tempat Anda menyimpan gambar.
So, bagaimana ? Semakin tertarik untuk menghiasi blog Anda ? Selamat mencoba.
No comments:
Post a Comment