Cara Membuat Thumbnail Post Berwarna

Cara Membuat Thumbnail Post Berwarna Ala Blog Kang Ismet Berdasarkan Label - Setelah otak atik koding yang diberikan oleh postingannya bang taufik akhirnya saya bisa juga nih nerapin thumbnail post sesuai label dan warnanya pun bisa di ganti-ganti sesuai keingitan kita loh. nah sekarang saya mau share ke agan-agan sekalian untuk menciptakan warna berbeda di setiap thumbnail post, oke simak yah. 

Caranya 

1. Carilah tag pembungkus dari area postingan anda, contoh seperti gambar dibawah ini.
   biasanya <div class='thumbnail-post'> adalah pembungkus area berwarna warni itu
2. Ubahlah tag pembungkus tersebut menjadi seperti ini
   

   &lt;div class=&#39;thumbnail-post <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast == &quot;true&quot;'><data:label.name/></b:if></b:loop></b:if>&#39;&gt;

3. Scroll kebawah dan jangan lupa kode </div> yang berwarna merah atau error yang warnanya jadi merah dirubah dengan kode &lt;/div&gt;
4. Sekarang kita tambahkan kode css nya seperti ini
   

    .thumbnail-post.nama_label {
   border: 1px solid red;
   }

contohnya seperti ini

.thumbnail-post.CSS {
    border: 1px solid red;
    }

Demikianlah tutorial ini mohon maaf jika tidak jelas jika kurang puas mohon edit sendiri :D

Author : Unknown

Share this

Related Posts