Home » » Cara Custom CSS Berdasarkan Labels Blog

Cara Custom CSS Berdasarkan Labels Blog

Selamat siang, pada siang ini saya akan share Tutorial blog yaitu cara merubah CSS blog kamu sesuai dengan Label yang di klik ?? lah gmna caranya ??

yaudah langsung aja dliat dan prakteknya, ntar pag guru kasih nilai :D hoho

caranya tinggal copy and paste code dibawah ini dibawah tag <data:post.body/> pada templatemu (jika anda menggunakan read more, pastekan dibawah <data:post.body/> yang kedua)


<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;LabelMU&quot;'>
<style type='text/css'>
CSSmu
</style>
</b:if>
</b:loop>
keterangan :
LabelMU : ganti dengan nama label yang kamu inginkan
CSSmu : beri CSSmu disini :-bd

nich... saya kasih contoh pengaplikasiannya pada template :-bd
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Tutorial Blog&quot;'>
<style type='text/css'>
.post-body{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW0NHzAWUCjMbcmcYJk6L8opWVTMAPqBl7yg8tslak1kRhVPZUVqGLVvflU2YtqnTUuYGg4-T6bBJ4v6v-YfJpQ1jw14NKDY3QgRd6Bzyo3gk3UiIqfFIE7eWyRJgTkZ0MYkOK3Y-WlOyw/s1600/bg_blogger.png) no-repeat top right;}
</style>
</b:if>
</b:loop>

 Sekian dari saya, jika ada yang salah... silahkan komen ya :-bd

0 comments:

Post a Comment

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Portal Editing - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger