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('http://1.bp.blogspot.com/-gBsb8cnqdF4/TkFAaG27InI/AAAAAAAAASk/ggqBSgftdRw/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;
}
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('http://1.bp.blogspot.com/-gBsb8cnqdF4/TkFAaG27InI/AAAAAAAAASk/ggqBSgftdRw/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;
}
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">Description: Membuat Teks Area Berwarna, Blogger, Tutorial
<!--SIMPAN KODE DAN SCRIPT KAMU DI SINI -->
</div>
Rating: 4.5
Laki-laki baik-baik rajin sholat dan menabung gemar ber-blogging ria di waktu luang yang sempit untuk belajar menulis tentang tutorial, catatan kecil,SEO,Internet 
Ikutan tanya ya? Kalau pengen "merapikan" tampilan blog ya kira-kira spt Blog anda ini bisa kah di share caranya? Ma kasiihh:)
BalasHapus@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
BalasHapus@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
BalasHapus@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
BalasHapusblognya keren euy. . . :)
BalasHapus@Shinobi Blog bro blog ente berat minta ampyun saya ga bisa buka, maap ya lom bisa kunjung balik :)
BalasHapustemplatenya unyu bgt sih.. hehehe
BalasHapusbagus bgt tampilan blognya, artikelnya juga bagus-bagus.. lanjut baca dulu ah.. *ubek2 arsip*
@Saiaenno silahkan ubek2 biar pulang dapet ilmu dan dan bawa oleh2 yang bermanfaat :) btw saya juga unyu2 loh wkwkwwkwk salam kenal yah
BalasHapuslagi ikutan seo ya mas bro..
BalasHapussemoga beruntung mas bro...terus maju
thx mas bro, tp koq di blog sy teks areanya ga muncul ya. why do you love me ;p
BalasHapusIkut ngeramein sob. . .
BalasHapusmba blognya rapih banget. di blog saya tulisannya gede-gede. ngerapihinnya gimana?terus bikin font kayak mba gini gimana ya, mau dong. tolong bantu mba, masih belajar ne ^_^ hehe
BalasHapus@desiesy wkwkwkw saya jadi mba2 yak, jawab jangan yah
BalasHapus