Menandai postingan terbaru - yaitu menampilkan post terbaru dengan sebuah tanda seperti ribbon, sebenarnya tutorial ini telah banyak di share para sahabat blogger, tetapi tidak ada salahnya kan? jika saya tambah sharenya biar tambah banyak hehehe...
Untuk masalah kegagalan saya jamin tidak akan menemuinya karena saya telah mencoba sendiri dan berhasil...
Seperti biasa silahkan Anda masuk ke blogger dan edit html masukkan CSS di bawah ini tepat 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 Anda cari kode ini
<b:include data='post' name='post'/>
gunakan CTRL+F untuk memudahkan pencarian...
Kalu sudah ketemu silahkan Anda ganti dengan kode dibawah ini :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.isFirstPost == "true"'>
<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 Anda simpan template dan cek hasilnya...
Semoga bermanfaat.
Blogger
Google+
Facebook
Twitter