Hellooo sobat blogger, kali ini saya akan membagi tips sederhana tentang cara pembuatan kotak Highlight pada postingan di blog. bagi para sobat blogger yang belum tau apa itu Kotak Highlight, Kotak Hiaghlight adalah Kotak yang memberikan efek lebih menarik seperti warna dan border untuk lebih memudahkan para pengunjung untuk mengcopy script/tulisan yang penting biar tidak tercampur sama tulisan yang lainnya,yang bisa memperjelas script/tulisan dengan warna warna pilihan anda sendiri.Ok deh kiranya cukup untuk penjelasan nya. sekarang kita langsung ke cara pembuatannya.
- Anda login ke www.blogger.com
- Terus masuk ke Template>Edit Html>Lanjutkan
- Cari kode ]]></b:skin> (Gunakan CTRL+F untuk lebih memudahkan dalam pencarian)
-Masukan Script di bawah ini tepat diatas kode ]]></b:skin>
/* Alert */
.alert {margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
line-height: 1.6em;color: #FFFFFF;
background: #FF7829;
border: 1px solid #CA4B01;
border-style:solid}
.alert {margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
line-height: 1.6em;color: #FFFFFF;
background: #FF7829;
border: 1px solid #CA4B01;
border-style:solid}
-Ganti warna sesuai yang anda kehendaki untuk melihat kode warna htlm nya klik gambar spongebob gan
- Dan untuk memilih border sesuai yang diinginkan agan klik juga si spongebob =)
- Cara mengganti border ganti hurup yang berwarna Hijau di script di atas, misalkan dengan dashed,dotted,atau yang lainnya.
Gambar 1
- dan yang terakhir supaya Kotak Highlight nya muncul pada saat di blog, sobat harus menulis script ini pada saat posting di html nya
<p class="alert">isi kotak highlight</p>
- Ganti tulisan yang berwarna merah dengan script/tulisan yang lainnya untuk di tampilkan di kotak highlight.
(catatan:bila ingin menulis script pada kotak highlight maka script ditulis di compose terlebih dahulu lalu di edit di html)
Gambar 2
Gambar 3
Gambar 4
Beres deh..sekarang agan agan bisa mencoba untuk menerapkan nya di blog agan kalau ada tulisan/script yang ingin ditambahkan ke kotak highlight nya.Semoga bermanfaat :D
0 komentar:
Posting Komentar
Thanks atas kunjungannya