Cara membuat text area keren highlight

0
 Hallo, selamat sore shabat blogging semua.. Ketemu lagi nh kali ini saya akan coba share artikel Cara membuat text area keren highlight,,,,  sebenarnya artikel ini sudah sangat lama ingin saya bagikan namun yahhhh masih menunggu waktu yang tepat.. heee, nah sekarang adalah waktu yang tepat karna artikel ini sudah cukup lengkap untuk mempermudah dalam penerapan ke blog anda masing-masing!!!!
Cara membuat text area keren highlight

 Oky mari kita langsung menuju ke TKP di bawah ini!!!!!!!!!!!!

Cara membuat text area keren highlight


Oky Pertama silahkan anda masuk ke Dasboard blogger anda!!
Lalu buat Enteri/Halaman baru pada blog anda
Cara membuat text area keren highlight
Dari mode Compose alihkan ke HTML
Dari HTML Compas code berikut:
<style>
#border-text {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -o-border-radius:10px;
   background-color: green;
   border-left: 4px solid red;
   border-radius: 10px;
   border-right: 4px solid red;
   overflow: auto;}
.text {
   background-image:-webkit-linear-gradient(top, #111 50%, #666 100%);
   background-image:-moz-linear-gradient(top, #111 50%, #666 100%);
   background-image:-ms-linear-gradient(top, #111 50%, #666 100%);
   background-image:-o-linear-gradient(top, #111 50%, #666 100%);
   background-image:linear-gradient(top, #111 50%, #666 100%);
   color:#ccc;
   font:normal 12px/15px Courier,Monospace;
   margin:0 20px 0 20px;
   overflow: auto;
   padding: 10px;
   border-left:2px solid #ccc;
   border-right:2px solid #ccc;
   text-align: left;}
.list-1 {
   background:#111;
   color:#fff;
   padding:10px;
   border-left:5px solid red;
   text-align:left;
   font:normal 12px/16px Courier,Monospace;}
.list-2 {
   background:#111;
   color:#fff;
   padding:10px;
   border-left:5px solid #39f;
   text-align:left;
   font:normal 12px/16px Courier,Monospace;}
.list-3 {
   background:#111;
   color:#fff;
   padding:10px;
   border-left:5px solid orange;
   text-align:left;
   font:normal 12px/16px Courier,Monospace;}
.list-4 {
   background:#111;
   color:#fff;
   padding:10px;
   border-left:5px solid magenta;
   text-align:left;
   font:normal 12px/16px Courier,Monospace;}
</style><br />
<div id="border-text">
<div class="text">
<span style="color: #93c47d;">&lt;Script&gt;</span><br />
&nbsp;http://bulshitman.blogspot.com<br />
<span style="color: #93c47d;">&lt;/Script&gt;</span><br />
<br />
<span style="color: #93c47d;">&lt;Script</span> <span style="color: #3d85c6;">type</span>=<span style="color: #e69138;">"text/javascript"</span><span style="color: #93c47d;">&gt;</span><br />
&nbsp; http://bulshitman.blogspot.com<br />
<span style="color: #93c47d;">&lt;/Script&gt;</span><br />
<br />
<span style="color: #93c47d;">&lt;Script</span> <span style="color: #3d85c6;">type</span>=<span style="color: #e69138;">"text/javascript"</span> <span style="color: #3d85c6;">language</span>=<span style="color: #e69138;">"javascript"</span><span style="color: #93c47d;">&gt;</span><br />
http://bulshitman.blogspot.com<br />
<span style="color: #93c47d;">&lt;/Script&gt;</span><br />
<br />
<span style="color: #93c47d;">&lt;Script</span> <span style="color: #3d85c6;">language</span>=<span style="color: #e69138;">"javascript"</span><span style="color: #93c47d;">&gt;</span><br />
&nbsp; http://bulshitman.blogspot.com<br />
<span style="color: #93c47d;">&lt;Script&gt;</span><br />
<br />
<span style="color: #93c47d;">&lt;Script</span> <span style="color: #3d85c6;">type</span>=<span style="color: #e69138;">"text/javascript"</span><span style="color: #93c47d;">&gt;</span><br />
&nbsp; <span style="color: #e69138;">//&lt;![CDATA[</span><br />
&nbsp;&nbsp; http://bulshitman.blogspot.com<br />
&nbsp; <span style="color: #e69138;">//]]&gt;</span><br />
<span style="color: #93c47d;">&lt;/Script&gt;</span></div>
</div>
<br />
<br />
Jika sudah selesai, silahkan anda Pertinjau Postingan/Halaman yang sudah anda buat tadi
Lalu jika hasil Pertinjauan anda sudah sesuai dengan keinginan anda silahkan pilih menu:

Cara membuat text area keren highlight

Publikasikan==>Untuk mempubikasikan hasil Postingan/Halaman anda 
Simpan==>Untuk menyimpan Postingan/Halaman ke daftar Draf namun tidak mempublikasikan Postingan/Halaman yang telah di simpan

 Oky samapai di sini dulu yaaa,,, untuk artikel lain silahkan ke Homepage URL  

Fitur Lagu