TEKS AREA BERWARNA

Membuat sebuah teks area untuk sebuah kode atau script bukan lagi menjadi sebuah hal yang sulit dilakukan karena sudah banyak blog yang membagikan cara membuatnya tapi tidak ada salahnya jika saya sharing ulang dengan gaya saya sendiri, setelah baca-baca dibeberapa blog yang mengupas tentang tutorial teks area masih banyak blogger yang menanyakan cara agar teks areanya berwarna oleh karena itu saya akan melengkapi tutorial tersebut silahkan dicek ke TKP

<.teksarea { margin : 15px 15px 15px 35px; padding : 10px; clear : both; font-size:normal; list-style-type : none; font-family : "Courier New", "MS Sans Serif", sans-serif, serif; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlhX4BhjDcs9JmHBXac0X7qd7tRJF2Dm9kvsDOFgCrGHWaXWFZlej0Ekp_YDHpjcPbVf1BcA3JO4P91YUz_dem3g2ugXS2SVktn2DsM0PY726slbOUYKxNVkpp8vB5RfS9wZtQ9zchQ_Vo/s1600/kode.gif') no-repeat scroll bottom right #EFFBF5; border-top : 1px solid #eeeeee; border-right : 2px solid #cccccc; border-bottom : 2px solid #cccccc; border-left : 1px solid #eeeeee; } .teksarea li { font-size : 13px; line-height : 24px; color : #333333; font-weight : normal; margin : 0; padding : 0; }>

Nah kurang lebih teks area berwarnanya akan berbentuk seperti diatas, sekarang kamu buka deh dashboard dan pilih rancangan/design dan klik Edit HTML, cari kode ]]</b:skin> lalu simpan kode yang berada di teks area atas tadi tepat diatas kode  ]]</b:skin>

Setiap sobat ingin membuat postingan yang ber teks area di blog yang harus sobat lakukan adalah menambahkan kode ini ( ingat masukan kodenya dalam mode edit html )

<div class="teksarea">
<SIMPAN KODE DAN SCRIPT KAMU DI SINI>
</div>