Kali ini saya akan memberitau cara membuat background di post tertentu,Demonya sprti ujung atas kanan post saya ini. Re:Source:http://www.krtutorplus.com/2012/06/cara-membuat-background-berbeda-sesuai.html
Background tersebut memang akan secara otomatis berubah sesuai dengan kategori pada posting yang sedang anda baca. Rupanya ada yang tertarik dengan trik tersebut dan menanyakan bagaimana cara membuatnya.
Perlu diketahui bahwa blogger mempunyai if conditional label yang bisa mengontrol apapun sesuai dengan label, misal bisa mengubah-ubah tampilan blog anda secara keseluruhan (konsep blogazine), bisa mengontrol tampilan iklan (iklan ingin tampil/tidak ingin tampil pada kategori tertentu), menampilkan/tidak menampilkan sidebar dan lain-lain. Intinya, anda bisa berbuat banyak dengan label bila anda mengetahui triknya.OK, biar tidak terlalu melebar kemana-mana sementara ini kita fokus membahas bagaimana membuat background berbeda sesuai kategori. Kode dasarnya seperti ini :
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "nama kategori"'>
<style type='text/css'>
Kode CSS
</style>
</b:if>
</b:loop>
Yang harus diperhatikan adalah dimana background tersebut ingin di tempatkan? Bila merujuk kepada blog kang Rohman, background ditempatkan pada bagian body posting, kode CSS nya kebetulan seperti ini :
.post-body{margin:0 0 .85em; line-height:1.6em; padding:0px;overflow: hidden;}
Secara default, setiap posting tidak akan mempunyai background. Nah, disinilah peran if conditional labelbermain agar pada label tertentu mempunyai background. Misal pada nama label : Panduan blogger, kang rohman memasang kode seperti ini :
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "panduan blogger"'>
<style type='text/css'>
.post-body{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDw43HzoBiwcPhI1BP0IOHVi0xTX6PtmNfFcpI4k98VPj7vMZ2Um_bN1QA8E2SFroRuQnUtp7HJr7v_r9zSZ-BHkqnj_gxPlZDCcLgUlUQjpvqiurbNHNSUiXWx78V0G6mwQ-Yp09jR8gO/s1600/bg_blogger.png) no-repeat top right;}
</style>
</b:if>
</b:loop>
Gambar Background yang di pasang adalah seperti ini :
Title : Cara membuat Background di Tempat Tertentu
Description : Kali ini saya akan memberitau cara membuat background di post tertentu,Demonya sprti ujung atas kanan post saya ini. Re:Source:http://w...
