Rabu, 01 Juli 2009
Browse Manual »
Wiring »
Tips dan Triks
»
Membuat Highlight Teks pada Posting
Highlight memiliki fungsi yaitu untuk mempertonjolkan kata-kata dalam posting sehingga terlihat jelas. Tentunya dengan menambah highlight pada blog sobat maka akan terlihat lebih manarik. Jika sobat penasaran ingin membuatnya segera, berikut tipsnya buat sobat semua:
1. Pertama Log in ke blogger,
2. Masuk ke Rancangan dan klik Edit HTML
2. Jika sudah carilah kode ]]></b:skin> dan pasang kode di bawah ini sebelum kode ]]></b:skin>
Berikut adalah keterangan kode yang dapat sobat ganti sesuai selera sobat.
- background: #DDE4FF; sobat dapat mengganti warna latar dengan berbagai warna yang sobat sukai.
- border: 1px dotted, disini 1px melambangkan ketebalan garis sedangkan dotted adalah jenis garis yaitu garis titik-titik.
- padding: 5px 5px 5px 5px; Untuk memberi batas garis tepi dengan tulisan sebesar 5 px.
Untuk membuat highlight pada posting sobat, maka sobat perlu menyisipkan kode berwarna hijau seperti dibawah ini.
Membuat Highlight Teks pada Posting
1. Pertama Log in ke blogger,
2. Masuk ke Rancangan dan klik Edit HTML
2. Jika sudah carilah kode ]]></b:skin> dan pasang kode di bawah ini sebelum kode ]]></b:skin>
.alert { background: #DDE4FF;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;}3. Selanjutnya simpanlah template sobat.
Berikut adalah keterangan kode yang dapat sobat ganti sesuai selera sobat.
- background: #DDE4FF; sobat dapat mengganti warna latar dengan berbagai warna yang sobat sukai.
- border: 1px dotted, disini 1px melambangkan ketebalan garis sedangkan dotted adalah jenis garis yaitu garis titik-titik.
- padding: 5px 5px 5px 5px; Untuk memberi batas garis tepi dengan tulisan sebesar 5 px.
Untuk membuat highlight pada posting sobat, maka sobat perlu menyisipkan kode berwarna hijau seperti dibawah ini.
<div class="alert">Demikian langkah-langkah membuat highlight pada posting sobat. Selamat mencoba....
--Tulisan Sobat Disini --
</div>