Menandai Postingan Terbaru ala The Anarchyta

Laba-Laba Blog - Sudah banyak para pengguna blogger yang mencari-cari tutorial seperti ini, namun tutorial ini seperti milik blog The Anarchyta. Sebelumnya kami sudah mempublikasikan artikel seperti ini, dan pada akhirnya kami mempublikasikan kembali yang dibuat oleh The Anarchyta. Tujuan dipasangnya widget ini adalah untuk memudahkan penandaan pada artikel yang baru dengan artikel yang lama.

Pemasangan widget seperti ini sangat mudah dan tidak banyak membuang-buang waktu dan widget ini tentunya memiliki efek elegant. Widget ini tidak susah dan tidak ribet untuk dipasang pada blogger. Berikut, ikutilah langkah-langkah di bawah ini.

1. Simpan kode CSS ini di atas ]]></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;
}

2. Kemudian, ganti kode <b:include data='post' name='post'/> 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>

3. Simpan

Sumber: http://the-anarchyta.blogspot.com/2014/05/menandai-postingan-terbaru.html