Kode Badge Postingan Blog Terbaru

Kode Badge Postingan Blog Terbaru: NEW

Kode CSS
Di atas ]]></b:skin>

.wrapperwha12 {margin: 50px auto;width: auto;height: auto;background: transparent;position: relative;}
.ribbonwha123 {font: bold 20px Sans-Serif;text-align: center;transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);position: relative;padding: 7px 0;left: -25px;top: 7px;width: 160px;
background-image: linear-gradient(top, #129, #12f);
background-image: -o-linear-gradient(top, #129, #12f);
background-image: -ms-linear-gradient(top, #129, #12f);
background-image: -moz-linear-gradient(top, #129, #12f);
background-image: -webkit-linear-gradient(top, #129, #12f);
color: #fff;-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);box-shadow: 0px 0px 3px rgba(0,0,0,0.3);}
.ribbonwha-wrapper12 {width: 86px;height: 88px;overflow: hidden;position: absolute;top: -4px;
right: -4px;}

Ganti kode <b:include data='post' name='post'/> dengan:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.isFirstPost == &quot;true&quot;'>
<div class='wrapperwha12'>
<div class='ribbonwha-wrapper12'><div class='ribbonwha123'>NEW</div></div>
<div id='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>