Mere Nyaho Cara: Blog

Tools Parse Code HTML Dan Cara Penggunaannya

<a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> - <a href='https://merenyahocara.blogspot.com/2017/12/tools-parse-code-html-dan-cara.html' target='_blank' title='Tools Parse Code HTML Dan Cara Penggunaannya'><b>Tools Parse Code HTML Dan Cara Penggunaannya</b></a> - Hallo selamat pagi dan selamat membaca, setelah beberapa hari lalu membahas dan berbagi mengenai <a href='https://merenyahocara.blogspot.co.id/2017/12/cara-membuat-kolom-komentar-blogger.html' target='_blank' title='Cara Membuat Kolom Komentar Blogger Keren Ala Ms Yadi'><b>Cara Membuat Kolom Komentar Blogger Keren Ala Ms Yadi</b></a>, di kesempatan kali ini, admin blog <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>MNC ( Mere Nyaho Cara )</b></a> akan sedikit mengulas tentang <a href='https://merenyahocara.blogspot.com/2017/12/tools-parse-code-html-dan-cara.html' target='_blank' title='Tools Parse Code HTML Dan Cara Penggunaannya'><b>Tools Parse Code HTML Dan Cara Penggunaannya</b></a>, untuk ulasannya simak terus dibawah ini...<br/><br/>

Parsing atau Encode HTML merupakan <span lang="EN-CA" style="color: #000000; font-family: "abel" , sans-serif; font-size: 13.5pt; line-height: 107%;">ca</span>ra yang cukup penting  bagi para penulis blog ( author / admin / owner ) yang akan membuat artikel mengenai code script html  yang akan ditampilkan dalam postinganya pada saat dipublish... Misalnya ingin membuat postingan yang akan dipublish berisi code script html agar code script htmlnya tampil dihalaman postingan pada saat dipublish...<br/><br/>

Seperti contoh ingin membuat artikel mengenai tutorial cara membuat widget recent post, cara membuat text area, cara mengedit template blog, cara parsing / encode HTML pada code iklan PPC/Adsense  agar iklan dapat diselipkan diantara halaman posting, dan mungkin juga tutorial tentang cara membuat guestbook pada blogspot maupun wordpress dll...<br/><br/>

Kesimpulannya  kode HTML tidak akan keluar di artikel postingan blog kita tanpa kode tambahan... Jadi bila kita tidak hafal kode tambahan tersebut, gunakan saja tools parse code HTML atau program extract Encode / Decode HTML entities yang sudah tersedia... Berikut ini saya akan mencoba menjelaskan kepada sobat netter cara mudah dan cepat mem-parsing / Encode HTML :<br/>

<ol><li><b>Pertama :</b> Sobat buka dulu halaman <kbd><a href='https://merenyahocara.blogspot.com/p/blog-page_24.html' target='_blank' title='Tools Parse Code HTML'><b>Tools Parse Code HTML</b></a></kbd> nya</li>
<li><b>Kedua :</b> Setelah Halamannya terbuka, silahkan sobat masukan kode HTML nya, yang akan di parse, pada kolom yang tersedia</li><li><b>Ketiga :</b> Berikutnya sobat klik <kbd>Parse Code HTML</kbd>
       <ul><b>[ Untuk contohnya seperti gambar dibawah ini ]</b>
            <li><b>Peretama :</b> Masukan Code HTML, Pada Kolom seperti pada gambar dibawah ini :<br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS0c_zTmqV4YeEJwmyEtJ0gOla2cDr8T0ueKJa8n4Nb45b1KB0Yux9OoGkCOCSKZqyRS1rlMauGE2Vpj5-R1GPZh8TELH8sOiT3GpWTJZoJkj1w8RKXlRY2DjemSVIhEz3FLNsjjzysMA/s1600/gambar1-merenyahocara-blogspot-com.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="334" data-original-width="682" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS0c_zTmqV4YeEJwmyEtJ0gOla2cDr8T0ueKJa8n4Nb45b1KB0Yux9OoGkCOCSKZqyRS1rlMauGE2Vpj5-R1GPZh8TELH8sOiT3GpWTJZoJkj1w8RKXlRY2DjemSVIhEz3FLNsjjzysMA/s1600/gambar1-merenyahocara-blogspot-com.png" /></a></div></li>
            <li><b>Kedua :</b> Klik <kbd>Parse Code HTML</kbd> seperti gambar diatas</li>
            <li><b>Ketiga :</b> copas semua kode yang sudah terparse, seperti pada gambar dibawah ini :<br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0XdMqyuoUSiEJj4ffOvMUIv0iQZn5jRepb754bqb1P5d5PX5UhsR8xGDRN6AAtMjpjhLg_pX70lq6q5wXJWqiitBZockbmhxRj_eiQ4yNgpfRAoQ03rQumnMglLVqy2mUidXSpejnJMI/s1600/gambar2-merenyahocara-blogspot-com.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="329" data-original-width="678" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0XdMqyuoUSiEJj4ffOvMUIv0iQZn5jRepb754bqb1P5d5PX5UhsR8xGDRN6AAtMjpjhLg_pX70lq6q5wXJWqiitBZockbmhxRj_eiQ4yNgpfRAoQ03rQumnMglLVqy2mUidXSpejnJMI/s1600/gambar2-merenyahocara-blogspot-com.png" /></a></div></li><li><b>Keempat :</b> Paste kode yang sudah di parse, pada tempat yang sobat inginkan, misal ( di dalam postingan, widget, template, dsb )</li>
            </ul></li></ol><br/>

Nah, <span lang="EN-ID" style="color: #000000; font-family: "abel" , sans-serif; font-size: 13.5pt; line-height: 107%;">I</span>tulah kiranya yang dapat admin blog <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara [ MNC ]</b></a> sampaikan / bagikan pada kesempatan pagi ini, mengenai <a href='https://merenyahocara.blogspot.com/2017/12/tools-parse-code-html-dan-cara.html' target='_blank' title='Tools Parse Code HTML Dan Cara Penggunaannya'><b>Tools Parse Code HTML Dan Cara Penggunaannya</b></a>, semoga bermanfaat, selamat pagi, selamat beraktivitas dan selamat berjumpa kembali di lain waktu dan lain kesempatan....<br/><br/>

Tools Parse Code HTML Dan Cara Penggunaannya

Mere Nyaho Cara - Tools Parse Code HTML Dan Cara Penggunaannya - Hallo selamat pagi dan selamat membaca, setelah beberapa hari lalu membahas dan berbagi mengenai Cara Membuat Kolom Komentar Blogger Ke…

24 Dec 2017

Cara Membuat Kolom Komentar Blogger Keren Ala Mas Yadi

<a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> - <a href='https://merenyahocara.blogspot.com/2017/12/cara-membuat-kolom-komentar-blogger.html' target='_blank' title='Cara Membuat Kolom Komentar Blogger Keren Ala Mas Yadi'><b>Cara Membuat Kolom Komentar Blogger Keren Ala Mas Yadi</b></a> - Hallo selamat siang dan selamat berjumpa kembali sahabat pemba<span lang="EN-CA" style="color: #000000; font-family: "abel" , sans-serif; font-size: 13.5pt; line-height: 107%;">ca</span> blog <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>MNC ( Mere Nyaho Cara )</b></a>, setelah sekian lama gk membuat postingan disini lagi, pada kesempatan siang ini, admin <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>MNC</b></a>  akan sedikit mengulas dan berbagi <a href='https://merenyahocara.blogspot.com/2017/12/cara-membuat-kolom-komentar-blogger.html' target='_blank' title='Cara Membuat Kolom Komentar Blogger Keren Ala Mas Yadi'><b>Cara Membuat Kolom Komentar Blogger Keren Ala Mas Yadi</b></a>, jika sobat berminat dan tertarik, simak terus dibawah ini ya...<br/><br/>

