Kustomisasi Halaman atau Penampilan Widget Khusus Untuk Postingan Berlabel Tertentu

Sebelumnya saya pernah membahas mengenai pembuatan halaman penuh tanpa sidebar untuk postingan tertentu (baca: Halaman Penuh Tanpa Sidebar). Seiring postingan itu, banyak yang bertanya bagaimana membuatnya untuk banyak postingan dan bukan hanya satu postingan. Jangan bingung, karena saya memiliki solusinya.

Cara Pertama
Cara pertama adalah cara manual, memasukkan beberapa syarat kondisi untul halaman tertentu. Jika dulu Anda memasukkan kode seperti di bawah ini untuk kustomisasi halaman tertentu:

<b:if cond='data:blog.url == &quot;alamatpostinganandadisini&quot;'>
    <style>
kustomisasi disini, masukkan css sesuai keinginan
    </style>
    </b:if>

Nah, Anda bisa gunakan beberapa kode syarat sekaligus, misal:

<b:if cond='data:blog.url == &quot;alamatpostinganandadisinisatu&quot;'>
<b:if cond='data:blog.url == &quot;alamatpostinganandadisinidua&quot;'>
<b:if cond='data:blog.url == &quot;alamatpostinganandadisinitiga&quot;'>
    <style>
kustomisasi disini, masukkan css sesuai keinginan
    </style>
    </b:if>
    </b:if>
    </b:if>

Karena syaratnya ditambah menjadi dua, maka jangan lupa untuk menambah juga penutupnya seperti yang bercetak tebal dua baris terakhir.


Cara Kedua
Cara kedua, cara yang saya gunakan adalah membuat kustomisasi untuk postingan berlabel tertentu. Jadi Anda bisa membuat kustomisasi yang sama untuk banyak halaman tertentu, dengan syarat diberi label yang sama.

Pertama, pastikan Anda telah memberi label untuk halaman tertentu Anda. Misal: Specialpages.
Kedua, login blogger, tata letak, edit HTML (centang expand templates widget). Lalu ganti kode berikut ini <b:include data='post' name='post'/>
dengan:

<b:if cond='data:post.labels == &quot;&quot;'>
<b:include data='post' name='post'/>
</b:if>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast'>
<b:if cond='data:label.name != &quot;specialpages&quot;'>
<b:include data='post' name='post'/>
<b:else/>
<b:include data='post' name='post'/>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style>
masukkan kode css disini utk kustomisasi
</style>
</b:if>
</b:if>
</b:if>
</b:loop>

Gantilah specialpages sesuai label Anda. Sekarang Anda bisa membuat kustomisasi khusus untuk banyak halaman. Anda bisa memilih cara pertama atau cara kedua. Silahkan mencoba dan semoga bermanfaat.

Related Posts by Categories

Widget by Hoctro | Jack Book