Membuat 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 dan masih banyak blogger yang menanyakan cara membuat 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/AVvXsEj7ABI7m3SpgDPlain4GCO9cJKxv5cGW1Jxsgw9YKrcDd5Gl6-hT4kT4MgXzqw0zEsAJMCdIlmXGxJY2JGkKlNTsp_dUpBDe8YSdrKmI_yrU1pkQbHdiOnGw-NjsXPQydVUdgOd5PtBc2w/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 kamu akan membuat postingan yang ber teks area di blog yang harus kamu lakukan adalah menambahkan kode ini ( ingat masukan kodenya dalam mode edit html )

<div class="teksarea">



</div>

Description: Membuat Teks Area Berwarna, Blogger, Tutorial
Rating: 4.5

13 comments

Ririe Khayan

15:46

Ikutan tanya ya? Kalau pengen "merapikan" tampilan blog ya kira-kira spt Blog anda ini bisa kah di share caranya? Ma kasiihh:)

Yudy Ananda

Author

19:12

@Ririe Khayan kalau masalah rapi merapikan sebetulnya bukan hal yang sulit mba ririe, hal yang pertama mungkin bisa dilakukan adalah memilah elemen apa saja yang dibutuhkan dan membuang yang tidak diperlukan, selanjutnya adalah dengan menata tampilan dan untuk poin ini relatif tergantung pemilik blog, coba saja dengan membuat sketsa bayangan posisi elemen di blog mba sendiri :) Insya Allah kalo ada kesempatan nanti saya bantu

22:07

@ananda: Nah itu dia bukan hal yg sulit ya? Seharusnya demikian, tp kok lom bisa neh bikin rapi tampilan blog, msh asal tempel dan posting duang, Hiks:(. Btw, ma kasih sebelumnya yaa (kalau punya kesempatan) berkenan bantuin....nah lhoh jd: ngarep MODE ON

03:17

@Ririe Khayan xixixixi ya coba mba pilih2 dahulu widget yang perlu disimpan dan yang kurang perlu dibuang, selanjutnya membenahi tata letak tapi sebelumnya mba harus tahu dulu elemen2 halaman dari mulai header, sidebar sampai footer nanti kalau sudah mengenal hal tersebut tinggal bayangin mau apa bentuknya blog mba. nanti saya bantuin. met sahur yah salam kenal juga

Error Shinobi