Untuk merubah dan mendesign kotak komentar pada blogger agar nantinya lebih keren itu bukan hal yang sangat sulit... sobat cuman perlu mengetahui sedikit tentang <b>CSS</b> dan <b>HTML</b>... dan kemudian memasangkan <b>CSS</b> dan <b>HTML</b> sebagai pemanggil html tersebut pada halaman editor html blog sobat.. Namun bagi yang masih minim pengetahuanya tentang bahasa coding ini, sulit rasanya membuat kotak komentar blog jadi lebih keren... nah dari pada pusing liat kode banyak... lebih baik lihat dan ikutin contoh komentar blog dibawah ini yang keren pisan lah pokoknya...<br/><br/>

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuRVjnJNpCj_KiQf8ejWjAkRuSfgqSUbkhDcFe-q9101tGW-JAplaWOsLqWkzqp7Lfcc3nbgdX27u-KU2w0gAMTlJ8ne2RKJFDDccJttQ6xArD1LybP_pyeUAARGVt5LMCogWSuSnaSnk/s1600/kolomkomentarversidesktop-dp-bbm23-blogspot-com.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="564" data-original-width="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuRVjnJNpCj_KiQf8ejWjAkRuSfgqSUbkhDcFe-q9101tGW-JAplaWOsLqWkzqp7Lfcc3nbgdX27u-KU2w0gAMTlJ8ne2RKJFDDccJttQ6xArD1LybP_pyeUAARGVt5LMCogWSuSnaSnk/s1600/kolomkomentarversidesktop-dp-bbm23-blogspot-com.png" /></a><br/><sup><a href='https://merenyahocara.blogspot.com/2017/12/cara-membuat-kolom-komentar-blogger.html' target='_blank' title='Cara Membuat Kolom Komentar Blogger Keren Ala Mas Yadi'><b>Kolom Komentar Blogger Keren</b></a> ( Versi Desktop / PC )</sup></div><br/>

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivlyKZSFPn11iXlcaOT7VkOaJdXtjV-bKZrOUcyhCATcDltjZ91qQEA5K_GA7x_QdpB-Y7yWO5uPQp5w9udYijyDIpLx7f8cXEL7eblQjaF2o_EfkDqMu4T1QUvkFgK4JrAux6RhFqCr0/s1600/kolomkomentarversimobile-dp-bbm23-blogspot-com.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="779" data-original-width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivlyKZSFPn11iXlcaOT7VkOaJdXtjV-bKZrOUcyhCATcDltjZ91qQEA5K_GA7x_QdpB-Y7yWO5uPQp5w9udYijyDIpLx7f8cXEL7eblQjaF2o_EfkDqMu4T1QUvkFgK4JrAux6RhFqCr0/s1600/kolomkomentarversimobile-dp-bbm23-blogspot-com.png" /></a><br/><sup><a href='https://merenyahocara.blogspot.com/2017/12/cara-membuat-kolom-komentar-blogger.html' target='_blank' title='Cara Membuat Kolom Komentar Blogger Keren Ala Mas Yadi'><b>Kolom Komentar Blogger Keren</b></a> ( Versi Mobile / HP )</sup></div><br/>

Gimana nih, setelah lihat penampakannya ?? Keren bukan ?? Tak hanya kotak komentar yang keren... akan tetapi comments box ini fast loading dan valid html5 serta css3... sehingga tidak membuat blog sobat lelet ketika di buka dan tentunya membuat pengunjung betah lama - lama di blog sobat... komentar ini di modifikasi menjadi valid oleh master blogger indonesia yaitu <b>" Kang Ismet "</b> yang memberi nama komentar ini dengan <b>komentar hack versi 3</b>... dan langsung saja dibawah ini caranya...<br/><br/>

<h3><b>Cara Merubah Komentar Blog Menjadi lebih Keren</b></h3><br/>

<ol><li>Pertama, pastikan sobat udah masuk di dasbhor sobat sendiri</li>
<li>Masuk pada bagian editor template, caranya pilih Menu <b>Template</b> -> <b>Edit HTML</b>...</li>
<li>Temukan kode dibawah ini :
<pre style="height: 30px; overflow: auto;"><code><b:include data='post' name='threaded_comments'/></code></pre>
</li>
<li>Lalu Ganti kode diatas dengan kode seperti ini 
<pre style="height: 28px; overflow: auto;"><code><b:include data='post' name='comments'/></code></pre>
</li>
<li>Simpan kode ini di atas <code>]]></b:skin></code>
<pre style="height: 210px; overflow: auto;"><code>#comments {}
#comments h3 {margin-bottom:15px;font-size:18px;}
.comment_avatar_wrap{
width:42px;
height:42px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
background:#fcfcfc;
padding:4px;
border-radius: 2px;
text-align:center;
margin-bottom:20px;
}
#comments .avatar-image-container {
float: left;
margin: 0 10px 0 0;
width: 42px;
height: 42px;
max-width:42px;
max-height:42px;
padding: 0;
margin-bottom:10px;
}
#comments .avatar-image-container img {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdz73kxtNkFWRa9aTxn_aXkVWyZSIPAxmPBL_dUmkmJ_Si0tv4SB4VMa8U7A-5d5rXTs_f8d96QfVUHBQYvRZExrr-u22pjNtx-ZxozHhqahrPN53YGn9RgjI1bZ-gTWT8B0p9MWBHw255/s1600/anon.jpg) no-repeat;
}
.comment_name a {
font-weight: bold;
padding: 5px 0 0 0;
font-size: 13px;
text-decoration: none;
}
.comment_admin .comment_name  {
font-weight: bold;
padding: 10px;
font-size: 13px;
text-decoration: none;
background:#eee;
}
.comment_admin .comment_date  {
font-weight: normal;
font-size:11px;
}
.comment_name {
background:#eee;
padding:10px;
font-size:13px;
font-weight:bold;
position:relative;
}
.comment_service{
margin-top:5px
}
.comment_date {
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
margin-top:-3px;
}
.comment_date a{
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
}
.comment_date a:hover{
color: #a9a9a9;
text-decoration:none;
}
.comment_body{
margin-left:66px;
margin-top: -72px;
background:#fcfcfc;
border:1px solid #d1d1d1;
padding:10px;
border-radius: 2px;
}
.comment_body p {
line-height: 1.5em;
margin: 5px 0 0 0;
color: #666;
border:1px solid #eee;
font-size: 13px;
word-wrap:break-word;
background:#fff;
padding:10px;
}
.comment_inner {
padding-bottom: 5px;
margin: 5px 0 5px 0;
}
.comment_child .comment_wrap {padding-left: 7%;}
.comment_reply {
display: inline-block;
margin-top:8px;
margin-left:-5px;
padding: 1px 12px;
color: #fff !important;
text-align: center;
text-decoration: none;
border-radius: 2px;
background: #bababa;
font: 11px/18px sans-serif;
transition: background-color 1s ease-out 0s;
}
.comment_reply:hover {
text-decoration: none !important;;
background: #056b95;
}
.unneeded-paging-control {display: none;}
.comment-form {max-width: 100%;!important;}
#comment-editor {width:103%!important;background:transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%}}
.comment_form a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: Arial, Helvetica, Garuda, sans-serif;
font-size: 15px;
}
.comment_form a:hover {text-decoration: underline;}
.comment-form p {
background: #666;
padding: 10px;
margin: 5px 0 5px 0;
color: #eee;
font-size: 13px;
line-height: 20px;
width:97%;
border-radius:3px;
position:relative;
}
.comment-form p:after{
content:"";
width:0;
height:0;
position:absolute;
bottom:-16px;
left:15px;
border:8px solid transparent;
border-color:#666 transparent transparent;
}
.comment_reply_form {
padding: 0 0 0 70px;
}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo_list{
display:none;
}
.comment_emo_list .item {
float: left;
text-align: center;
margin: 10px 10px 0 0;
height: 40px;
width:41px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important;}
.deleted-comment {
padding: 10px 10px 10px 10px;
display: block;
color: #CCC;
}
.comment_arrow {
display: block;
width: 9px;
height: 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6RtveQCpfMvdqyXVPA6Y3t3feXA4lV1atret6hH0EMDwGYnOrMPfhwHI9NHmLdWuUnQVf9egiO6wamLJ6VNF-Y7eMpb4SaMpYM4fm84O2H85BXLk2t7chomg26cQGHOrhqjZeHVSJ4rs/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -19px;
}
.comment_header{width:50px}
#respond {
overflow: hidden;
padding-left: 10px;
clear: both;
}
.comment_avatar img{width:42px;height:42px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdz73kxtNkFWRa9aTxn_aXkVWyZSIPAxmPBL_dUmkmJ_Si0tv4SB4VMa8U7A-5d5rXTs_f8d96QfVUHBQYvRZExrr-u22pjNtx-ZxozHhqahrPN53YGn9RgjI1bZ-gTWT8B0p9MWBHw255/s1600/anon.jpg) no-repeat}
.comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10px}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {display:inline;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFUBQYo2uQz1yVnzq46Zt7qly9Xdwz2u8WSsXm7WwRF8tqrORCEBeMD-IWU2Yg4YlhbCa1qUIfE7ouwYsWhlCpt23ahaj3dh5v8iYaSWy5vsEtfSZuGNGItEO8e7hBhsUJUDf7wUiHcGk/s1600/author.png)no-repeat;font-size:13px;font-weight:normal;padding:2px 6px;right:-23px;margin-top:-23px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:36px;}
iframe{border:none;overflow:hidden}</code></pre></li>
<li>Kemudian ganti kode :
<pre style="height: 30px; overflow: auto;"><code><b:includable id='comments' var='post'>...</b:includable></code></pre>
dengan yang ini :
<pre style="height: 210px; overflow: auto;"><code><b:includable id='comments' var='post'>
<div class='comments' id='comments'>
 <b:if cond='data:post.allowComments'>
  <b:if cond='data:post.numComments != 0'>
   <h3>
    <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
     <b:else/>
     <data:post.numComments/> <data:commentLabelPlural/>
    </b:if>
   </h3>
  </b:if>
               
  <b:if cond='data:post.commentPagingRequired'>
   <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
    &#160;
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
   </span>
  </b:if>
                       
  <div class='clear'/>
  <div id='comment_block'>
   <b:loop values='data:post.comments' var='comment'>
                                                                             
   <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>                                                                                     
      <b:if cond='data:post.adminClass == data:comment.adminClass'>
       &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
       <b:else/>
                            &lt;div class=&#39;comment_inner&#39;&gt;
      </b:if>
    
    <div class='comment_header'>
     <div class='comment_avatar_wrap'>
     <div class='comment_avatar'>
      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
              </div>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>
     </div>
                         
     <div class='clear'/>
    </div>
         
    <div class='comment_body'>
                                      <span class='comment_arrow'/>
     <div class='comment_name'>
      <b:if cond='data:comment.authorUrl'>
       <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
       <b:else/>
       <data:comment.author/>
      </b:if>
       <b:if cond='data:comment.author == data:post.author'>
         <span class='comment_author_flag'>Admin</span>
       </b:if>   
                  <span class='comment_service'>
      <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh718nyj-K9YRPUbjUaWGrA0ShMbJaaRxMq9kYmudiOiMe0Cwi9Jr_r90Nqeiu_Wy9wVRFyw6BW_UChc5dzA2mDxuIFGRvEOFvuYgg8XjZO-AkDwHXibzDTd4V7WowFcxvCUOsCtG_K6_k/s1600/delete4.png' title='Hapus Komentar'/>
