Contoh seperti dibawah ini
HANYA CONTOH
POSTINGAN YANG DITONJOLKAN DISINI
HANYA CONTOH
POSTINGAN YANG DITONJOLKAN DISINI
HANYA CONTOH
Dan seperti ini
Kesepian hati…
Adakah benar adalah lorong waktu kebahagiaan ?
Kesunyian hati…
Adakah sungguh adalah suara merdu saat usia senja ?
Aku takut, aku salah kira
Meski kusadari kini ku di tengah itu semua
Aku hanya dapat bertanya
Tanpa sedikitpun kepastian akan jawabnya
(http://www.anggrekbiru.com/)
Terlihat perbedaan dengan contoh pertama dan kedua : contoh pertama dengan background warna dan contoh kedua dengan background gambar.
Untuk membuatnya silahkan perhatikan cara berikut
cara pertama yaitu cukup mudah kita tinggal masuk ke posting editor dan tulis code seperti dibawah ini di posting editor bagian "Edit Html"
untuk background warna kita gunakan code seperti dibawah ini
<div style="background:#FFFFCC; border:1px dotted #F5003D; padding:5px;">
DISINI POSTINGAN YANG MAU DITONJOLKAN
</div>
background:#FFFFCC;
adalah warna background, codenya bisa Anda ganti menurut warna yang Anda sukai. (lihat code warna disini)
border:1px dotted #F5003D;
adalah garis tepinya 1px adalah ketebalan dari garis tepinya, bisa kamu ganti ketebalanya sesuai selera Anda, dotted adalah jenis bordernya bisa kamu ganti sesuai selera kamu (baca disini jenis border). #F5003D adalah kode warna dari border silahkan Anda ganti dengan selera Anda.
padding:5px;
Untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jaraknya dari garis tepi. (baca disini untuk lebih jelasnya)
tambahkan overflow:auto; jika ingin menambahkan fungsi scroll
untuk background gambar seperti dibawah ini
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6vd9-vaSEulLwAeCYG1QU_nZlLHH7mGj0cNg-7pzJgJLr48qbIkBkzOaN5yYL0iOni5DLuiu1fcy9GJ7IxQcbYByw523WL9j6gz1UQaoVe-_eWM2N8z2usZd7fMA-Ei0n-YBNGJ45tlk/); width:508px; height:362px; padding:5px;">
DISINI TEXT
DISINI TEXT
</div>
DISINI TEXT
DISINI TEXT
</div>
Text yang tercetak merah diatas adalah url gambarnya. width:508px; adalah lebar area dan height:362px; adalah tinggi area.
Gimana gampang kan?
ini adalah sebagian cara untuk menonjolkan text tertentu, trik-trik berikutnya akan menyusul.
Sekian semoga sedikit membantu Anda dan bermanfaat bagi Anda.