Cara Membuat Penanda Postingan Baru di Blog

Haii Sobat New diandiki dah lama nih nggak upload kali ini saya mau shere tentang cara penanda bagaimana cara melihat postingan baru dan postingan lama, ini sangat berfunsi bagi pengunjung blog anda untuk melihat bagaimanakah cara menentukan ini postingan lama atau ini postingan baru.

Kali ini saya minta maaf bahwa saya tidak bisa memberikan demo yang bagus , walaupun begitu hasil yang dihasilkan oleh widget kali cukup memuaskan,untuk demonya anda bisa melihatnya di sini : Demo

Nah kali ini langsung aja kita lihat caranya

1. yang pasti login dulu ke blogger
2. Template > Edit HTML

3. Cari Kode  </head>  
 letakkan kode di bawah ini di atas kode tersebut:

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

4. cari kode

<div class='post hentry'>

5. Lalu paste kode di bawah ini di bawah kode tersebut

<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/AVvXsEhGzm1lFLwSdxHBZ_5qoDIXT2On8AWHF2CkTgm2rpKxvW0FawEzNxxti8lEOXY63U3RYiVUCRYsAdu0hwbm4qMwj9Nhrr4y2LPsLBP-fc0-Gq-Ssbo9IIW5xFQmbN0qAxdMKdrzd-6m2Q/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/AVvXsEji9sUovxoMGYTxTP3_S3V1SBtteBdvZuuUy45B4q3shE9J9YzYvBrNqxe0tikNoTxDT5l_dWqMmP-5RLaqPW7xV2fueX_xS98adiddJsjrvlDtkCzp7RHlgOF_0-6aMRoRbDW_IoXkCQ/s56/Old-Ribbon-By-EXEIdeas.png);width: 56px;height: 56px;'/> 
</b:if></b:if></b:if>

Ket : Kode yang saya shere kali ini adalah kode yang menujukkan pita hanya di layar homepege saja , jika anda ingin pita juga berada pada layar postingan anda bisa menghapus tanda merah di atas.

6. simnpan, dan lihatlah hasilnya ....