</a>                
      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                  <data:comment.timestamp/>
        </a></span>
  </span></div>
     <b:if cond='data:comment.isDeleted'>
      <span class='deleted-comment'><data:comment.body/></span>
      <b:else/>
      <p><data:comment.body/></p>
                        <div class='clear'/>
                      
     </b:if>
                                                      
    </div>                         
     <div class='clear'/>
     &lt;/div&gt;
     <div class='clear'/>
           
    <div class='comment_child'/>
    <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>              
    </div>
   </b:loop>              
   </div>    
    <div class='clear'/>
    <b:if cond='data:post.commentPagingRequired'>
     <span class='paging-control-container'>
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
       &#160;
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
       &#160;
       <data:post.commentRangeText/>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
     </span>
    </b:if>
    <div class='clear'/>
  <div class='comment_form'>         
         
   <b:if cond='data:post.embedCommentForm'>
    <b:if cond='data:post.allowNewComments'>   
      <div class='comment_emo_list'/>
     <b:include data='post' name='threaded-comment-form'/>
       <b:else/>
       <data:post.noNewCommentsText/>
    </b:if>
    <b:else/>
    <b:if cond='data:post.allowComments'>
     <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
    </b:if>
   </b:if>
  </div>
 </b:if>
</div>                
       <script type='text/javascript'>
       //<![CDATA[
       if (typeof(jQuery) == 'undefined') {
 //output the script (load it from google api)
 document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
       //]]>
       </script>
     
       <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
       <script type='text/javascript'>
      
         <b:if cond='data:post.numComments != 0'>
         var Items = <data:post.commentJso/>;
         var Msgs = <data:post.commentMsgs/>;
         var Config = <data:post.commentConfig/>;
        <b:else/>
         var Items = {};
         var Msgs = {};
         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
        </b:if>
       //<![CDATA[
       //Global setting
        Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment
        Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
        Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
        Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.
                                Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
      
        //Pengaturan Emoticon
        Emo_List = [
        ':)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLv-Gv8yVRo0Qwukm29ZkS109gDTuhnTCIov21GZ7s6O61dNlPOYvrwzWuOzR_meJTqgcz1ZCInSXpOPPL7-g0xLSiUCMUGd-ACoqY0wbAPUbO-Q0MtdxmThCwileHfECWcizQQwA5sdA/s1600/smile1.gif',
        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBKbU2k4pgG5ftf-66ZaH2N0b1HCs0gjveI7_NmG-pqG3jvgqikH9TbrHaRdhE0FKvcwhSHJpwVLumzzrO1I-xxb0KrGp8kRxNhbNfLgMJ-SBetc4RsAI6U1uZ3sx1mGbXFdFIXMIDhX8/s1600/sad.gif',
        '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz8JJGpSY7W_ZouB08ZVHiOz89PrkaEP71h6bRoTj8LYXB0oxse7rvc7yaKw9bUmv0yhZoQTIejFgkyuMVO97KqZPIlif_AqGli4RkCoea0_RBU1DNcw7HllzjFDtQ5lTc8uX6XYImWXg/s1600/sadanimated.gif',
        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisW4-yZ1xGHgFhEA6VwulejsJzx7uZ6MuZTQNHuf4OYV1UW-s7PbHLqSUHqIzTSFrtE5KKPrPZQ4NTCh7xa8C4sWjhwXKmF_vNUyRav4HCWdoIyIjsbe-qu-4Vkqo-RWs9k2zvdiuXF3E/s1600/smile.gif',
        ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1YVcUXg2w6Gskt4HqoK3PQ9eeBJypB76S2wnIO7iJveef-0gUZL8R8LBITE1et_oRDv3eMk1RSw7romT-A4wOO9dVBMCOTrbsZ8Mo4Oa_3VpOGy5i5Aeh_tyl2o4yq5NdISRFNb66J4o/s1600/icon_smile.gif',
        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi-n8Y8ZzOCSLWtUpXt3cFu2lr8UoKT3bOTrtRogecIKu3_4pyzTueCFYdtwULIjzcco8ahtTuMtyD1aebhwlSmRsapOeTQrQu3r6AuGoTqoethB5E0qmqKaxpPdh_GKofTHpW0AiU7YI/s1600/hihi.gif',
        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc_gX12WU3JgJ7RuxbCPb3CwdUvw6T_rBmmAYNsn4O8yDpvx3oVusMH-_njdoyPLURiSJis_-E72pJb6vf7jYYoS3GYnYMz-2iYWn_h3vifzwo6ZioFE-XXzkenADDSBUz5hksHWH_QyI/s1600/applause.gif',
        '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwVW4UTiWOtuCsyfrYDTJARXQlVjYc5PBTPxR1XIZ_fL7nj_DE5l3uVRYeKDfJV4BgMp0nLgcf4bag4swT37szS06K_WUX1bMLHeh1YvRJH8zaDNeDkKjNS45LYmRFM7J-G7WiCGePH_0/s1600/rolleyes.gif',
        ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdUAplB9K65K-yjSGUt52f7DVzwnNCjcXHpv8AO0QWHirC8geMQuBFtPmNPOpIoDMB7SljHGccjIIq0ammsEkFmoHO6XziqP-SOmqzySAMe8dkwxsebuu8S69DT2jK5CxkPoB29vtOUb4/s1600/wink.gif',
        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiByYrbjvPaWQddJxfVFjs6HHqhOHykJtCDDVlEEnbLeSiywgKiT1R5oaY5wagdNydwXb0jvPsUpXCv8yknApxQBj2zDWlfx6Tk6RfuoFmS_aGn1dGl9VHExGWz_1FHDhIFYYDhzV92v54/s1600/thumb.gif',
        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzAsZ9SXZjZ7Y7nFAz3dmu8uXModk2sGE_dBsJP8BmwfpOafQivgM5D1FTqTMZAU3An7IIFjxus5tnhR1T8vcaniVVixX1owE5Hgq1JdIKbVx1Uyx39dpEVCVjyJzjVqsm_CopWheHUzU/s1600/thumbsup.gif',
        ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggo66weHP3uFGqzA8i1EskZ3-vV-ijNaScPfvyl2-dWOz2vlFweEG6EkvpVsiRBlTceV-5jLin_sziqd54BQtR7hFQSWAcVTeEqc1Kdll6CFMeShYWXqECpkFwxR8aqAapRhx6JthDtkw/s1600/wee.gif',     
        ];
      
                             
                                //Config Force tag list, define all in lower case
                                Force_Tag = [
                                    '[pre]','<pre>',
                                    '[/pre]','</pre>',
                                    '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
                                    '</pre>','</code>'
                                ];
    
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))
    //]]>
</script>
</b:includable></code></pre></li>
<li>Terakhir baca bismillah dan berdoa semoga bisa hehehe, kemudian klik <b>Save</b> dan lihat hasilnya</li>
</ol><br/>

<h3><b>Cara Menambahkan Pesan Formulir Komentar</b></h3><br/>

