Cara Membuat Pita Penanda Posting Baru Dan Lama

Membuat ribbon pada post. 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 dengan pita itu sendiri karensa pita ini terbagi dua yaitu pita old yang menandakan posting lama dan pita new yang menandakan posting baru.

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/AVvXsEiQrBt2-Imr0_uCtWBrqe92Kzoqdyqqr6NBikyDtJWxmuVY9GFzP8Ew9aW_lIDh9FUToSC99tDp0lMZHdHknjwpUlLUxFFz4_as3bgoInG6utMP02dS-say8IqKRPb3t7TMBqc65byr0A/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/AVvXsEiIMFztOcKALR_2EYhTA1MgabsfzrQOWBTKcStDALkBeU0Y6OoiaAaaMpaL4JrqCj6UWtrdMvG4_nrgtg2eB0dgxFO_4ALvbzH3ghxNnsB43TeDHjBt-koApzpM5jvlOD5BV8ofoOpcKQ/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

jika ada yang perlu ditanykan silakan tulis di kotak komentar dibawah ini. semoga bermanfaaat.