Memberi Highlight Pada Postingan Artikel

Highlight fungsinya hanya untuk memperjelas kata-kata yang ingin ditonjolkan oleh penulis. Trik ini tentunya akan mempercantik blog kamu.
Untuk membuatnya ikuti langkah-langkah berikut:

1. Login ke Blogger
2. Pilih menu "Layout-->Edit HTML"
3. Cari kode ]]></b:skin>
4. Kemudian copy kode dibawah ini lalu pasang 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;}





5. Kalau sudah, kemudian Simpan Template

Keterangan:

background: #DDE4FF;
adalah warna background-nya bisa kamu ganti sesukanya. Untuk melihat kode warna HTML klik disini.

border:1px dotted
adalah garis tepinya "1px" yaitu ketebalan dari garis tepinya, bisa diganti ketebalannya dengan yang lain sesuaikan dengan template anda, sedangkan "dotted" adalah jenis border pada kotak highlight script. Untuk melihat jenis-jenis border klik disini

#223344 adalah kode warna border.

padding:5px 5px 5px 5px;
Untuk memberi batas garis tepi dengan tulisan sebesar 5 px



Cara Posting

Pada saat ingin membuat postingan baru, pilih yang "Edit HTML" bukan yang "Tulis".
Supaya kode/scriptnya bisa ada tepat di kotak Highlight,untuk memposting sebuah postingan harus pakai cara-cara tertentu. Yaitu dengan menambahkan kode <p class="alert"> sebelum kode/script yang akan diberi highlight. Kemudian ditambahkan kode </p> diakhir script/Kode.

<p class="alert">


"Postingan Yang Mau di Highlight"


</p>

Selamat Mencoba

Related Posts