Nah, setelah kolom komentarnya di modif menjadi lebih keren, seperti diatas, sekarang kita tambahkan, isi pesan formulir pada komentarnya, gk di isi juga gk apa - apa sih, cuma jika sobat ingin membuatnya seperti di blog saya ini, ikuti caranya dibawah ini...<br/><br/>

Itulah Formulir komentar yang saya maksud, dan untuk caranya :
<ol><li>Buka dashboard blogger</li>
<li>Klik <b>Setting / Setelan / Pengaturan</b></li>
<li>Klik <b>Postingan, Komentar dan Berbagi</b></li>
<li>Pada bagian <b>Pesan Formulir Komentar</b> silahkan sobat isi, sesuai yang sobat inginkan</li>
<li>Klik <b>Save</b> dan lihat hasilnya</li>
<li>Untuk Lebih jelasnya, lihat gambar dibawah ini</li></ol><br/>

Gimana sangat mudah sekali bukan ?? <span lang="EN-ID" style="color: #000000; font-family: "abel" , sans-serif; font-size: 13.5pt; line-height: 107%;">I</span>tulah kiranya yang dapat admin blog <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>MNC</b></a> bagikan pada siang hari ini, mengenai <a href='https://merenyahocara.blogspot.com/2017/12/cara-membuat-kolom-komentar-blogger.html' target='_blank' title='Cara Membuat Kolom Komentar Blogger Keren Ala Mas Yadi'><b>Cara Membuat Kolom Komentar Blogger Keren Ala Mas Yadi</b></a>, semoga bermanfaat, selamat siang dan sampai jumpa lagi!!! Bye....

Cara Membuat Kolom Komentar Blogger Keren Ala Mas Yadi

Mere Nyaho Cara - Cara Membuat Kolom Komentar Blogger Keren Ala Mas Yadi - Hallo selamat siang dan selamat berjumpa kembali sahabat pembaca blog MNC ( Mere Nyaho Cara ), setelah sekian lama gk membuat…

18 Dec 2017

Kumpulan Kode Warna HTML dan Tips Mudah Cara Penulisan Text Berwarna Pada Blog

<a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> - <a href='https://merenyahocara.blogspot.com/2017/09/kumpulan-kode-warna-html-dan-tips-mudah.html' target='_blank' title='Kumpulan Kode Warna HTML dan Tips Mudah Cara Penulisan Text Berwarna Pada Blog'><b>Kumpulan Kode Warna HTML dan Tips Mudah Cara Penulisan Text Berwarna Pada Blog</b></a> - hallo selamat sore dan selamat berjumpa kembali sahabat blog <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a>, pada kesempatan sore hari ini, admin lagi - lagi mau berbagi seputar blog nih, yaitu tentang bagaimana <span lang="EN-CA" style="color: #000000; font-family: "abel" , sans-serif; font-size: 13.5pt; line-height: 107%;">ca</span>ra penulisan text / teks berwarna dengan kode warna HTML, dan cara yang mau admin sampaikan ini di tujukan untuk sobat semuanya saja yang merasa masih pemula dalam urusan ngeblog...<br/><br/>

Ok lanjut guys... sebenarnya dari sekian tahun lalu dan dari tahun ke tahunnya mungkin banyak dari para blogger sana, yang menulis artikel tentang ini, tapi karena berhubung saya juga masih pemula dan ditambah lagi blog ini dibuat bertujuan untuk berbagi seputar cara / tips / trik / tutorial / blogging dsb... maka tak ada salahnya jaga saya bahas dengan gaya bahasa saya sendiri, dengan harapan dan tujuan dapat sobat fahami dan bermanfaat...<br/><br/>

Owh ya guys.. sebelum saya melanjutkan cara penulisan text / teks berwarna ini, kira - kira sudah pada tau belum nih kode - kode warna nya ?? saya rasa jika kode warna nya belum hafal maka dapat saya jamin cara penulisan teks berwarnanya pun bakalan kesulitan, hehehe... ya bagaimana tidak coba ?? kode warnanya saja tidak hafal... gimana cara menulisnya iya kan ??... nah, maka untuk itu dibawah ini admin <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> akan membagikan sebuah table ( tabel ) warna HTML nya dulu... berikutnya kita lanjut kecara penulisan teks berwarnanya, OK....<br/><br/>

<form>
 <fieldset>
  <legend><i class="fa fa-external-link" aria-hidden="true"></i> Baca Juga :</legend>
  <i class="fa fa-paper-plane" aria-hidden="true"></i> <a href='https://merenyahocara.blogspot.co.id/2017/09/mere-nyaho-cara-membagi-postingan-blog.html' target='_blank' title='Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren'><b>Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren</b> <i class="fa fa-external-link" aria-hidden="true"></i></a><br>
  </fieldset>
</form><br/>

