Membuat tanda Posting Terbaru ~ Buzz Share

Buzz Share - Membuat tanda Posting Terbaru yaitu menampilkan post terbaru dengan sebuah tanda seperti ribbon, Anda dapat melihat di salah satu Blogger yang sudah lumayan tenar yang berpagerank 4-5 ada yang Menggunakan Trik ini dijamin jika anda menggunakan Cara ini dijamin sukses 100% jika gagal pun pasti mudah untuk di benarkan. Ok langsung saja Ini dia Membuat tanda Posting Terbaru.

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 lalu sobat cari Code ini <b:include data='post' name='post'/> Gunakan Ctrl+ f Untuk mempermudah pencarian Sobat.


<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>

Lalu Sobat Save dan Lihat Apa yang berubah pada Website sobat. Ok sekian dan terimakasih :3

Artikel ini terinovasi dari Blog Afowles : Membuat tanda Posting Terbaru

Membuat tanda Posting Terbaru

Related Post