How to create post background colorful

Hallo sob, now i we discuss about how to create pos colorful in your blogger, sorry kalo bahasa inggris saya berantakan ya sob, hahaha. saya mau coba keterampilan bahasa inggris sedikit nih . ahaha .,
oke next, in this discuss we'll meet css,html,javascript. oke agak sedikit bagus ya bahasa inggris gua tapi masih berantakan gua lihat, bagi lu yang kurang faham bahasa inggris langsung aja deh next ke tutorial jangan ngebaca tulisan ini selanjutnya karna bakal bikin pusing tujuh keliling..
How does it's work bro??
I've seen blog, that has post blog very interesting and colerful, you can see the picture below :

this is so awesome, made me to look css code in her blog, .oke next to tutorial .,
step-1, login to your blogger open template > edit html, oke next pake bahasa indonesia aja pusing palak berbie jadinya
step-2, cari css yang mirip-mirip seperti dabawah ini :

.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}

ganti dengan CSS dibawah 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;}

lalu step-3, tambahakan javascript dibawah ini dibawah ini diatas </head>

<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>

Lalu sedikit tambahan, jangan lupa untuk mengganti tag/post label yang ada dikoding diatas dengan tag post yang ada di blog kamu. jadi artinya jika ditemukan tag/post label yang kamu buat di javascript diatas contoh (komentar) add classnya warna 2 maka setiap post yang tag-labelnya komentar akan memiliki background warna 2 begitu seterusnya.
oke terima kasih cukup segini artikil yang bisa saya buat capek men, mau bokep dulu, bobok cakep .haha.  bye, jangan lupa mandi,gosok gigi,makan yang banyak tidur yang nyenyak karna kita harus menjaga kesehatan kita dengan baik broo ., ! bye selamat malam

SHARE THIS