<table align="center" border="0.2" cellpadding="5" cellspacing="0" style="text-align: center; border: 0.2px solid #E1E1E1; height: auto; width: 400px;">
<tbody style="text-align: center; border: 0.2px solid;">
<tr>
<th colspan="3" style="text-align: center; border: 0.2px solid #E1E1E1;">WARNA HITAM DAN ABU-ABU (BLACK AND GRAY)</th>
</tr>
<th width="100px" style="text-align: center; border: 0.2px solid #E1E1E1;">Warna</th>
<th width="180px" style="text-align: center; border: 0.2px solid #E1E1E1;">Nama </th>
<th width="120px" style="text-align: center; border: 0.2px solid #E1E1E1;">Kode</th>
</tr>
<td bgcolor='#000000' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Black</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#000000</td>
</tr>
<td bgcolor='#2F4F4F' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Slate Gray</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#2F4F4F</td>
</tr>
<tr>
<td bgcolor='#708090' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Slate Gray</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#708090</td>
</tr>
<td bgcolor='#778899' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Light Slate Gray</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#778899</td>
</tr>
<td bgcolor='#696969' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dim Gray</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#696969</td>
</tr>
<td bgcolor='#808080' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Gray</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#808080</td>
</tr>
<td bgcolor='#A9A9A9' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Gray</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#A9A9A9</td>
</tr>
<td bgcolor='#C0C0C0' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Silver </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#C0C0C0</td>
</tr>
<td bgcolor='#D3D3D3' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Light Gray</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#D3D3D3</td>
</tr>
<td bgcolor='#DCDCDC' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Gainsboro</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#DCDCDC</td>
</tr>
</tbody>
</table>
<br/>
<table align="center" border="0.2" cellpadding="5" cellspacing="0" style="text-align: center; border: 0.2px solid #E1E1E1; height: auto; width: 400px;">
<tbody style="text-align: center; border: 0.2px solid;">
<tr>
<th colspan="3" style="text-align: center; border: 0.2px solid #E1E1E1;">WARNA MERAH (RED)</th>
</tr>
<th width="100px" style="text-align: center; border: 0.2px solid #E1E1E1;">Warna</th>
<th width="180px" style="text-align: center; border: 0.2px solid #E1E1E1;">Nama </th>
<th width="120px" style="text-align: center; border: 0.2px solid #E1E1E1;">Kode</th>
</tr>
<td bgcolor='#8B0000' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Red </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#8B0000</td>
</tr>
<td bgcolor='#B22222' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Fire Brick</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#B22222</td>
</tr>
<tr>
<td bgcolor='#FF0000' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Red </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FF0000</td>
</tr>
<td bgcolor='#DC143C' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Crimson</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#DC143C</td>
</tr>
<td bgcolor='#FFA07A' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Light Salmon</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFA07A</td>
</tr>
<td bgcolor='#E9967A' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Salmon</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#E9967A</td>
</tr>
<td bgcolor='#FA8072' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Salmon</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FA8072</td>
</tr>
<td bgcolor='#F08080' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Light Coral</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#F08080</td>
</tr>
<td bgcolor='#CD5C5C' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Indian Red</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#CD5C5C</td>
</tr>
</tbody>
</table>
<br/>
<table align="center" border="0.2" cellpadding="5" cellspacing="0" style="text-align: center; border: 0.2px solid #E1E1E1; height: auto; width: 400px;">
<tbody style="text-align: center; border: 0.2px solid;">
<tr>
<th colspan="3" style="text-align: center; border: 0.2px solid #E1E1E1;">WARNA MERAH MUDA(PINK)</th>
</tr>
<th width="100px" style="text-align: center; border: 0.2px solid #E1E1E1;">Warna</th>
<th width="180px" style="text-align: center; border: 0.2px solid #E1E1E1;">Nama </th>
<th width="120px" style="text-align: center; border: 0.2px solid #E1E1E1;">Kode</th>
</tr>
<td bgcolor='#DB7093' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Pale Violet Red </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#DB7093</td>
</tr>
<td bgcolor='#C71585' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Medium Violet Red</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#C71585</td>
</tr>
<tr>
<td bgcolor='#FF1493' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Deep Pink </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FF1493</td>
</tr>
<td bgcolor='#FF69B4' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Hot Pink </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FF69B4</td>
</tr>
<td bgcolor='#FFB6C1' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Light Pink</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFB6C1</td>
</tr>
<td bgcolor='#FFC0CB' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Pink</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFC0CB</td>
</tr>
</tbody>
</table>
<br/>
<table align="center" border="0.2" cellpadding="5" cellspacing="0" style="text-align: center; border: 0.2px solid #E1E1E1; height: auto; width: 400px;">
<tbody style="text-align: center; border: 0.2px solid;">
<tr>
<th colspan="3" style="text-align: center; border: 0.2px solid #E1E1E1;">WARNA ORANGE</th>
</tr>
<th width="100px" style="text-align: center; border: 0.2px solid #E1E1E1;">Warna</th>
<th width="180px" style="text-align: center; border: 0.2px solid #E1E1E1;">Nama </th>
<th width="120px" style="text-align: center; border: 0.2px solid #E1E1E1;">Kode</th>
</tr>
<td bgcolor='#FFA500' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Orange</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFA500</td>
</tr>
<td bgcolor='#FF8C00' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Orange</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FF8C00</td>
</tr>
<tr>
<td bgcolor='#FF4500' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Orange Red</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FF4500</td>
</tr>
<td bgcolor='#FF6347' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Tomato </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FF6347</td>
</tr>
<td bgcolor='#FF7F50' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Coral </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FF7F50</td>
</tr>
</tbody>
</table>
<br/>
<table align="center" border="0.2" cellpadding="5" cellspacing="0" style="text-align: center; border: 0.2px solid #E1E1E1; height: auto; width: 400px;">
<tbody style="text-align: center; border: 0.2px solid;">
<tr>
<th colspan="3" style="text-align: center; border: 0.2px solid #E1E1E1;">WARNA KUNING (YELLOW)</th>
</tr>
<th width="100px" style="text-align: center; border: 0.2px solid #E1E1E1;">Warna</th>
<th width="180px" style="text-align: center; border: 0.2px solid #E1E1E1;">Nama </th>
<th width="120px" style="text-align: center; border: 0.2px solid #E1E1E1;">Kode</th>
</tr>
<td bgcolor='#BDB76B' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Khaki</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#BDB76B</td>
</tr>
<td bgcolor='#F0E68C' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Khaki </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#F0E68C</td>
</tr>
<tr>
<td bgcolor='#EEE8AA' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Pale Goldenrod </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#EEE8AA</td>
</tr>
<td bgcolor='#FFDAB9' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Peach Puff </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFDAB9</td>
</tr>
<td bgcolor='#FFE4B5' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Moccasin  </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFE4B5</td>
</tr>
<td bgcolor='#FFEFD5' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Papaya Whip</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFEFD5</td>
</tr>
<td bgcolor='#FAFAD2' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Light Goldenrod Yellow</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FAFAD2</td>
</tr>
<td bgcolor='#FFFACD' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Lemon Chiffon </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFFACD</td>
</tr>
<td bgcolor='#FFFFE0' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Light Yellow</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFFFE0</td>
</tr>
<td bgcolor='#FFFF00' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Yellow </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFFF00</td>
</tr>
<td bgcolor='#FFD700' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Gold </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFD700</td>
</tr>
</tbody>
</table>
<br/>
<table align="center" border="0.2" cellpadding="5" cellspacing="0" style="text-align: center; border: 0.2px solid #E1E1E1; height: auto; width: 400px;">
<tbody style="text-align: center; border: 0.2px solid;">
<tr>
<th colspan="3" style="text-align: center; border: 0.2px solid #E1E1E1;">WARNA HIJAU (GREEN)</th>
</tr>
<th width="100px" style="text-align: center; border: 0.2px solid #E1E1E1;">Warna</th>
<th width="180px" style="text-align: center; border: 0.2px solid #E1E1E1;">Nama </th>
<th width="120px" style="text-align: center; border: 0.2px solid #E1E1E1;">Kode</th>
</tr>
<td bgcolor='#008080' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Teal </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#008080</td>
</tr>
<td bgcolor='#008B8B' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Cyan</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#008B8B</td>
</tr>
<tr>
<td bgcolor='#20B2AA' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Light Sea Green</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#20B2AA</td>
</tr>
<td bgcolor='#8FBC8F' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Sea Green </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#8FBC8F</td>
</tr>
<td bgcolor='#66CDAA' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Medium Aquamarine</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#66CDAA</td>
</tr>
<td bgcolor='#556B2F' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Olive Green </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#556B2F</td>
</tr>
<td bgcolor='#808000' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Olive</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#808000</td>
</tr>
<td bgcolor='#6B8E23' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Olive Drab</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#6B8E23</td>
</tr>
<td bgcolor='#9ACD32' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Yellow Green</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#9ACD32</td>
</tr>
<td bgcolor='#006400' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Green</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#006400</td>
</tr>
<td bgcolor='#008000' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Green </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#008000</td>
</tr>
<td bgcolor='#228B22' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Forest Green</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#228B22</td>
</tr>
<td bgcolor='#2E8B57' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Sea Green</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#2E8B57</td>
</tr>
<td bgcolor='#3CB371' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Medium Sea Green </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#3CB371</td>
</tr>
<td bgcolor='#00FF7F' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Spring Green</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#00FF7F</td>
</tr>
<td bgcolor='#00FA9A' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Medium Spring Green</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#00FA9A</td>
</tr>
<td bgcolor='#90EE90' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Light Green</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#90EE90</td>
</tr>
<td bgcolor='#98FB98' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Pale Green</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#98FB98</td>
</tr>
<td bgcolor='#32CD32' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Lime Green</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#32CD32</td>
</tr>
<td bgcolor='#00FF00' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Lime </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#00FF00</td>
</tr>
<td bgcolor='#7CFC00' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Lawn Green</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#7CFC00</td>
</tr>
<td bgcolor='#7FFF00' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Chartreuse</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#7FFF00</td>
</tr>
<td bgcolor='#ADFF2F' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Green Yellow</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#ADFF2F</td>
</tr>
</tbody>
</table>
<br/>
<table align="center" border="0.2" cellpadding="5" cellspacing="0" style="text-align: center; border: 0.2px solid #E1E1E1; height: auto; width: 400px;">
<tbody style="text-align: center; border: 0.2px solid;">
<tr>
<th colspan="3" style="text-align: center; border: 0.2px solid #E1E1E1;">WARNA BIRU (BLUE)</th>
</tr>
<th width="100px" style="text-align: center; border: 0.2px solid #E1E1E1;">Warna</th>
<th width="180px" style="text-align: center; border: 0.2px solid #E1E1E1;">Nama </th>
<th width="120px" style="text-align: center; border: 0.2px solid #E1E1E1;">Kode</th>
</tr>
<td bgcolor='#191970' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Midnight Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#191970</td>
</tr>
<td bgcolor='#000080' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Navy</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#000080</td>
</tr>
<tr>
<td bgcolor='#00008B' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#00008B</td>
</tr>
<td bgcolor='#0000CD' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Medium Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#0000CD</td>
</tr>
<td bgcolor='#0000FF' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Blue </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#0000FF</td>
</tr>
<td bgcolor='#4169E1' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">RoyalBlue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#4169E1</td>
</tr>
<td bgcolor='#7B68EE' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Medium Slate Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#7B68EE</td>
</tr>
<td bgcolor='#6495ED' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Cornflower Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#6495ED</td>
</tr>
<td bgcolor='#1E90FF' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dodger Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#1E90FF</td>
</tr>
<td bgcolor='#00BFFF' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Deep Sky Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#00BFFF</td>
</tr>
<td bgcolor='#87CEFA' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Light Sky Blue </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#87CEFA</td>
</tr>
<td bgcolor='#87CEEB' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Sky Blue </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#87CEEB</td>
</tr>
<td bgcolor='#ADD8E6' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Light Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#ADD8E6</td>
</tr>
<td bgcolor='#B0E0E6' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Powder Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#B0E0E6</td>
</tr>
<td bgcolor='#B0C4DE' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Light Steel Blue </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#B0C4DE</td>
</tr>
<td bgcolor='#4682B4' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Steel Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#4682B4</td>
</tr>
<td bgcolor='#5F9EA0' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Cadet Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#5F9EA0</td>
</tr>
<td bgcolor='#00CED1' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Turquoise</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#00CED1</td>
</tr>
<td bgcolor='#48D1CC' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Medium Turquoise</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#48D1CC</td>
</tr>
<td bgcolor='#40E0D0' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Turquoise</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#40E0D0</td>
</tr>
<td bgcolor='#7FFFD4' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Aquamarine</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#7FFFD4</td>
</tr>
<td bgcolor='#AFEEEE' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Pale Turquoise </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#AFEEEE</td>
</tr>
<td bgcolor='#E0FFFF' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Light Cyan</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#E0FFFF</td>
</tr>
<td bgcolor='#00FFFF' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Cyan </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#00FFFF</td>
</tr>
<td bgcolor='#00FFFF' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Aqua </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#00FFFF</td>
</tr>
</tbody>
</table>
<br/>
<table align="center" border="0.2" cellpadding="5" cellspacing="0" style="text-align: center; border: 0.2px solid #E1E1E1; height: auto; width: 400px;">
<tbody style="text-align: center; border: 0.2px solid;">
<tr>
<th colspan="3" style="text-align: center; border: 0.2px solid #E1E1E1;">WARNA UNGU (PURPLE)</th>
</tr>
<th width="100px" style="text-align: center; border: 0.2px solid #E1E1E1;">Warna</th>
<th width="180px" style="text-align: center; border: 0.2px solid #E1E1E1;">Nama </th>
<th width="120px" style="text-align: center; border: 0.2px solid #E1E1E1;">Kode</th>
</tr>
<td bgcolor='#7B68EE' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Medium Slate Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#7B68EE</td>
</tr>
<td bgcolor='#483D8B' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Slate Blue </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#483D8B</td>
</tr>
<tr>
<td bgcolor='#6A5ACD' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Slate Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#6A5ACD</td>
</tr>
<td bgcolor='#4B0082' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Indigo</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#4B0082</td>
</tr>
<td bgcolor='#800080' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Purple </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#800080</td>
</tr>
<td bgcolor='#8B008B' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Magenta</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#8B008B</td>
</tr>
<td bgcolor='#9932CC' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Orchid</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#9932CC</td>
</tr>
<td bgcolor='#9400D3' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Violet</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#9400D3</td>
</tr>
<td bgcolor='#8A2BE2' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Blue Violet</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#8A2BE2</td>
</tr>
<td bgcolor='#9966CC' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Amethyst </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#9966CC</td>
</tr>
<td bgcolor='#9370DB' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Medium Purple </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#9370DB</td>
</tr>
<td bgcolor='#BA55D3' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Medium Orchid </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#BA55D3</td>
</tr>
<td bgcolor='#FF00FF' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Magenta / Fuchsia</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FF00FF</td>
</tr>
<td bgcolor='#DA70D6' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Orchid </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#DA70D6</td>
</tr>
<td bgcolor='#EE82EE' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Violet </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#EE82EE</td>
</tr>
<td bgcolor='#DDA0DD' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Plum</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#DDA0DD</td>
</tr>
<td bgcolor='#D8BFD8' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Thistle </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#D8BFD8</td>
</tr>
<td bgcolor='#E6E6FA' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Lavender </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#E6E6FA</td>
</tr>
</tbody>
</table>
<br/>
<table align="center" border="0.2" cellpadding="5" cellspacing="0" style="text-align: center; border: 0.2px solid #E1E1E1; height: auto; width: 400px;">
<tbody style="text-align: center; border: 0.2px solid;">
<tr>
<th colspan="3" style="text-align: center; border: 0.2px solid #E1E1E1;">WARNA COKLAT (BROWN)</th>
</tr>
<th width="100px" style="text-align: center; border: 0.2px solid #E1E1E1;">Warna</th>
<th width="180px" style="text-align: center; border: 0.2px solid #E1E1E1;">Nama </th>
<th width="120px" style="text-align: center; border: 0.2px solid #E1E1E1;">Kode</th>
</tr>
<td bgcolor='#800000' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Maroon </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#800000</td>
</tr>
<td bgcolor='#A52A2A' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Brown</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#A52A2A</td>
</tr>
<tr>
<td bgcolor='#A0522D' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Sienna</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#A0522D</td>
</tr>
<td bgcolor='#8B4513' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Saddle Brown</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#8B4513</td>
</tr>
<td bgcolor='#D2691E' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Chocolate</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#D2691E</td>
</tr>
<td bgcolor='#CD853F' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Peru</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#CD853F</td>
</tr>
<td bgcolor='#B8860B' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Dark Goldenrod </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#B8860B</td>
</tr>
<td bgcolor='#DAA520' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Goldenrod</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#DAA520</td>
</tr>
<td bgcolor='#F4A460' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Sandy Brown</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#F4A460</td>
</tr>
<td bgcolor='#BC8F8F' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Rosy Brown </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#BC8F8F</td>
</tr>
<td bgcolor='#D2B48C' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Tan  </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#D2B48C</td>
</tr>
<td bgcolor='#DEB887' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Burly Wood </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#DEB887</td>
</tr>
<td bgcolor='#F5DEB3' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Wheat </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#F5DEB3</td>
</tr>
<td bgcolor='#FFDEAD' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Navajo White</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFDEAD</td>
</tr>
<td bgcolor='#FFE4C4' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Bisque </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFE4C4</td>
</tr>
<td bgcolor='#FFEBCD' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Blanched Almond </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFEBCD</td>
</tr>
<td bgcolor='#FFF8DC' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Cornsilk  </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFF8DC</td>
</tr>
</tbody>
</table>
<br/>
<table align="center" border="0.2" cellpadding="5" cellspacing="0" style="text-align: center; border: 0.2px solid #E1E1E1; height: auto; width: 400px;">
<tbody style="text-align: center; border: 0.2px solid;">
<tr>
<th colspan="3" style="text-align: center; border: 0.2px solid #E1E1E1;">WARNA PUTIH (WHITE)</th>
</tr>
<th width="100px" style="text-align: center; border: 0.2px solid #E1E1E1;">Warna</th>
<th width="180px" style="text-align: center; border: 0.2px solid #E1E1E1;">Nama </th>
<th width="120px" style="text-align: center; border: 0.2px solid #E1E1E1;">Kode</th>
</tr>
<td bgcolor='#FFE4E1' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Misty Rose</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFE4E1</td>
</tr>
<td bgcolor='#FFF0F5' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Lavender Blush </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFF0F5</td>
</tr>
<tr>
<td bgcolor='#FAF0E6' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Linen </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FAF0E6</td>
</tr>
<td bgcolor='#FAEBD7' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Antique White </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FAEBD7</td>
</tr>
<td bgcolor='#FFFFF0' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Ivory </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFFFF0</td>
</tr>
<td bgcolor='#FFFAF0' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Floral White</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFFAF0</td>
</tr>
<td bgcolor='#FDF5E6' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Old Lace </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FDF5E6</td>
</tr>
<td bgcolor='#F5F5DC' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Beige</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#F5F5DC</td>
</tr>
<td bgcolor='#FFF5EE' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Seashell </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFF5EE</td>
</tr>
<td bgcolor='#F5F5F5' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">White Smoke </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#F5F5F5</td>
</tr>
<td bgcolor='#F8F8FF' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Ghost White</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#F8F8FF</td>
</tr>
<td bgcolor='#F0F8FF' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Alice Blue</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#F0F8FF</td>
</tr>
<td bgcolor='#F0FFFF' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Azure </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#F0FFFF</td>
</tr>
<td bgcolor='#F5FFFA' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Mint Cream</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#F5FFFA</td>
</tr>
<td bgcolor='#F0FFF0' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Honeydew </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#F0FFF0</td>
</tr>
<td bgcolor='#FFFAFA' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">Snow</td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFFAFA</td>
</tr>
<td bgcolor='#FFFFFF' style="text-align: center; border: 0.2px solid #E1E1E1;"></td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">White </td>
<td style="text-align: center; border: 0.2px solid #E1E1E1;">#FFFFFF</td>
</tr>
</tbody>
</table><br/>

