Cara membuat Back ground Warna warni Berdasarkan Label

Kali ini saya akan mencoba berbagi trik bagaimana cara membuat background dengan warna warni,mungkin bagi anda pengen mencoba Background nya menjadi warna warni sesuai tabel,lihat pada contoh gambar di bawah

Coba anda lihat pada gambar di atas,apakah ini sesuai dengan ke inginan anda untuk membuat template blog anda menjadi keren,jika iya silahkan anda ikuti tutorial di bawah ini.

Silahkan anda masuk ke CSS dan cari kode berikut

.dp-thumbnail span{font-size:26px;line-height:90px;font-weight:bold;color:#eee}
.dp-thumbnail.CSS {background:#a9d86e}
.dp-thumbnail.Komentar, .dp-thumbnail.HTML5 {background:#f1c40f}
.dp-thumbnail.Request {background:#ff6c60}
.dp-thumbnail.Opini, .dp-thumbnail.template {background:#ff6c60}
.dp-thumbnail.Tutorial {background:#5f90b4}
.dp-thumbnail.Widget {background:#82a5ce}
.dp-thumbnail.SEO {background:#dfbc42}
.dp-thumbnail.Font {background:#98cdca}
.dp-thumbnail.jQuery, .dp-thumbnail.Javascript{background:#24887B}
.dp-thumbnail.Lain-lain {background:#80aac9}

Jika sudah ketemu silahkan anda ganti dengan css di bawah ini

.warna1 .dp-thumbnail {background:#24887B;}
.warna2 .dp-thumbnail {background:#f1c40f;}
.warna3 .dp-thumbnail {background:#006699;}
.warna4 .dp-thumbnail {background:#333366;}
.warna5 .dp-thumbnail {background:#663300;}
.warna6 .dp-thumbnail {background:#82a5ce;}

Kemudian silahkan anda cari kode </head> dan letakan kode berikut sebelum kode tersebut

<script type='text/javascript'>$(window).ready(function(){$(&#39;.post&#39;)

.each(function(){if($(this).find(&#39;.post-label a:contains(CSS)&#39;).length){$(this).addClass(&#39;warna1&#39;)}

else if($(this).find(&#39;.post-label a:contains(JavaScript)&#39;).length){$(this).addClass(&#39;warna2&#39;)}

else if($(this).find(&#39;.post-label a:contains(Komentar)&#39;).length){$(this).addClass(&#39;warna3&#39;)}

else if($(this).find(&#39;.post-label a:contains(Posting)&#39;).length){$(this).addClass(&#39;warna4&#39;)}

else if($(this).find(&#39;.post-label a:contains(jQuery)&#39;).length){$(this).addClass(&#39;warna5&#39;)}

else if($(this).find(&#39;.post-label a:contains(HTML)&#39;).length){$(this).addClass(&#39;warna6&#39;)}

})});</script>

Kemudan Save template dan lihat hasil nya,selamat mencoba.