Cara membuat background berbeda sesuai kategori

Cara membuat background berbeda sesuai kategori | Sebenarnya tutorial cara membuat background berbeda pada setiap kategori ini sudah banyak dijelaskan berbagai tutorial blogger. Namun tidak salahnya lagi penulis menguraikan tutorial ini.

Tujuan membuat background berbeda pada setiap kategori adalah untuk mempercantik tampilan blog, ini sungguh keren bro.., nanti silakan nikmati hasilnya. Oke, kita langsung aja kecara pembuatannya. Tetapi lebih baiknya anda membackup dulu templatenya bro.., untuk antisipasi kalau nanti terjadi kerusakan pada waktu mengedit template, hati-hati bro.., kita akan bermain template. hehhe..... just smileee.....  it's fun. :D

Sudah pada tahu kan? cara membackup templatenya, kalau belum silakan bertanya, jangan malu-malu bertanya ya.., karena malu bertanya bisa jalan-jalan cari alamat palsu. Menurut kang rohman 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.

Kode dasarnya adalah sebagai berikut :

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;nama kategori&quot;'>
<style type='text/css'>
Kode CSS
</style>
</b:if>
</b:loop> 

Kode dasar tersebut biasanya diletakkan di bawah body posting, dengan kode CSS sebagai berikut;

.post-body{margin:0 0 .85em; line-height:1.6em; padding:0px;overflow:
 hidden;}

Masih menurut kang rahman, secara default blogger tidak memiliki background, artinya hanya polos begitu. Tahu polos kan bro, masih "lugu gitu". Sebagai permulaan Saya akan memberikan contoh berikut:

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;blogger&quot;'>
<style type='text/css'>
.post-body{background: url(http://2.bp.blogspot.com/-nAqlXpAXheQ
/T7O3qEW1fPI/AAAAAAAAAi4/_xPvtiBP7HQ/s1600/bg_blogger.png) 
no-repeat top right;}
</style>
</b:if>
</b:loop>

Kode di atas memiliki arti sebagai berikut:

warna kuning pertama mengartikan bahwa pada kategori apa kita akan memberikan background. Disini Saya memberi background pada kategori blogger.

Warna kuning kedua mengartikan gambar apa yang akan muncul di background pada kategori blogger. Disini saya menggunakan gambar background berikut.

  

, 

 

 

Kalau ingin background yang lain, silakan ganti dengan gambar yang anda inginkan.

Demikian aja ya bro..., semoga artikel ini sedikit membantu. :D