Nah, <span lang="EN-ID" style="color: #000000; font-family: "abel" , sans-serif; font-size: 13.5pt; line-height: 107%;">i</span>tulah tadi guys kumpulan kode - kode warna HTML nya, dan saya rasa cukup jelas bukan ?? ada bagian warna / nama dan kode nya.. dan yang saya maksud kode warna HTML ya itu tadi yang berawalan dari tanda <b>#</b>... ok next, saya rasa sobat semuanya sudah faham dan mengerti.. kita lanjut ketahap penulisan tekt berwarnanya...<br/><br/>

<form>
 <fieldset>
  <legend><i class="fa fa-external-link" aria-hidden="true"></i> Baca Juga :</legend>
  <i class="fa fa-paper-plane" aria-hidden="true"></i> <a href='https://merenyahocara.blogspot.co.id/2017/09/mere-nyaho-cara-tips-trik-menghapus.html' target='_blank' title='Mere Nyaho Cara Tips & Trik Menghapus Atribusi di Blogger Blogspot.com'><b>Mere Nyaho Cara Tips & Trik Menghapus Atribusi di Blogger Blogspot.com</b> <i class="fa fa-external-link" aria-hidden="true"></i></a><br>
  </fieldset>
</form><br/>

Namun, sebelum saya melanjutkan... saya ingatkan dulu jika ingin membuat teks berwarna atau background berwarna dsb ( yang sekiranya ingin diberi warna ) usahakan dalam penulisan nama warna nya berbahasa inggris ya guys... seperti yang saya cantumkan dalam table ( tabel ) di atas... misal Merah <font color="red"><b>( Red )</b></font> kode HTML nya Merah <font color="red"><b>#ff0000</b></font> dst....<br/><br/>

