Cara Menandai Posting Terbaru

Cara Menandai Posting Terbaru - Yaitu menandai postingan yg paling baru dari yang terbaru, yang sobat blogger postkan paa blog blogger sobat sendiri. Pusing maksudnya?, Sobat lihat saja sendiri di gambar berikut ini.

Kerenkan? mau? Ikuti langkah berikut ini.

Seperti biasa silahkan sobat masuk ke Blogger dan edit html, masukan CSS di bawah ini di atas kode ]]></b:skin> atau </style>

.newer-post {
  margin: 50px auto;
  width: auto;
  height: auto;
  background-color: none;
  position: relative;
}
 
.newer-post2 {
  font: bold 20px Sans-Serif;
  text-align: center;
  transform: rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -25px;
  top: 7px;
  width: 160px;
  background-color: blue;
  color: #fff;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
 
.newer-post3 {
  width: 86px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -4px;
  right: -4px;
}

Kalau sudah silahkan sobat cari kode ini <b:include data='post' name='post'/> gunakan CTRL + F untuk memudahkan pencarian..
Kalau sudah ketemu silahkan sobat ganti dengan kode di bawah ini

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.isFirstPost == &quot;true&quot;'>
<div class='newer-post'>
<div class='newer-post2'><div class='newer-post3'>NEW</div></div>
<div class='first-post'>
<b:include data='post' name='post'/>
</div></div>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Kemudian sobat simpan template dan cek hasilnya..
Semoga bermanfaat.