Menandai Postingan Terbaru -

 yaitu menampilkan post terbaru dengan sebuah tanda seperti ribbon, tutorial ini saya buat berdasarkan permintaan dari sahabat. Untuk masalah kegagalan saya jamin tidak akan menemuinya karena saya telah mencoba sendiri dan berhasil...

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.