<center><h3>Cara Penulisan Text / Teks Berwarna</h3></center><br/>

1. Penulisan teks berwarna dengan nama warna..<br/><br/>

<font color="<font color="red">red</font>"><font color="red"><b>Ini hasilnya text menjadi merah</b></font></font><br/><br/>

2. Penulisan teks berwarna dengan kode HTML...<br/><br/>

<font color="<font color="red">#ff0000</font>"><font color="red"><b>Ini hasilnya text menjadi merah</b></font></font><br/><br/>

3. Penulisan teks berwarna putih dengan background berwarna merah...<br/><br/>

<span style="color:<span style="color:#fff;background:#000;">#fff</span>;background:<span style="color:#fff;background:#ff0000;">#ff0000</span>;"><span style="color:#fff;background:#ff0000;"><b>Ini Hasilnya Teks putih background merah</b></span></span><br/><br/>

4. Penulisan teks berwarna putih dengan background berwarna merah dengan kode HTML...<br/><br/>

<span style="color:<span style="color:#fff;background:#000;">white</span>;background:<span style="color:#fff;background:#ff0000;">red</span>;"><span style="color:#fff;background:#ff0000;"><b>Ini Hasilnya Teks putih background merah</b></span></span><br/>
</div><br/><br/>

Nah, sekarang gimana nih guys ?? mudah bukan ?? sudah sangat cukup faham dan mudah di mengerti sekali kan ?? begitulah cara pewarnaan pada teks... begitu juga untuk warna - warna lainnya tinggal sobat masukkan saja kode warna sesuai kebutuhan sobat... misal biru / kuning / hijau dst... untuk cara penulisannya sama seperti diatas...<br/><br/>

<form>
 <fieldset>
  <legend><i class="fa fa-external-link" aria-hidden="true"></i> Baca Juga :</legend>
  <i class="fa fa-paper-plane" aria-hidden="true"></i> <a href='https://merenyahocara.blogspot.co.id/2017/09/mere-nyaho-cara-mendaftarmembuat-blog.html' target='_blank' title='Mere Nyaho Cara Mendaftar/Membuat Blog di Blogspot Dengan Mudah, Simple dan Gratis Hanya Beberapa Menit Saja!!!'><b>Mere Nyaho Cara Mendaftar/Membuat Blog di Blogspot Dengan Mudah, Simple dan Gratis Hanya Beberapa Menit Saja!!!</b> <i class="fa fa-external-link" aria-hidden="true"></i></a><br>
  </fieldset>
</form><br/>

Dan saya rasa cukup sampai disini aja dulu ya guys... perjumpaan kita pada kesempatan sore hari ini mengenai <a href='https://merenyahocara.blogspot.com/2017/09/kumpulan-kode-warna-html-dan-tips-mudah.html' target='_blank' title='Kumpulan Kode Warna HTML dan Tips Mudah Cara Penulisan Text Berwarna Pada Blog'><b>Kumpulan Kode Warna HTML dan Tips Mudah Cara Penulisan Text Berwarna Pada Blog</b></a> yang dapat admin blog <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> sampaikan sore hari ini.... selamat sore dan semoga bermanfaat... sampai jumpa !!!

Kumpulan Kode Warna HTML dan Tips Mudah Cara Penulisan Text Berwarna Pada Blog

Mere Nyaho Cara - Kumpulan Kode Warna HTML dan Tips Mudah Cara Penulisan Text Berwarna Pada Blog - hallo selamat sore dan selamat berjumpa kembali sahabat blog Mere Nyaho Cara, pada kesempatan sore ha…

08 Sep 2017

Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren

<a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> - <a href='https://merenyahocara.blogspot.com/2017/09/mere-nyaho-cara-membagi-postingan-blog.html' target='_blank' title='Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren'><b>Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren</b></a> - hallo sahabat blog <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a>, ketemu lagi dengan admin, pada kesempatan siang hari ini admin akan sedikit berbagi lagi seputar blog, yaitu tentang cara membagi postingan dengan menggunakan efek slide, pokoknya dijamin keren habis dah, hehehe, ok deh guys tanpa banyak basa basi lagi, berikut ini cara pembuatannya yang mungkin sobat tertarik ingin membuatnya ?? simak terus ulasannya dan jangan sampai ada yang salah ya cara pemasangan kodenya, karena jika salah maka cara ini tidak akan berfungsi sebagaimana mestinya, hehe.....<br/><br/>

<a href='https://merenyahocara.blogspot.com/2017/09/mere-nyaho-cara-membagi-postingan-blog.html' target='_blank' title='Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren'><b>Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren</b></a> - ok langsung saja guys di sini sobat hanya perlu menambahkan kode HTML di editor postingan yang nantinya akan muncul di blog sobat...<br /><br />

Tutorial ini sangat cocok bagi sobat yang memiliki tulisan artikel yang cukup panjang di blognya, sehingga akan menghemat ruang di halaman posting... Oke, langsung saja silakan ikuti langkah-langkah berikut ini...<br /><br />

<form>
 <fieldset>
  <legend><i class="fa fa-external-link" aria-hidden="true"></i> Baca Juga :</legend>
  <i class="fa fa-paper-plane" aria-hidden="true"></i> <a href='https://merenyahocara.blogspot.co.id/2017/09/mere-nyaho-cara-membagi-postingan-di.html' target='_blank' title='Mere Nyaho Cara Membagi Postingan Di Blogspot Menjadi Beberapa Halaman ( Beberapa Bagian ) Dengan Muah dan Simple'><b>Mere Nyaho Cara Membagi Postingan Di Blogspot Menjadi Beberapa Halaman ( Beberapa Bagian ) Dengan Muah dan Simple</b> <i class="fa fa-external-link" aria-hidden="true"></i></a><br>
  </fieldset>
</form><br/>

<h3><b>Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren</b></h3><br />

<b>1. Login ke blogger > Buka Template > Salin kode di bawah ini sebelum <kbd>]]></b:skin></kbd> atau <kbd></style></kbd></b><br /><br />

