Bagi pembaca yang ingin menambahkan kotak HTML pada postingan blog, berikut ini adalah cara yang sangat mudah. Asalkan langkah demi langkah dalam prosesnya tidak salah insya Allah maka aka berhasil membuat kotak HTML pada postingan blog.
Berikut langkah-langkah nya :
Berikut langkah-langkah nya :
Langkah 1
Login ke blogger lalu pilih Layout-->Edit HTML
Langkah 2
Kemudian copy kode dibawah ini lalu pasang di Script CSS pembaca atau 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;}
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;}
Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, pembaca bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog pembaca.
Langkah 3
Simpan Template. Kalau sudah selesai melakukan langkah di atas maka untuk menambahkan kotak/ highligh pada postingan blog maka kita harus menambahkan kode berikut ini <p class="alert"> sebelum kode/script yg akan diberi highlight. Kemudian ditambahkan kode </p> diiakhir script/Kode.
0 comments:
Post a Comment