Cara Menambahkan Pita Pada Postingan Baru Dan Lama

Untuk membuat blog menarik dilihat merupakan keinginan semua blogger. Trik berikut ini dibuat untuk mempercantik tampilan posting pada homepage dengan menambahkan pita diujung kanan post, tidak hanya mempercantik tapi pita ini juga menandakan sebuah posting baru dan posting lama.

Dalam memasang pita pada posting, pita old dan new di filter menggunakan tag pengkondisian <b:if cond="data:post.IsFirstPost"> yang artinya post yang paling baru akan ditandai dengan pita new, sebaliknya post yang sudah lama akan ditandai dengan pita old.

Menambahkan pita penanda posting baru dan lama

1. Login blogger >> template >> edit html
2. Cari kode berikut pada template,

<div class='post hentry'>

3. Copy paste kode berikut tepat dibawah kode <div class='post hentry'>,

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.isFirstPost'> 
<span style='display:block;position: absolute;top: -4px;right: -4px;margin: 0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq82bB2WTh03jW5w1ZYukmwddT2_czbb5fKDON4Ii3hFURcwPnTJA9CDh_WpzQxZaimcInUDrP9H2UOEHKa6jOttUF7tKM7wFbM0N_x56IMkeGBCWrLxR9M0EMXL8bbMltt8gBEopSEA/s56/New-Ribbon-By-EXEIdeas.png);width: 56px;height: 56px;'/>
<b:else/>
<span style='display:block;position: absolute;top: -4px;right: -4px;margin: 0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0c4GJ_1Vn1fWlzkMq9GiggeLfrek2yuC4yP6_97X7LI5v68Y_G3UZ7ko9TWeliucuLa2W3HtM2-ZSKtbRm9kPdN1gm0DVZF1dPGlpistOSWAL2GMtTpU9EBQwMgypYqpWGZSLOHe_Eg/s56/Old-Ribbon-By-EXEIdeas.png);width: 56px;height: 56px;'/> 
</b:if></b:if></b:if>

Pita hanya akan tampil pada halaman home saja, jika ingin menampilkannya juga pada halaman posting hapus kode yang di stabilo biru.

4. Cari kode </head>, kemudian paste kode berikut tepat diatas </head>.
 

<style>.post{position:relative;}</style>

5. Simpan template dan lihat hasilnya.






Sumber : http://www.depermana.com/2013/12/Ribbon-penanda-posting-baru-dan-lama.html

Author : coxelgokil | ACI BUDAYA

Anda telah membaca artikel tentang : Cara Menambahkan Pita Pada Postingan Baru Dan Lama. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih... <a href="http://acibudaya.blogspot.com/2013/12/cara-menambahkan-pita-pada-postingan.html" target="_blank">Cara Menambahkan Pita Pada Postingan Baru Dan Lama</a>

Author : Aci Budaya - [Blog Lain]