21 December 2013

cara memasang label NEW dan OLD pada posting

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 ...
cara memasang label NEW dan OLD pada posting

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~

4 comments

waaah keren, bisa mempercantik blog yaaah ;) hehee

iya mba monggo di coba ...
makaksih atas kunjungan dan apresiasi nya

Allow gan... ditemplate ku gak ada kode 'div class=post hentry'
jadi binggung dengan perintah; coba hapus sedikit demi sedikit/hapus tanda >dan'
mohon pencerahannya gan. tenkyu

maksud saya gini gan , coba agan hapus sedikit demi sedikit kode yang ada pada kode div class='post hentry'> .
contohnya coba hapus tanda > dan tanda ' lalu akan jadi seperti ini
div class='post hentry lalu klik enter . jika masih belum ada kode tersevut hapus terus sedikit demi sedikit kode tersebut gan ...

berkomentarlah sesuka anda
===>no link aktiv<===
NB:Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar