Desain blog - situs di artikel dalam label tertentu berbeda

Desain khusus label artikel :

Ini adalah cara membuat tampilan blog atau situs dalam label atau kategori tertentu berbeda dengan tampilan utama blog. Sebagai contoh, misal blog/situs ini punya artikel dalam label aquarium, maka setiap artikel dalam label aquarium memiliki;sebagai contoh - background ikan mas koki.

Background ikan mas hanya salah satu cara, sebetulnya kita dapat membuat tampilan di label tertentu desainnya kontras sama sekali/seakan situs yang berbeda.

Cara membuat tampilan blog di blogger dalam label tertentu berbeda dari tampilan utama blog, cukup letakan code berikut;

 <b:if cond='data:blog.pageType == &quot;item&quot;'>    
<b:loop values='data:post.labels' var='label'>
 <b:if cond='data:label.name == &quot;blog&quot;'>
<style type='text/css'>
.header{background:orange;}  
</style>
</b:if>
</b:loop>
</b:if>  

Letakan dibawah code berikut;

<b:if cond='data:post.hasJumpLink'>
</b:if>

Untuk menambah desain pada postingan pada kategori atau label berbeda, cukup duplicate code;

<b:loop values='data:post.labels' var='label'>
 <b:if cond='data:label.name == &quot;musik&quot;'>
<style type='text/css'>
.header{background:orange;}  
</style>
</b:if>
</b:loop>
<b:loop values='data:post.labels' var='label'>
 <b:if cond='data:label.name == &quot;blog&quot;'>
<style type='text/css'>
.header{background:orange;}  
</style>
</b:if>
</b:loop>
<b:loop values='data:post.labels' var='label'>
 <b:if cond='data:label.name == &quot;info&quot;'>
<style type='text/css'>
.header{background:orange;}  
</style>
</b:if>
</b:loop>

Untuk peletakan codenya, silahkan simak dalam video khusus berikut;

Tentang Author

St

Dikirim pada -11 Nov 2023
" Selamat datang, selamat membaca dan selamat berseluncur "

San Tuy

Share ke

Lainnya oleh Santuy :