Cara Menandai Postingan Terbaru di Blog ~ Pintu Seo Blog ~ bloganda

Cara Menandai Postingan Terbaru di Blog

Cara Menandai Postingan Terbaru di Blog | Pintu Seo - Menandai Postingan Terbaru Memang sangat penting untuk blog kita , tapi bagaimana cara menandainya ? kali ini saya akan share , simak caranya di bawah ini ya .

Cara Menandai Postingan Terbaru di Blog

Sekarang masuk menu Template --> Pilih edit HTML
Klik Ctrl+F dan cari kode ]]></b:skin>
Kemudian letakkan kode CSS berikut diatas kode ]]></b:skin>


.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;
}

Klik Ctrl+F dan cari kode <b:include data='post' name='post'/>
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>