Cara Menandai Postingan Terbaru

LATIF BLOG - Hai Sobat Blogger ! ! Saya akan memposting Cara Menandai Postingan Terbaru Yaitu menampilkan post terbaru dengan sebuah tanda seperti ribbon, tutorial ini saya buat berdasarkan permintaan dari sahabat. Untuk masalah kegagalan saya belum jamin tidak akan gagal karena saya belum mencoba dan teman-teman sudah banyak yang mencobanya.

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.

Tweet