Cara memberi background post by label `

di kesempatan kali ini mastony akan membahas bagaimana cara memberi background post by label ( memberi warna latar belakang postingan berdasarkan kategori),Sebetulnya mastony kemaren sudah membahas cara membuat background pada postingan manual,namun kali ini agak sedikit berbeda,yaitu background post otomatis berdasarkan label .seperti milik label mastony pada label Bloging,saya kira sobat sudah tau,gimana ..sobat tertarik untuk mencoba?,,,ikuti langkah - langkah sederhana berikut ini :
1.login ke blogger
2.Pilih Template >> Edit Html >> Cari cepat ( CTRL+F ) cari kode <div class='post-header'>
3.Jika sudah copy dan paste kode berikut sesudah/dibawah kode <div class='post-header'> 

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Bloging&quot;'>
<style type='text/css'>
.post-body{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxPjIDV2ok-PJ1QfTJ2QPmworr_Jbut0_EFCgw0XeVT9YbxyHrVXCl3Hqve0SPB2oHKaKjSmQ8T-A4HfPAW7JeCqEtt_fKnLNjYq80CqUxPLHnkoGY6XGXhHTLrwIwzfVdH-_9GK6PDKU/s1600/bloger+kotak.jpeg) no-repeat top right;}
</style>
</b:if>
</b:loop>

4.Preview dulu jika tidak ada kesalahan baru simpan template sobat.

NOTE :
ganti nama label Bloging yang sesuai dengan nama label sobat.
ganti juga lokasi gambar yang sesuai dengan gambar sobat inginkan pada url berikut :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxPjIDV2ok-PJ1QfTJ2QPmworr_Jbut0_EFCgw0XeVT9YbxyHrVXCl3Hqve0SPB2oHKaKjSmQ8T-A4HfPAW7JeCqEtt_fKnLNjYq80CqUxPLHnkoGY6XGXhHTLrwIwzfVdH-_9GK6PDKU/s1600/bloger+kotak.jpeg

Dan jangan lupa pada pemasangan yang tepat seperti kode peletakan dibawah :

 <div class='post-header'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Bloging&quot;'>
<style type='text/css'>
.post-body{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxPjIDV2ok-PJ1QfTJ2QPmworr_Jbut0_EFCgw0XeVT9YbxyHrVXCl3Hqve0SPB2oHKaKjSmQ8T-A4HfPAW7JeCqEtt_fKnLNjYq80CqUxPLHnkoGY6XGXhHTLrwIwzfVdH-_9GK6PDKU/s1600/bloger+kotak.jpeg) no-repeat top right;}
</style>
</b:if>
</b:loop>
<div class='post-header-line-1'/>

Nah saya kira cukup sekian tentang bagaimana Cara memberi background post berdasarkan label,Semoga Tutorialnya bermanfaat bagi sobat ,,,

Terima kasih Anda telah membaca Artikel mengenai Cara memberi background post by label dan Kata kunci untuk Artikel ini yaitu Cara memberi background post by label