<pre><code>/* Multiple Page Slide */
a.movepg.nexter,a.movepg.prever{color:#fff}
.separator{overflow:hidden;max-height:240px;margin:0 0 20px}.separator img{background:#eee;max-width:100%;vertical-align:middle;background-position:middle;border:0;height:auto;width:100%}.next-wrap img,.next-wrap video,.next-wrap object{max-width:100% }.next-wrap{position:relative;padding:0 0 0 40px;line-height:normal;}.instruction{display:block;height:100%;width:100%;overflow:hidden}.slidecontentWrap{width:1000%}.slidecontent{float:left;width:10%;line-height:161%;overflow:hidden}.movepg{display:none;position:absolute;bottom:20px;background:#e74c3c;color:#fff;font-weight:700;text-transform:uppercase;padding:6px 12px;cursor:pointer;font-size:80%;outline:none;border-radius:3px;transition:background .6s}.movepg:hover{background:#c0392b}.movepg.prever{left:20px}.movepg.nexter{right:20px}</code></pre><br />

<b>2. Kemudian salin kode di bawah ini sebelum <kbd></body></kbd></b><br /><br />

<pre><code><script type='text/javascript'>
//<![CDATA[
function updateBtnState(){0==index?$(".prever").hide():$(".prever").show(),index==maxIndex?$(".nexter").hide():$(".nexter").show()}var index=0,<mark>maxIndex=4</mark>;$(".nexter").on("click",function(e){if(index++,index>maxIndex)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),$(".prever").on("click",function(e){if(index--,0>index)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),updateBtnState();
//]]>
</script></code></pre><br />

<div style="background:#fff;color:#000;border-left:8px solid #000;padding:8px;margin:5px;text-align:justify;box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);">Untuk menambahkan halaman, ganti <b>maxIndex=4</b> dengan angka tertentu.</div><br />

<b>3. Simpan template...</b><br />
<b>4. Langkah berikutnya, buat postingan baru kemudian salin kode di bawah ini di tab HTML</b><br /><br />

<form>
 <fieldset>
  <legend><i class="fa fa-external-link" aria-hidden="true"></i> Baca Juga :</legend>
  <i class="fa fa-paper-plane" aria-hidden="true"></i> <a href='https://merenyahocara.blogspot.co.id/2017/09/mere-nyaho-cara-mendaftarmembuat-blog.html' target='_blank' title='Mere Nyaho Cara Mendaftar/Membuat Blog di Blogspot Dengan Mudah, Simple dan Gratis Hanya Beberapa Menit Saja!!!'><b>Mere Nyaho Cara Mendaftar/Membuat Blog di Blogspot Dengan Mudah, Simple dan Gratis Hanya Beberapa Menit Saja!!!</b> <i class="fa fa-external-link" aria-hidden="true"></i></a><br>
  </fieldset>
</form><br/>

<b>5. Publish artikel dan lihat hasilnya...</b><br /><br/>

Nah, itulah tadi guys yang dapat admin blog <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> sampaikan / bagikan pada kesempatan siang hari ini, mengenai tutorial tentang <a href='https://merenyahocara.blogspot.com/2017/09/mere-nyaho-cara-membagi-postingan-blog.html' target='_blank' title='Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren'><b>Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren</b></a>, semoga bermanfaat ya guys....<br/><br/>

6. Untuk hasilnya dari tutorial <a href='https://merenyahocara.blogspot.com/2017/09/mere-nyaho-cara-membagi-postingan-blog.html' target='_blank' title='Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren'><b>Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren</b></a> ini, silahkan sobat lihat dibawah ini, dan klik <button>Next</button> or <button>Prev</button> untuk mengetahui hasilnya.....<br/><br/>

<form>
 <fieldset>
  <legend><i class="fa fa-external-link" aria-hidden="true"></i> Baca Juga :</legend>
  <i class="fa fa-paper-plane" aria-hidden="true"></i> <a href='https://merenyahocara.blogspot.co.id/2017/09/mere-nyaho-cara-tips-trik-menghapus.html' target='_blank' title='Mere Nyaho Cara Tips & Trik Menghapus Atribusi di Blogger Blogspot.com'><b>Mere Nyaho Cara Tips & Trik Menghapus Atribusi di Blogger Blogspot.com</b> <i class="fa fa-external-link" aria-hidden="true"></i></a><br>
  </fieldset>
</form><br/>

<div class="next-wrap">
  <div id="photocons" class="instruction">
    <div class="slidecontentWrap">
      <div class="slidecontent">
<img alt="Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren" height="344" src="https://2.bp.blogspot.com/-N3CirvQO6XU/VxqQKf-UimI/AAAAAAAAD5Q/iO5y3uDqlggvvrVFDER_NGq8qHKuHsfSACLcB/s1600/Pengunjung%2BBlog.png" style="border: none;" title="Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren" width="640" />
<br/><br/>
Ini adalah hasil akhir dari pembahasan kita pada kesempatan siang hari ini, mengenai tutorial <a href='https://merenyahocara.blogspot.com/2017/09/mere-nyaho-cara-membagi-postingan-blog.html' target='_blank' title='Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren'><b>Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren</b></a>...<br /><br/>
Semoga dengan adanya postingan ini, dapat bermanfaat bagi sobat semuanya dan jika dirasa postingan ini bagus / bermanfaat / berguna, jangn sungkan untuk dibagikan ketemen yang lainnya ya guys, dan jangn lupa untuk berkunjung kembali ke blog <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a>, Thank....
</div>

<div class="slidecontent">
<img alt="Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren" height="344" src="https://4.bp.blogspot.com/-gW-pfVJ5LaU/Vxp_QPpn9FI/AAAAAAAACyM/QAja7YNx380CNYRUEdJgRvJCbPnOI4XXgCLcB/s1600/Cara%2BMenghapus%2BAtribusi%2Bdi%2BBlogger.jpg" style="border: none;" title="Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren" width="640" />
<br/><br/>
<a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> - <a href='https://merenyahocara.blogspot.com/2017/09/mere-nyaho-cara-tips-trik-menghapus.html' target='_blank' title='Mere Nyaho Cara Tips & Trik Menghapus Atribusi di Blogger Blogspot.com'><b>Mere Nyaho Cara Tips & Trik Menghapus Atribusi di Blogger Blogspot.com</b></a> - hallo selamat pagi menjelang siang sahabat blog <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a><br/><br/>

Pada kesempatan kali ini, admin akan membahas lagi seputar blog nih, yang dimana <span lang="EN-CA" style="color: #000000; font-family: "abel" , sans-serif; font-size: 13.5pt; line-height: 107%;">ca</span>ra ini memang sudah tidak asing lagi, sering terdengar dan sering dibahas oleh blogger - blogger sana...
</div>

<div class="slidecontent">
<img alt="Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGgKGR56duHBqWK8Gcd6JkxCGLOicjvjQJbisDY0yT6MrfYUzQT1sJMpmzGlMSPk5iWZ36o-daACQxunSksLDFas6gLMrn_zJqXg2rjX8ZfeEBfI3qE2k-BmkUMcz6ZDVXhtmnvcp7OyM/s1600/images%25281%2529.jpg" style="border: none;" title="Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren" width="640"/>
<br/><br/>
<a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> - <a href='https://merenyahocara.blogspot.com/2017/09/mere-nyaho-cara-membagi-postingan-di.html' target='_blank' title='Mere Nyaho Cara Membagi Postingan Di Blogspot Menjadi Beberapa Halaman ( Beberapa Bagian ) Dengan Mudah dan Simple'><b>Mere Nyaho Cara Membagi Postingan Di Blogspot Menjadi Beberapa Halaman ( Beberapa Bagian ) Dengan Mudah dan Simple</b></a> - hallo selamat sore dan selamat berjumpa kembali sahabat blog <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a><br/><br/>

Pada kesempatan sore hari ini admin, akan sedikit mengulas dan berbagi seputar blog nih, yang mungkin dari sekian artikel yang membahas soal blog...
</div>

<div class="slidecontent">
<img alt="Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSgUUlA2xJCpBdPSaebgc8vzQWN64rQbNqCFWY8GpumvFpm_dDFoBw-b95cLRN62n_gKQD4IpLeuK0EXJ0pTo73T95He_NVlzKK8IIN6xDb0AIxZqy1jnu8sZEi3y1Ns56CzTTO9E4bL8/s1600/images%25284%2529.jpg" style="border: none;" title="Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren" width="640" />
<br/><br/>
<a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> - <a href='https://merenyahocara.blogspot.com/2017/09/sejarah-berdirinya-bloggercom-dan-mitos.html' target='_blank' title='Sejarah Berdirinya Blogger.com dan Mitos Seputar Blogging'><b>Sejarah Berdirinya Blogger.com dan Mitos Seputar Blogging</b></a> - hallo selamat siang dan selamat berjumpa kembali sahabat blog <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> dimanapun anda berada, pada kesempatan siang hari ini, admin akan sedi...
</div>

<div class="slidecontent">
<img alt="Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Y8xYAAZs5BUY7CQKjkq9fFcuYme8bUD1shKUi5h5WPu3EmZ1oPV44LKltPxwRZEhLewkoDiAp9TxKxsrH0ID1kzvMST_o_o89GAAQ0O15zT8dmEcTNo5eboOyZHh0CQl9KOYcV5UdIg/s1600/Mere+Nyaho+Cara.jpg" style="border: none;" title="Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren" width="640" />
<br/><br/>
<a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> - <a href='https://merenyahocara.blogspot.com/2017/09/mere-nyaho-cara-mendaftarmembuat-blog.html' target='_blank' title='Mere Nyaho Cara Mendaftar/Membuat Blog di Blogspot Dengan Mudah, Simple dan Gratis Hanya Beberapa Menit Saja!!!'><b>Mere Nyaho Cara Mendaftar/Membuat Blog di Blogspot Dengan Mudah, Simple dan Gratis Hanya Beberapa Menit Saja!!!</b></a> - Hallo sahabat blog <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> dimanapun kalian berada<br/><br/>

Pada kesempatan siang hari ini admin blog  <a href='https://merenyahocara.blogspot.com/' target='_blank' title='Mere Nyaho Cara'><b>Mere Nyaho Cara</b></a> akan sedikit berbagi dan mengulas bagaimana caranya mendaftar atau membuat blog gratisan di <a href="/" title="www.blogger.com"><b>Blogspot.com ( Blogger.com )</b></a> dengan mudah, simple dan gratis cuma beberapa menit sa...
</div>
</div>
</div>
<a class="movepg prever">prev</a><br />
<a class="movepg nexter">next</a></div><br />

Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren

Mere Nyaho Cara - Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren - hallo sahabat blog Mere Nyaho Cara, ketemu lagi dengan admin, pada kesempatan siang hari ini admin akan s…

08 Sep 2017

Load more posts

Mere Nyaho Cara

Tools Parse Code HTML Dan Cara Penggunaannya

Cara Membuat Kolom Komentar Blogger Keren Ala Mas Yadi

Kumpulan Kode Warna HTML dan Tips Mudah Cara Penulisan Text Berwarna Pada Blog

Mere Nyaho Cara Membagi Postingan Blog Di Blogspot Dengan Efek Slide Keren

Popular

Tags

About MNC