cara memasang label NEW dan OLD pada posting

moonroemoort

21 December 2013

4 Komentar

setelah kemarin saya share cara memasang gambar pada post agar tidak mengurangi score seokali ini moonroemoort akan share cara memasang label NEW dan OLD pada posting
ini sangat berguna untuk membedakan post lama dan post baru di tambah lagi menambah cantik halaman homepage brader ...

ini berbeda dengan gambar diatas hasilnya adalah seperti yang ada pada blog ini,gambar diatas hanya untuk mempercantik pemandangan saja

• masuk dashboard
• klik template > edit HTML
• cari kode dibawah ini
• <div class='post hentry'>
•  copy paste kode di bawah ini tepat dibawah kode <div class='post hentry'>
• jika tidak ada kode <div class='post hentry'> coba hapus sedikit demi sedikit/hapus tanda >dan'
• jika agan memakai template yang sama dengan saya maka taruh kode dibawah ini tepat di bawah kode        
• <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

<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/AVvXsEh_t4aPi8EprzAtdfYBD5xC3f_s0LQ-_qfjqdzElyJ0gWSi10ZhRBZSOBQrg8PWHe5yK9GonrnbPAWgi4Ig57IGnj3DsRcZ4mvabSeB0xeIktMQsDnqq36Ys289lq89778h8QOZlQhGkQ/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/AVvXsEga5NLmH9oCv0G-iUr0jIlwegsv94rqerscYJ1ijwIL6uDnS9fs3ILRunW6_KwBPsf7kiqEo62foQOrllVzfRkm22YxgLTPyQp_JF-_BbUSlE75OAdjJXW8HFgMPTPN2z-iaVcgYaXhMw/s56/Old-Ribbon-By-EXEIdeas.png);width: 56px;height: 56px;'/>

</b:if></b:if></b:if>

• lalu cari kode </head>. kemudian paste kode berikut tepat diatas </head>

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

• simpan template dan lihat hasilnya

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